Form not loading when linked from Squarespace button or text link

  • Burton_Alex
    Asked on April 10, 2019 at 4:50 PM

    Hi!

    I have been very impressed with JotForm and want to use it on my Product Photography site and step up to the bronze plan, but I'm having an issue with Squarespace integration.

    I embedded the form in our Squarespace site, but it does not load when it's linked from another page via a button or text link. It loads once the page is refreshed or when it's directly linked from an external source, but not when the page is first opened via link from our site's Product Photography page. 

    Here is a link to our Product page so you can see the issue. Click one of the "Get Started" buttons or the "reach out" text link.

    https://southtowncreative.net/product-photography-1 

    Here is a direct link to page with the embedded form.

    https://southtowncreative.net/order-inquiry-1 

    I embedded it using a Code Block and with the following code:

     

    Let me know if you have a solution to this or any suggestions, because I love the platform and want to use it, but this would prevent it from being worthwhile.

    Thanks!

    Jotform Thread 1789202 Screenshot
  • jherwin
    Replied on April 10, 2019 at 6:57 PM

    I can see that the form does not load at first if the user is redirected using the button. However, the form loads as soon as I refresh the webpage.

    Could you please try to embed the form using the iFrame method?

    Guide: Getting-the-Form-iFrame-Code

    Please give it a try and let us know how it goes.

  • Burton_Alex
    Replied on April 10, 2019 at 9:15 PM

    That got it closer to working, but still not perfect. The form loads the first time, but cuts off the bottom half. The full form loads after refreshing.

    https://southtowncreative.net/product-photography-1

    Any other ideas?

    Update:

    I found a workaround here:

    https://answers.squarespace.com/questions/188857/why-doesnt-my-javascript-code-work-until-i-refresh.html

    I am by no means a developer, but it seems that the embedded code for the form is not Ajax-enabled. When I disabled Ajax loading in my Squarespace template settings, the form loads. Luckily I am not utilizing many Ajax features on my site (infinite scroll, partial page loading), so I don't think this will cause any problems at this point.

    But it would be nice for a future update to make the code Ajax-enabled so that functionality is available in the future.

    Feel free to correct me if I am wrong, because like I said I have no development experience (hence why I'm using Squarespace in the first place).

  • jherwin
    Replied on April 10, 2019 at 10:26 PM

    Good to know that you were able to find a workaround. 

    I think what you're looking for is achievable with the full source code of the form. You can get the source code, modify it to your preference like adding PHP's cURL functions etc. If you want to try it, please see the guide below.

    Guide: How-to-get-the-Full-Source-Code-of-your-Form

    Please note that this method requires coding so you can hire a developer if you want to use this method.

  • Burton_Alex
    Replied on April 11, 2019 at 5:58 PM

    Thank you! I think I'll stick with the workaround for now, but it's good to know this is an option if we need Ajax features in the future.

    I appreciate your help. Have a good one!