We have a Squarespace website with a non-Hubspot form that sends submissions to Hubspot (Hubspot tracking code integrated via Google Tag Manager).
Everything was working fine and we’ve made no site changes. Suddenly today, out of nowhere, submissions of the form suddenly appear under a new form object called ‘.react-form-content’ in Hubspot. Even when I delete this form, it gets recreated when the website form is submitted.
Is this a bug in Hubspot, or in Squarespace?
Hey @JParker38 Non-HubSpot forms work by scraping the HTML of the page when it loads on the visitors browser, it uses the HTML class to identify the form (in this case .reach-form-contents) and attempts to capture any submissions it can.
Due to the nature of this, it’s really always at the mercy of the web page and the browser, it will scrape the HTML as it loads on the browser, so any scripts or extensions updating the web page will cause the form to scrape differently.
If there’s a submission for this is means that when the submission happened on that browser there was a form with that class. I would suspect this is down to how squarespace are loading their forms, they are likely using dynamic HTML in their forms which means they load with different identifying classes on the browser. It may be worth checking with squarespace to see if there’s a way to ensure the form HTML is always static, but I would doubt it if they have them built dynamically.
Due to the nature of non-HubSpot forms, things like this may always happen. If you want to ensure all submissions can be efficiently captured and attributed to the right forms I’d advise either using HubSpot forms or integrating your existing forms with HubSpot using the forms api or a third party integration, zapier for example have a pre-built integration.
that’s super helpful and informative, thanks Tom!