Skip to content
Growform Multi Step Form Builder
Using Growform

How To Use Hidden Fields With Growform

Harvey Carpenter Updated 2 min read

Hidden fields let you collect and store information found in the query string of your form or landing page URL.

For example, you might have a Google Ads campaign that sends traffic to the following:

How To Use Hidden Fields With Growform

With Growform, you could create “utm_campaign”, “utm_source” and “utm_medium” as hidden fields and then store this data right alongside your form’s submission data.

Of course, the fields don’t have to start with “utm” – you could send through a unique customer ID, a CRM reference number or other information.

Let’s get started.

1 – Create a hidden field

Assuming you’ve created a form already, make sure no fields are selected.

Then, find and click “Hidden field” in the list of fields, on the left-hand side of the page:

Screenshot: 1 – Create a hidden field

2 – Choose a name for your hidden field

Now, choose a name for your hidden field and enter it into the hidden field name box

Screenshot: 2 – Choose a name for your hidden field

Growform will “look for” parameters matching your hidden field name – so if you wanted to collect “utm_source”, just keep it the same as our default example.

If you wanted to collect “utm_campaign”, you would enter “utm_campaign” into the box shown above.

3 – Repeat as many times as you need

If you wish to collect many hidden fields, just create as many as you need.

In the following example, we’re collecting utm_source, utm_campaign, utm_medium and utm_content –

Screenshot: 3 – Repeat as many times as you need

Each of these will be saved as a separate field in our leads database.

Don’t worry – they won’t be visible on your form!

4 – Save your form

Once you’ve created all of your hidden fields, save your form as usual with the blue save button:

Screenshot: 4 – Save your form

5 – Visit your form and test it out!

It doesn’t matter how you’ve embedded your form – you may be linking directly to the form, or it may be embedded on your website. Growform will pick up the query parameters either way.

To pass query parameters, simply add a “?” to your URL and specify the query parameters in the following format:

hiddenFieldName=hiddenFieldValue

To capture this information, you would send your visitors here:

Screenshot: 5 – Visit your form and test it out!

Once you fill in the form, you will be able to see the hidden fields represented just like any other fields in the “View leads” section, as well as viewing them in any Zapier or email integrations:

Screenshot: 5 – Visit your form and test it out!

That’s it – enjoy the power of hidden fields!

Need more? We’re working on our Hidden Fields offering – please get in touch with us to provide feedback and help us shape the roadmap.

Try Growform free

Start free trial