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

    Why is my form embedded with LightBox opening blank?

    Asked by KAleb  on June 09, 2016 at 04:26 PM

    Click on any"Book Now" on this page. http://puertoviejorents.com/transportation.html

    the only one that is working correctly is the one at the end "PRIVATE SHUTTLE REQUEST".

     

    thanks for your help in advance.

    Page URL:
    http://puertoviejorents.com/transportation.html

    site form blank lighbox why
  • Profile Image
    JotForm Support

    Answered by Nik_C on June 09, 2016 at 07:17 PM

    For me it's opening the forms but slowly, and clicking on x is closing but slowly as well, on the other hand you're right "PRIVATE SHUTTLE REQUEST" is working completely fine.

    I see some errors in Console when I try to open your form, but since I don't have access to your website's code, could you please try re-embedding your LighBox code and see if that will solve the problem?

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by KAleb  on June 09, 2016 at 08:45 PM
    Yes i re embed the code and did a new page from scratch. Samething.
    Frederick
    Be My Guest Cabinas
    Www.bemyguestcabinas.com
    Puerto Viejo Rents
    Www.puertoviejorents.com
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 09, 2016 at 11:02 PM

    Hello Frederick,

    I did check your old page where you have embedded your lightbox form and I am able to replicate the issue. It seems the form is being displayed correctly but a second blank lightbox is displayed. If you close the blank lightbox, your form is displayed correctly. Please check the screenshot below:

     

    I would request you to please share the second new page URL which you created from scratch and embedded your form. This will help us test this issue further.

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by KAleb  on June 09, 2016 at 11:45 PM
    That is correct. So how do i get rid of the first screen. On my i deleted all the book now reinstall and i get the samething. Next i will delete the jotform. And recreate it. Hopefully that will resolve my issue.
    Frederick
    Be My Guest Cabinas
    Www.bemyguestcabinas.com
    Puerto Viejo Rents
    Www.puertoviejorents.com
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on June 10, 2016 at 02:15 AM

    I am not sure why but you are embedding the Lightbox embed code multiple times on the same forms.

    Here are the forms and screenshots on how many times they are embedded:

    61526023023845 (2x embedded)

    61525484378868 (2x embedded)

    61525870832862 (2x embedded)

    61497665945877 (2x embedded)

    61495858682877 (2x embedded)

    61526473392863 (3x embedded)

    61526964833868 (3x embedded)

    61526783213859 - This is the "Private Shuttle Request
     from, which is only embedded ONCE, that is why it is working properly.

     

    The problem is that you are embedding the same script codes multiple times, which is why it gives you different problems like it gives you another modal box that is blank or it loads slow. The scripts are conflicting one another. You need to only embed them ONCE for each form. The anchor or <a> element can be copied and pasted multiple times because it's not a script.

    Here's the anatomy of your Lightbox embed code to understand it better:

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

          var JFL_61526783213859 = new JotformFeedback({

            formId: '61526783213859',

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

            windowTitle: 'PRIVATE SHUTTLE',

            background: '#69a820',

            fontColor: '#FFFFFF',

            type: '1',

            height: 800,

            width: 500,

            openOnLoad: false

          });

        </script>

          <a class="btn lightbox-61526783213859" style="margin-top: 16px">

            BOOK NOW

          </a>

     

    The green highlight is the script code, that's where the magic happens. If you pasted a similar code in the same page, then that will cause conflicts and problems.

    The yellow highlight is a simple <a> HTML element, it is used to anchor a link, but in our case, it's use as the trigger to open the Lightbox form, this CAN BE copied and pasted multiple times in the same page because it's just a simple HTML code, not a script.

     

    I hope that helps.

  • Profile Image

    Answered by KAleb  on June 10, 2016 at 04:45 AM
    Thank you i understand now. I need to make a duplicate light box with a different form id. Thank you for your help.
    Frederick
    Be My Guest Cabinas
    Www.bemyguestcabinas.com
    Puerto Viejo Rents
    Www.puertoviejorents.com
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 10, 2016 at 05:22 AM

    Hello Frederick,

    On behalf of my colleague, you are welcome. Do try out my colleague's suggestion and get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by KAleb  on June 10, 2016 at 05:45 PM
    Done thank you!!!
    Frederick
    Be My Guest Cabinas
    Www.bemyguestcabinas.com
    Puerto Viejo Rents
    Www.puertoviejorents.com
    ...