Loading a Form into a Lightbox


Adding a form to a lightbox is a great way to save space on your page, and load your form with a pop-up instead! Visitors will click the lightbox button on your page, and a small window will appear that houses your form. 

To add a form into your lightbox, follow these steps:

    1. Navigate to the Unbounce builder for the page where you'd like to add a lightbox button. 
    2. From the Widget Panel on the left-hand side of the builder, drag and drop a Lightbox Button lightbox-button.png  widget onto your landing page. 
    3. Click the Lightbox tab in the upper left-hand corner of the builder; this is the lightbox window your visitors will see when they click the lightbox button.
    4. Drag and drop the Form formbutton.pngwidget into the Lightbox content field:


      You're allocated one form per landing page. If the Form button is greyed out within the Widgets Panel, that means a form already exists on the page. Remove the existing form before attempting to add a form into a lightbox.

    5. In the new dialog box that appears, design your form to your liking:
    6. Click the Done button once you're finished.

You can now modify the form on your Lightbox just as you would on any other page in the builder.

Related Articles

Adding a Lightbox Button and Working with Lightboxes

Adding & Editing Forms