We are trying to capture a few different things with hidden fields - we were able to do this with API, but weren’t able to capture source information. So now we’re embedding the fields, but losing our hidden field capturing.
First hidden field: part of our website url
We’re trying to capture the product of a product inquiry form - we have over 3,500 products across 27 translated sites. Using the hidden field has been a life saver for segmenting. Any advice would be appreciated!
Another hidden field we’ve been utilizing is the button click - we have 1 form used for multiple CTAs on a page - for example, Speak to an Expert or Request Price are the same form, and we’ve been able to differentiate in a hidden field.
Does anyone know a workaround to this?
Any advice would be helpful! We are working towards CRM integraiton as well and are not super close to it so we really rely on capturing A LOT of information on forms and pass on to our sales group that way - not ideal, but it is our current business state.
We’ve done a lot of form customisation projects - typically I create a Custom Module (that holds a HubSpot Form) and the module manipulates the form with Javascript.
You can use the various methods to manipulate the form, the data, and how it’s processed.
The only gotcha is the form must be raw html.
If this all sounds [understandably] like gibberish then sendd me your meeting link and we can jump on Zoom for a chat.
Here to learn more about HubSpot and share my HubSpot Knowledge. I’m the founder of Webalite a Gold HubSpot Partner Agency based in Wellington, New Zealand and the founder of Portal-iQ the world’s first automated HubSpot Portal Audit that helps you work smarter with HubSpot.
For capturing different info using hidden fields while embedding them, especially for product info from URLs and button clicks for CTAs, try these:
JavaScript for Dynamic Fields: Use JavaScript on your page to dynamically fill hidden fields based on the URL visited or the button clicked. This way, you can keep the source info and button click data.
Query Strings in URLs: Append product info or CTA type as query strings in the URL. Then, configure the form to automatically fill hidden fields based on these query strings.
Third-party Tools: Look into third-party tools that specialize in form enhancements and can seamlessly integrate with your current setup, offering more flexibility with hidden fields.
This setup should help maintain your segmentation efforts and ensure valuable data is captured efficiently for your sales team.
Hey @JMcNease there’s really only 2 ways to add data to a hidden feild. Query strings or custom JS.
If a query string matches a contact property and value this will automatically be populated by the form. So if you have website.com?firstname=Tom the firstname field will be populated with the value “Tom”. This obviously requires the visitor to visit a specific url with your query string.
Outside of this the only option is to have custom JS on your website to take in a definition of a page and pass a specific value to your form. This sounds like what you need to be honest but the only way to achieve this is through custom development.
