If you used OptimizePress you will love their recently added Overlay feature.

The Overlay module compliments to two-step mini commitment opt-in process. This is already proving to convert better than the average optin form on blog post and even landing pages.

People had previously asked if they can add the Overlay to thier blog post and I saw a recent comment over on OptmizePress blog where someone asked if we can add the overlay feature to the OptimizePress Theme blog.

In this video I show you how I made basic OptimizePress page with Overlay then copied the source code into this blog post with the button to activate the overlay.

I'm sure OptimizePress will add this feature but here is a way you can hack the code and get it working.

The video

Button Test

[sc:Overlaybut1 ]

David Frosdick
David Frosdick

I'm David Frosdick a content marketer & course creator. I spend my days working with OptimizePress, coaching clients, producing online courses, digital products and generally seeing what's working online with marketing. Thanks for visiting my blog and feel free to contact me if you have any questions.

    11 replies to "Using the OptimizePress Overlay on any site"

    • KM Lee

      Hey David,

      KM here.

      Just visited your site. Noticed you’ve quite a lot of great stuff going on here.

      Thanks for recording the video and sharing the tip. Very good explanation!

      Congrats on winning the marketplace contest again. I’m sure you will have some great stuff to contribute in the coming days. Keep up the good work 🙂

      • David Frosdick

        Thanks KM! Maybe we should team up and get a few training sessions going. I’ve just coded paralax into OP2 and working on a sticky nav menu 🙂

    • Bill

      Thanks so much for doing this. This is one thing that Lead Pages does well but I’m a huge fan of Optimize press so was very pleased to see that there is a work around.

    • Claudia

      This is great David. Thanks so much for setting this out.

      If you have a moment wondered if you could help me get rid of the big gap that appears underneath the button. (I think that could also be happening to your example above – not sure). I have content at the bottom of all my posts so the formatting looks strange with the gap.

      Not sure if you can help (you have already done so much with your video) but thought I would ask in case you have a fix to remove the gap.


      • David Frosdick

        HI Claudia, the gap is the scripts for the pop (I think) let me see how we can hide them with CSS.

    • Hashim Naushahi

      Hi David!

      Thank you very much for this! I was looking for a way to use the overlay on a non OP page and yours did the trick!

      A small question though…

      This video brings the overlay option to any page with the button for it. Is there also a way to have this option with other elements like a clickable image, or a link or a non OP custom button? I’m really interested in knowing if that’s possible. I’ve got an image in my sidebar with the image widget and I’d really like to have the sign in form pop up like a 2 step optin when a visitor clicks that image. Is something like that possible, with your option?

      Thank you in advance!



      • David Frosdick

        Hi Hashim, I’ve found another way to use the Overlay on non OP pages and that’s by using a shortcode pluign. I don’t think you can get it working in a slider very easily. It would require lots of hacking around and testing. Thank for stopping by!

        • Hashim Naushahi

          Hi David,

          Thank you for replying! I really appreciate it.

          Is there a way you can show or explain how to use the Overlay with your new method? My website is planned to launch next week and it would be great to have this working by then.

          Thank you in advance!



          • David Frosdick

            Yes I’ll have to publish a new video soon showing how I do it. I’ll record it as soon as I can.

Leave a Reply

Your email address will not be published.