How to Create a Lightbox Form

Last Update: July 5, 2014

"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 when they click the link. Check out the video on how to create the lightbox form.




1. 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 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.

You have already voted for this item. Your vote was: 1

6 Comments...


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

send me sours cord

View Answer


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

nice


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

Hello,

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

Thanks.

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


Send Comment