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 and Redirect on completion!
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:
Warning! This guide assumes that you’re already familiar with Hidden Fields. We recommend that you read and understand our Introduction to Hidden Fields, before proceeding.
How to set it up
You can pass information between two typeforms by following these steps:
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.
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.
You can now name the Hidden Fields that you’d like to pass to the next typeform. Enter a name for each Hidden Fields box that appears above the questions. For example, name, email, or product_name.
Now you’re ready to start using these Hidden fields 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 Hidden Field to and click on the Add button next to Recall Information. Now choose which Hidden Field you want to insert from the drop-down list that appears.
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.
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 this Professional feature here.
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 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.