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. Click on the "Sign Up Forms" tab.

    select sign up forms

  2. Create a new form or edit an existing one.

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

    copy and paste javascript code and place that near the top or bottom of the code on your page

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

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



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



  7. Publish your page. When you click on the link/button, your lightbox will appear.
Have more questions? Submit a request
Powered by Zendesk