Problem with embedded forms not loading -- javascript blocked

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

I think this is the key: Source map error: Error: NetworkError when attempting to fetch resource. Resource URL: https://assets.squarespace.com/universal/scripts-compressed/performance-bc3576cf7eca79df62e49-min.en-US.jsSource Map URL: https://sourcemaps.squarespace.net/universal/scripts-compressed/performance-e41af9ed4e973f2ee3f6e-min.en-US.js.map

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

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

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!

Of course! I'm glad that we could at least troubleshoot what is causing the issue.

@Kerrydineen What did you end up doing with this issue. I'm facing the exact same issue with Hubspot forms not loading when you navigate to them vs. go to the URL directly. 

Thank you!