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.
2. With both typeforms created, enable Hidden Fields on the receiving typeform by clicking or dragging the Hidden Fields icon that appears at the bottom of the Questions menu in the Create panel.
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 questions. For example, name, email, or product_name.
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.
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.
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 on completion toggle. You can learn more about Redirect on completion here.
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.
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.