Submit button not working on Squarespace

  • liquidtown
    Asked on November 17, 2016 at 3:32 PM

    Hi, I am using the form for customers to choose what alcohol they want to order. It is a massive list of hundreds of drinks split into drop down menus. On the jotform site the form works within minutes of loading. The embedded form in Squarespace doesn't do anything. It loads the list after a few minutes and when the Submit button is clicked nothing happens.

     

    If there is further information you need from me just ask. I am also generating a fillable pdf of the form so my client can use it offline.

     

    Thanks

  • John_Benson
    Replied on November 17, 2016 at 5:10 PM

    If I understand you correctly, your Submit button is not working in your Squarespace website but it is working fine in the form's direct link. If yes, please try re-embedding the form using the iFrame method. Here's the guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

    If the issue persists, please provide the website link so that we can investigate it further.

    Hope that helps. Let us know if you need further assistance. Thank you.

  • liquidtown
    Replied on November 17, 2016 at 5:46 PM

    The site is not published yet as my client and I are trying to test the order form on the site before it goes live. I have been waiting for ten minutes and it just sits there with "Please Wait" instead of Submit since I clicked it. I tried the iframe code as you suggested.

    The PDF fillable form has been loading for almost 24 hours and shows no sign of anything except the spinning dots as the loading symbol.
  • John_Benson
    Replied on November 17, 2016 at 7:04 PM

    It is possible that there are script conflicts between the form the page where you are trying to embed the form. Please try removing the <script> element below the iFrame code.

    <iframe id="JotFormIFrame-63217386562965" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/63217386562965" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>
    <script type="text/javascript"> ... </script>

    Unfortunately, we need to check the webpage where the form is embedded so that we can further troubleshoot.

    Please check this guide as well: https://www.jotform.com/help/37-Adding-a-form-to-Squarespace

    I moved the fillable PDF issue on a separate thread. Here's the URL: https://www.jotform.com/answers/992816. We'll attend to that issue shortly.

    Thank you for your understanding.

  • liquidtown
    Replied on November 18, 2016 at 3:48 PM

    Hi, thank you so much for the help and I was able to get a link to the page for you to look at.

     

    https://liquidtown.squarespace.com/barnrestaurant

     

    Thanks,

  • Support_Management Jotform Support
    Replied on November 18, 2016 at 6:03 PM

    Thanks for that. See my findings below:

    1. I'm seeing A LOT of console errors unrelated to JotForm when I viewed your website. Most notably are the POST errors pointing to https://liquidtown.squarespace.com/api/census/RecordHit?crumb= URLs.

    These are repeating errors and causes my browser to hang while viewing your website.

    Submit button not working on Squarespace Image 1 Screenshot 30

    (NOTE: I'm using a system running Skylake with ample amount of RAM, 8GB)

    2. Oddly enough, you said "On the jotform site the form works within minutes of loading" but when I tried viewing your stand alone form, I felt that it takes way too long for it to load compared to the usual.

    3. So I cloned your form hoping to check how it was built but failed to do so. Chrome just becomes unresponsive everytime I try.

    Submit button not working on Squarespace Image 2 Screenshot 41

    I'll see if I can have one of my colleagues to try cloning your form using his/her own PC. We'll keep you posted on this thread.

  • Support_Management Jotform Support
    Replied on November 23, 2016 at 6:31 PM

    My colleague also failed to clone your form. However, it seems that you still have the script tags on your website.

    We implore you to try the suggestions given by my colleague - Here's how your website's source code looks like at the moment. Just remove the script part of the iFrame embed codes like so:

    Submit button not working on Squarespace Image 1 Screenshot 30

    Submit button not working on Squarespace Image 2 Screenshot 41

    Related guide: Getting-the-form-iFrame-code