Embedding a LightBox Form makes my Wordpress screen blank

  • monoclebooth
    Asked on September 15, 2016 at 1: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

  • David JotForm Support Manager
    Replied on September 15, 2016 at 4: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.