Loading a Form into a Lightbox

Follow

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:
      form-lightbox-image.png

      Note:

      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:
      design-your-form.png
    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

Unbounce made it easy for me to find the information I need.
Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply