How to put a Form in a Lightbox (aka, two step opt-in for click-through page)

Hey there - It looks like there was some cropping issues with longer content on mobile. I’ve made some adjustments to the script to prevent this

I put a html widget in box instead of form widget, and applied a lightbox effect to multiple buttons. When I click on any button first time, html content appears. But when I click on another button, html widget doesn’t appears. What can be a problem?

Is it not possible to scroll within the lightbox on iPhones? We’re having some issues.

Desktop works great, though, thanks Johnny! 

Hey Michael - You could try a timeout delay that simulates a button click after a certain period of time.

$(function(){
     <br />
   window.setTimeout(function(){
<br />
     $('#lp-pom-button-14').click(); <br />
   },2000); <br />
}); <br /> </script>```   
 
With #lp-pom-button-14 replaced with your buttons ID that is used to open the lightbox

Jonny,

Is there a way to trigger the lightbox container automatically (rather than having to click on a button)?

Mike

Hi Jonny,

That words great thanks except for on my phone (Samsung galaxy s2) when you click the ‘sign up’ button the form doesn’t appear. See here:

http://unbouncepages.com/30-day-free-…

I have the form centered in the mobile view.

Your example http://unbouncepages.com/lightbox-form/

works fine so I’m doing something wrong somewhere

Thanks

Masten

Hey Michael

I detailed below some instructions for creating a form lightbox on Unbounce. You can find the script and guide below:

https://gist.github.com/johnnyopao/ee58344410873e6c7406

I would also like this feature. It makes designing forms so much easier as you don’t have to have an ugly from on the page and leaves space to keep the design cleaner and more functional.

Has anyone come up with a solution yet?

Thanks

Hi Francisco - please check your email again, I’ve sent the info your way!

Hi Francisco - there’s a couple options available for you. Check your email shortly, I’m going to open up a Support ticket and see what is amiss!

Hi Zsigmond!

We have a couple options for this type of functionality. Check your email - I’ve opened up a support ticket for you so we can go into more detail!

In the meantime, I’d really encourage other Unbouncers in the community to take the time to share some insight - why is this feature important to your marketing campaigns? Have you seen lifts in your own conversion rates using this feature?

Thanks in advance everyone for sharing! 

Great, thanks Lou! I’ll check my email.

The reason for this two-step optin is that in many cases it increases the optin rate, because a user is more inclined to click a button if there is no other fields to enter data. And that first click is like a micro commitment which increases the chance of them adding their email etc at step two.