How to Populate Hidden Fields Based on Query String Parameters

March 20, 2015 Uberflip Customer Success

Populating your Form CTA Hidden Fields based on URL query string parameters is a great way to dynamically send behind-the-scenes conversion information to your marketing automation tool.

If you use query string parameters as part of your marketing efforts (i.e. UTM parameters or by adding lead source information to URLs), you can choose to autopopulate Hidden Field(s) on your Form CTAs based on these parameters.

For example, imagine you want to Tweet out a link to a white paper and this white paper is targeted to your "Marketing Mary" buyer persona. To track the results of this Tweet, you might add a query string parameter to the back of the URL, such as http://hub.uberflip.com/h/i/12345-content-marketing-white-paper?Persona=MarketingMary. When a user on Twitter clicks that link, visits your Hub, and submits a Form CTA that has a Hidden Field for "Persona" added to it, that Hidden Field can be populated with the result "MarketingMary". 

Step 1 - Allow Query Strings to Populate

When editing a field type on your Form CTA, just check the box to Allow query string values to populate this field.

Step 2 - Leave Hidden Value Field Empty

It is very important that you DO NOT ENTER any information into the Hidden value field if you wish to allow query string parameter values to populate this field. This field must be intentionally left blank so that the value can be populated based on the contents of the query string parameter.

Step 3 -  Create URLs to Share

When creating or viewing the URLs you'll send to your prospects and customers, you must ensure that your parameter has exactly the same name and structure as the field that will be updated in your marketing automation tool. In this case of the screenshot below, the field we're trying to update is "Persona" and the value will be "MarketingMary".

That's it! You've successfully used query strings to populate Hidden Fields on your Form CTAs. 

Previous Article
How to Replace a Landing Page with a Form CTA
How to Replace a Landing Page with a Form CTA

Save your Hub readers from clickitis with the Form CTA!

Next Article
How to Pass Hidden Fields with Form CTAs
How to Pass Hidden Fields with Form CTAs

You can now include Hidden Fields as a field type on your Form CTAs, making it easy to pass dynamic, user-s...

Have questions about setting up your Form CTAs?

Contact Us