Pass information from one typeform to another

How awesome would it be if you could connect typeforms together, taking the answers you get from one typeform and using them in the questions of another? It can be done with Hidden Fields!

When is this useful?

Let’s say you’d like your respondents to fill out a satisfaction survey right after completing one of your typeforms. You could customize the satisfaction survey for each respondent based on the answers they gave to the first form, to create a more personalized and efficient experience.

Check out the following typeform to see it in action:

How to set it up

You can pass information between two typeforms by following these steps:

1. First things first, you’re going to need both typeforms: one which will collect the information and pass it on, and another which will receive the information and make use of it. You can create both of these typeforms using the New typeform button in your Workspace.

Screenshot showing two typeforms for sending and receiving

2. With both typeforms created, enable Hidden Fields on the receiving typeform by clicking or dragging the Hidden Fields block that appears at the bottom of the Blocks menu in the Create panel.

Location of the Hidden Fields button

3. You can now enter the names of the variables that you’d like to pass to the next typeform. Enter a name for each variable in the Hidden Fields box that appears above the question blocks. For example, name, email, or product_name.

Screenshot showing where variable names appear in Typeform

4. Now you’re ready to start using these variables throughout your typeform. In other words, now you can start inserting the respondent’s name or email into your questions, for example, to create a personalized experience for them.

Select the question you want to add the variable to and click on the Add button next to Variables. Now choose which variable you want to insert from the drop-down list that appears.

Screenshot showing how to pipe variable names to a question

5. Once you’ve finished designing the receiving typeform, find the URL at the top of the Live preview panel and click on it to copy it to your clipboard. You’ll need this in a later step (on the other typeform). Note that this URL should contain a parameter for each of the Hidden Fields you added earlier, e.g. name=xxxxx&email=xxxxx.

Screenshot showing how to copy and paste a URL with hidden fields

6. The next thing to do is to set up the first, sending typeform which will collect the information and pass it on, so go ahead and create your typeform however you like. Now, set up the redirect to the receiving typeform by heading for the Settings menu and flicking on the Redirect after submitting toggle. You can learn more about Redirect after submitting here.

Screenshot showing how to set up redirect after submitting

7. Paste in here the URL of the receiving typeform that you copied in step five. You now need to add the data you collect for your Hidden Fields variables to customize this URL. Do this by clicking the + icon and choosing the corresponding variable (e.g. “Answer to… 1 – What is your name?”) from the drop-down, inserting it after the “variablename=” part of the URL.

Screenshot showing how to add variables to a URL

That’s it! Now when your respondent clicks the Submit button, they’ll be taken to the second typeform, and thanks to the magic of Hidden Fields and the URL you just constructed, the information collected from the first form will be available in the second form.

Was this article helpful?