Jump to content

Problem with embedded forms not loading -- javascript blocked

Recommended Posts

Site URL: http://www.chicory.co

Hi there, 

We embed hubspot forms on our squarespace site, and today, I'm encountering an issue where they aren't accurately loading. 

If you start on our homepage and click "get a demo" in the navigation bar, you'll be brought a page with no form. If you then refresh this page, the form loads. But it's not loading upon that first click in the nav bar. Similarly, we have an embedded form at the very bottom of our homepage, if you navigate to another page and go back to home, the form no longer renders. 

I reached out to hubspot support who said there is a problem with the javascript, and something is preventing it from loading. Screenshots attached, including the code issue the hubspot rep pinpointed. They also shared the follwing:

Quote

 

Does anyone know how I might resolve this issue? I have tried embedding the form on multiple pages, and I get the same experience. 

thanks, 

Kerry

Screen Shot 2021-11-02 at 12.16.41 PM.png

Screenshot 2021-11-02 at 3.46.04 PM.png

Screenshot 2021-11-02 at 3.45.53 PM.png

Edited by Kerrydineen
Link to comment

Hi,

This is usually a problem with embeds/iframes when your site has AJAX loading enabled. In 7.0 templates normally have AJAX enabled by default and can be switched off in the "Site Styles" menu for most templates.

If this solves your problem, you can leave it disabled. If you're still encountering issues, or do not have the option to disable AJAX loading for your template. You'll want to reach out to Hubspot and ask if they can help you find a solution that deals with Squarespaces AJAX loading conflicting with rendering/displaying of the forms.

If they can provide no solution, you'll want to try and find someone who is familiar with Squarespace & Javascript and have them help you create a customized code solution for your website. Someone here will likely know something about triggering loading so report back if you need additional help.

Best,

Dan

Link to comment

Thanks for your response, Dan! I see that we do have "enable AJAX loading" checked off. When I uncheck this, the forms load on the first click. I will try reaching out to hubspot to see if they have a solution. I think if we can find something that allows us to keep AJAX loading on, that would be ideal, because we like how it loads more seamlessly, and how the header stays, etc. 

 

I appreciate the advice!

Link to comment
  • 8 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.