My form is not loading on my Squarespace website

  • Profile Image
    walsh22
    Asked on June 07, 2019 at 12:03 PM

    Hello I recently embedded a Jotform on my website link below. The form only loads after visiting the page and then refreshing. Any ideas on the reason for this?


    https://www.superiorloans.mortgage/contact



    Thanks,


    Brandon

  • Profile Image
    VincentJay
    Answered on June 07, 2019 at 12:50 PM

    I visited your website to test it on my end and the form is loading properly. I created a screen animation of your website working properly on my end. 

    1559926024formnotshow.gif

    The internet browser I used is Google Chrome. If the issue still persists, please let us know what internet browser and the device you're using so we can investigate it further.

    Thank you.


  • Profile Image
    walsh22
    Answered on June 07, 2019 at 12:56 PM

    Thanks for the reply. I too am on CHrome on a Windows HP Laptop.  You can see when I first click the contact us link below what happens. The form doesn't load. Once I click refresh it does. When I go directly to https://www.superiorloans.mortgage/contact it works every time. However when navigating from the site home page to the contact page is where I encounter the issue. Can you start at https://www.superiorloans.mortgage/ click Contact and see if you experience the same issue as me?

    1559926447Capture.PNG




  • Profile Image
    Welvin
    Answered on June 07, 2019 at 01:33 PM

    Yes, I can replicate the problem when navigating that way - from the homepage to contact page. This is an Ajax loading problem which you can fix by disabling Ajax as detailed in the below guide:

    https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading 

    If you do not have the Ajax option, please try re-embedding the form using our iframe method:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    The iframe option is the recommended method for Squarespace websites. 

    I hope that helps. 

  • Profile Image
    walsh22
    Answered on June 07, 2019 at 01:38 PM

    Iframing did the trick, thanks!

  • Profile Image
    walsh22
    Answered on June 07, 2019 at 02:16 PM

    I am experiencing a new issue. The Iframe doesn't always show the entire form. Any ideas?

    In the screencap attached only the first two fields show. 1559931405Capture.PNG


  • Profile Image
    Mike
    Answered on June 07, 2019 at 02:54 PM

    This is probably caused by enabled Ajax loading in the Squarespace. You may try disabling the Ajax loading, or as a workaround, set a minimum height for the iframe and change the iframe scrolling to yes.

    Example:

    <iframe
    id="JotFormIFrame-91567039456163"
    title="Pre-Application"
    onload="window.parent.scrollTo(0,0)"
    allowtransparency="true"
    allowfullscreen="true"
    allow="geolocation; microphone; camera"
    src="https://form.jotform.com/91567039456163"
    frameborder="0"
    style="width: 1px;
    min-width: 100%;
    min-height: 2000px;
    border:none;"
    scrolling="yes"
    >
    </iframe>

  • Profile Image
    walsh22
    Answered on June 07, 2019 at 03:06 PM

    Thanks, disabling AJAX appears to work.