You’re invited to Typeforum 2024! 📣

Register now
Signup

Dynamically pass Hidden Fields from a URL to an embedded form

Want to dynamically pass Hidden Fields from your website URL to an embedded form? Read on to learn how to reference Hidden Fields from your website URL to an embedded form.

Check out this article for an introduction to Hidden Fields.

Looking to add static Hidden Field values that display in forms embedded on websites and email messages? Check out this article.

1. Open the form that you want to pass Hidden Fields to from your website URL.

2024-04-29_10-06-30.png

2. Add all the Hidden Fields to your form that you want to pass from your website URL by going to Logic > Personalize with data > Hidden Fields.

New to Hidden Fields? Check out this guide on adding Hidden Fields to your form.

Here, we want to know whether our form respondents are logged into our site when they answer the form. So, we’ll add “login” as a Hidden Field. 

Be sure to add all the Hidden Fields you want to pass from your website's URL to your form.

2024-04-29_10-08-54.png

3. Go to the Share panel and click Embed in a web page.

2024-05-22_14-46-35.png

4. Select the Advanced tab in the side menu on the right and check that the Read URL parameters setting is toggled on. By default, this setting is enabled.

2024-05-22_14-48-28.png

5. Now, when we embed the form in our site, any Hidden Fields in our form that correspond to parameters in our URL will be passed automatically to our form.

In our example, if the user is logged in to our site, the parameter in the URL is “?login=true”, whereas if the user isn't logged in, it’s “?login=false”.

2024-04-29_11-11-53.png

6. When a respondent answers the form, you'll be able to see the Hidden Field data in your Responses.

2024-04-29_11-20-45.png

Tap into our community knowledge