How to Create a Lightbox Form

Last Update: May 11, 2015

"Lightbox is a JavaScript technique used to display images and other web content using modal dialogs" -From Wikipedia 

lightbox form is a window that pops up when a visitor clicks on a link. It overlays the page containing the link and looks something like this:

lightbox form

It's an elegant and easy way to share your forms with visitors. Check out this video on how to create a lightbox form.

1. First, create or edit a form.

2. When you are finished, click the "Setup & Embed" tab while in edit mode.

3. Click "Embed Form".


4. Select "LightBox" on the "Embed Form Wizard".

5. Copy the provided code or click "customize" if you'd like to edit

    - Title

    - Form Dimension

    - Title Bar Colors

6. Copy and paste the code to your website.

You're done! How did it go? Were the instructions clear enough? How can we improve them? Please share your comments in the section below.


nilanka (March 05, 2013 at 12:51 AM)

send me sours cord

View Answer

ali (May 27, 2013 at 06:42 AM)


CSID (October 11, 2013 at 10:22 AM)


When I past the code on html widget in iweb, lightbox doesn't work... Why ?


View Answer

ArtworkHeroes (November 20, 2013 at 07:20 AM)

is it possible to let a lightbox widget appear, right when coming on a landing page, so without clicking anywhere?

View Answer

bluepearconsulting (November 24, 2013 at 07:17 PM)

how i can create a lightbox form with a button instead of text to open?

View Answer

urbanjunket (March 04, 2014 at 04:34 PM)

This did NOT work with my shopify site.

View Answer

Deepika (October 18, 2014 at 07:30 AM)

it stops my other scripts running

View Answer

SilkWayNavigator (September 17, 2015 at 06:35 AM)

So, what about WordPress? How does it work in WordPress?

View Answer

Send Comment