What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Embedding a LightBox Form makes my Wordpress screen blank

    Asked by monoclebooth on September 15, 2016 at 01:58 PM

    Hi!

    I'm using Wordpress and would like to create a lightbox form to "gate" a webpage for a contest, so that new users will enter their email. 

    Using my custom theme dashboard to modify Wordpress, I'm looking to simply embed the form I've created. When I do this specifically for Lightbox style jotforms my whole page goes blank. 

    I am using a JS Script embed tool that's built-in to my web creator. The strange thing is that it works for a regular jotform embed as is displayed on my page here: monoclebooth.com/news  

    I would simply like to have the form pop up and overlay my webpage before the user can access the content on that page.

    Thanks! And my email is tim@monoclebooth.com

    The embed code I'm using is this: 

        <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">

          var JFL_62585058745264 = new JotformFeedback({

            formId: '62585058745264',

            base: 'https://form.jotform.com/',

            windowTitle: 'Photo Booth Contest Entrance Form',

            background: '#00f99e',

            fontColor: '#FFFFFF',

            type: 'false',

            height: 500,

            width: 700,

            openOnLoad: true

          });

        </script>

    My built in Javascript tool by default contains this script:

     <script type="text/javascript"> alert("Enter your js here!" ); </script>

    Whether I enter the embed script between the parentheses or overwrite, the form either does not show up, or all the content on the screen fails to load.

    Cheers,

    Tim

    Page URL:
    www.monoclebooth.com/contest

    lightbox form a JotForm style height
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 15, 2016 at 04:40 PM

    Please try embedding the lightbox code of your form:

    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">

          var JFL_62585058745264 = new JotformFeedback({

            formId: '62585058745264',

            base: 'https://form.jotform.com/',

            windowTitle: 'Photo Booth Contest Gateway',

            background: '#00f99e',

            fontColor: '#FFFFFF',

            type: 'false',

            height: 500,

            width: 700,

            openOnLoad: true

          });

        </script>

     

     

    But, do not embed it inside the script " <script type="text/javascript"> alert("Enter your js here!" ); </script>". Let us know how it goes.