-
walsh22Asked on June 7, 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
-
VincentJayReplied on June 7, 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.
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.
-
walsh22Replied on June 7, 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?
-
Welvin Support Team LeadReplied on June 7, 2019 at 1: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.
-
walsh22Replied on June 7, 2019 at 1:38 PM
Iframing did the trick, thanks!
-
walsh22Replied on June 7, 2019 at 2: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.
-
MikeReplied on June 7, 2019 at 2: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"
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> -
walsh22Replied on June 7, 2019 at 3:06 PM
Thanks, disabling AJAX appears to work.