We’re beavering away on the next version of Typeform. If you’re a v2 Beta Tester, use the tabs below to switch articles. Learn more about v2.

?

We’re beavering away on the next version of Typeform. If you’re a v2 Beta Tester, use the tabs on the left to switch articles.

What are Hidden Fields?

Related to:

Typeforms are beautiful. And they can be smart too. With Hidden Fields you can make a typeform that knows things without asking!

Do you already know your respondent’s name? Then why not feed it straight into your typeform before they’ve even answered their first question, and start personalizing their experience right away?

This, and much more, is possible with Hidden Fields.

How do they work?

Short answer: URL parameters. Hidden Fields work by adding name-and-value pairs (like first_name=Joe or email=joe@gmail.com) to the end of your typeform’s URL.

So, for example, if your typeform lives at https://yourname.typeform.com/to/abc123, you can feed in a different first_name for each of your respondents by directing each person to a slightly different URL, like this:

https://yourname.typeform.com/to/abc123?first_name=Cuthbert

https://yourname.typeform.com/to/abc123?first_name=Dorothy

https://yourname.typeform.com/to/abc123?first_name=Boris

The value of this first_name variable can then be used throughout your typeform however you please! For instance, you could configure your typeform’s Welcome screen (the very first thing each respondent sees) to show a unique message, customised just for them.

You can continue adding Hidden Fields for anything else you already know about your respondents, and use each piece of information throughout your typeform in the same way. To continue the above example (e.g. as a product feedback form):

https://yourname.typeform.com/to/abc123?first_name=Cuthbert&item_purchased=Wigwam%20Chimney

https://yourname.typeform.com/to/abc123?first_name=Dorothy&item_purchased=Penny-farthing

https://yourname.typeform.com/to/abc123?first_name=Boris&item_purchased=Inflatable%20Potato

hidden fields

Note: %20 is how space is written in a URL (since URLs are not allowed to contain actual spaces).

Flip the switch at the bottom of the screen the Build panel to activate Hidden Fields, and get started:

hiddenfields

Read more about using Hidden Fields here: How to use Hidden Fields.

Was this article helpful?
Thanks!

Do you already know your respondent’s name, email or other information? With Hidden Fields, you can feed this right into your typeform so respondents have a more personalized experience, and you can focus on getting the data you really want.

This article explains the basic concept of Hidden Fields, a PRO feature.

How do Hidden Fields work?

Short answer: with information added to the end of your typeform URL. So you will see something like first_name=jon or email=example@example.com at the end of your typeform URL.

For example, if this is your typeform’s URL, https://yourname.typeform.com/to/abc123, you can add a different first_name for each of your respondents by directing each person to a slightly different URL, like this:

https://yourname.typeform.com/to/abc123?first_name=Cuthbert

https://yourname.typeform.com/to/abc123?first_name=Dorothy

https://yourname.typeform.com/to/abc123?first_name=Boris

You can add this information manually, or automatically using a tool like Mailchimp.

This value, first_name, can be used like a variable throughout your typeform, however you please! For instance, you could configure your typeform’s Welcome screen (the very first thing each respondent sees) to show a unique message, customised just for them:

The space will be replaced by the name you add to your Hidden Fields.

You can continue adding Hidden Fields for anything else you already know about your respondents, and use each piece of information throughout your typeform in the same way.

Here are some examples of Hidden Fields adding name and purchase to a product feedback form.

https://yourname.typeform.com/to/abc123?first_name=Cuthbert&item_purchased=Wigwam%20Chimney

https://yourname.typeform.com/to/abc123?first_name=Dorothy&item_purchased=Penny-farthing

https://yourname.typeform.com/to/abc123?first_name=Boris&item_purchased=Inflatable%20Potato

These Hidden Fields can pipe information into the questions in your typeform, like so:

Any values which you feed into your typeform as Hidden Fields will be stored in your results too! So you can use Hidden Fields for other purposes like tracking sources or segmenting your audience.

To get started with Hidden Fields, just open the Blocks menu in Build, and click the icon. Write the name of your Hidden Fields, and hit Space between each one:

Learn more about how to use Hidden Fields.