How to create a lightbox form

Last Update: May 24, 2016

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



1. First, create or edit a form.

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

3. Click "Publish".

4. Select "LightBox" on the "Publish Wizard".

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

    - Title

    - Form Dimension

    - Select Light Box Style

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


10 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


   
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


   
uhargude1 (December 16, 2015 at 04:47 AM)

please tell me how to embed lightbox onload automatically in web page

View Answer


   
bhumika (March 30, 2016 at 02:02 PM)

hi i want to add form like simple lightbox as popup form so when i clicked the button its open up that lightbox form ,but i dont know how to add to codeigniter.when i open that form it should open up codeigniter controller link with created view page with dynamic data.can u help me?

View Answer


Send Comment