My form is not loading on my Squarespace website

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

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. 

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.

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?

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. 

Iframing did the trick, thanks!

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. 

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"
onDISABLEDload="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>

Thanks, disabling AJAX appears to work.