How to make your lightbox form auto-popup on the screen after a period of time?

How to make your lightbox form auto-popup on the screen after a period of time?

Your lightbox form can be triggered to pop up on the screen after a period of time of your choice. The user doesn’t need to do anything; the form will simply show up on the page in a lightbox.

Lightbox form with auto popup

In order to set up this form behavior, go to the PublishLightbox section of your form. In Lightbox – auto popup (on the bottom), click on Customize settings to add the number of seconds you want to pass before the popup is triggered. Next, copy the code within the box and paste it in the code interface of your webpage. Done!


If you are a codding enthusiast, follow this example of how your script should look like:

  1. <script type="text/javascript" src="http://www.123formbuilder.com/includes/tinybox/tinybox.js"></script>
  2. <link rel="stylesheet" href="http://www.123formbuilder.com/includes/tinybox/tinyboxstyle.css"/>
  3. <script type="text/javascript">setTimeout(function(){
  4. TINY.box.show({iframe:'http://www.123formbuilder.com/form-111111/your-form',boxid:'frameless',
  5. width:900,height:500,fixed:false,maskid:'bluemask',maskopacity:40}
  6. ) },5000); </script>

To set up your own script follow the simple steps below:

  1. The first two lines remain unchanged.
    1. <script type="text/javascript" src="http://www.123formbuilder.com/includes/tinybox/tinybox.js"></script>
    2. <link rel="stylesheet" href="http://www.123formbuilder.com/includes/tinybox/tinyboxstyle.css"/>
  2. Change the URL from the third line with your form’s URL.
    1. <script type="text/javascript">setTimeout(function(){TINY.box.show({
    2. iframe:'http://www.123formbuilder.com/form-111111/your-form',boxid:'frameless',width:900,height:500,
    3. fixed:false,maskid:'bluemask',maskopacity:40}) },5000);
    4. </script>
  3. The number 5000, at the end of the line, represents the period of time, in milliseconds, before the lightbox form will be triggered on screen. In this example the lightbox form will pop up in 5 seconds, after the visitor has opened the page. You can change it to anything that suits your needs best.
    1. maskopacity:40}) },5000);

Leave a Reply

Your email address will not be published. Required fields are marked *