How do I trigger a lightbox form with a link or button?

By default, the "Lightbox" option in the Sign Up Form Generator generates a form that automatically appears when the page it's published to loads. With some customization, you can trigger a button or link to load the form instead of having it load immediately.

How to Trigger a Lightbox with a Link or Button

  1. Go to the "Sign Up Forms" page and create a new form or edit an existing one.

  2. Set the "Form Type" to "Lightbox."

    Form Type is Lightbox

  3. Save the form and from your Publish options, choose "I Will Install My Form" and copy the provided Javascript code. The ideal place to put your lightbox form's javascript on your page would be at the very top of the <body> of your page.

    go to the publish step and choose to publish your own form. copy and paste the javascript code to the top of your body tags

  4. Paste the following Javascript in the head section of your page.

  5. Add the following HTML to the <body> of your page.

    Note: The "#" symbol for the href should not be changed.

    If using a button image instead of hyperlinked text, your code would be as followed including the direct link URL of your image.

    That's it! Once you've published your page, the lightbox will appear when you click the link/button.
Have more questions? Submit a request