topic Re: How to collect data from a hidden field in a Non-HubSpot Forms in Tips, Tricks & Best Practices

How to collect data from a hidden field in a Non-HubSpot Forms

Mike_Eastwood — Fri, 08 Jul 2022 04:56:20 GMT

We had an interesting challenge this week - using hidden fields in a non-HubSpot Form. Usually we embed HubSpot forms in websites to make it easy to control. But in this case the website was all custom bespoke code with forms on hundreds of pages.

We wanted the hidden field to populate a Custom Property in the Contact Record to trigger a Workflow. The data in the field is dynamically generated so it wasn't practical to create custom forms for each page.

If you add a hidden field to a non-HubSpot Form then HubSpot will ignore it when parsing the form data.

So, what we did was add a normal Text Input Field - with a dynamically populated default value - then hid the field with CSS (display: none).

HubSpot then parses the data in the field and updates the contact property. The visitor doesn't see another potentially confusing field and we only had to make one code change.

Hope this helps you.

Mike

Re: How to collect data from a hidden field in a Non-HubSpot Forms

kvlschaefer — Mon, 11 Jul 2022 20:53:16 GMT

Thanks for sharing this with us, @Mike_Eastwood!

Re: How to collect data from a hidden field in a Non-HubSpot Forms

EllaSheen — Thu, 21 Jul 2022 09:31:59 GMT

Very helpful. Thanks for sharing.

Re: How to collect data from a hidden field in a Non-HubSpot Forms

Jaycee_Lewis — Mon, 25 Jul 2022 18:40:05 GMT

Brilliant 💡 Thank you, @Mike_Eastwood 🙌

Re: How to collect data from a hidden field in a Non-HubSpot Forms

YGC — Wed, 06 Sep 2023 19:34:30 GMT

Simple and clever solution. Thanks so much!

Re: How to collect data from a hidden field in a Non-HubSpot Forms

joe12south — Thu, 27 Jun 2024 14:47:44 GMT

I had the exact same need, ran into the same issue, and tried the same "trick", but it didn't work. If I style the text input with display:none, HubSpot ignores it.

Re: How to collect data from a hidden field in a Non-HubSpot Forms

joe12south — Thu, 27 Jun 2024 15:14:02 GMT

Note. Using CSS to hide the input fails, but wrapping it in a div and setting the div's "display:none" works. The user does not see the field, but HubSpot uses it.