Developers

Use Hidden Fields in embedded typeforms

Do you want to use Hidden Fields to pass information to a typeform embedded on your site? No problem — as long as you configure your URL properly! Read on to learn how.

NOTE: You are responsible for any information you share with Hidden Fields. Recording and transmitting identifying information, like email addresses, is prohibited by some services (like Google Analytics). Make sure that the way you use Hidden Fields stays within the laws of your country and the terms and conditions of any service you are using with Typeform.

Hidden Fields are key-value pairs of information you already know about your respondents. You can use the information you already know about respondents to customize your typeform — for example, to greet respondents by name or ask certain questions for respondents in a specific age group. Or, you can tie the information you already know with the new data you collect in the typeform — for example, to gather more information about an individual respondent.

Values for Hidden Fields come from the parameters you add to your typeform's URL, not from information respondents enter in the Typeform. You can manually add Hidden Fields to the URL before sharing it or use your customer relationship management system (like Salesforce) to populate Hidden Fields data. In either case, you'll configure Hidden Fields when you create your typeform.

Here's an example of the popup mode, with a URL that includes a manually added Hidden Field for first_name:

const reference = typeformEmbed.makePopup(
    'https://developerplatform.typeform.com/to/Xc7NMh?first_name=Mamón',
    {
        mode: 'popup',
        autoClose: 3000,
        hideHeaders: true,
        hideFooters: true
    }
)

reference.open()