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 an experience for them which is both more efficient and more personalised.
Check out the following typeform to see it in action:
How to do it
You can pass information between two typeforms by following these steps:
- First things first, you’re going to need both typeforms: the one which will collect the information and pass it on, and the one which will receive the information and make use of it.
- With both typeforms created, enable Hidden Fields on the receiving typeform by toggling the Hidden Fields switch at the bottom of the Build panel.
- Once they’re enabled, the window for configuring Hidden Fields will open automatically. In this window, enter a name for each of the pieces of data that you want this typeform to receive (the variables you plan on using throughout this typeform to create customized questions). For example, name, email or product_name.
- When you’re done, hit the Save button to save your Hidden Fields configuration, and then you’re ready to start using these variables throughout your typeform. In other words, now you can start Piping the respondent’s name or email into your questions, for example, to create a personalized experience for them, like so:
- Once you’ve finished designing the receiving typeform, find the URL at the top of the Share panel and copy it (cmd+C or ctrl+C), as 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 etc.
- 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, just making sure to add a Thank You Screen at the end.
- Go to the Configure panel of the typeform and switch on the Redirect after submitting button. This is where we’ll set up the connection to the second form and configure the variables that will be passed to it. Learn more about Redirect after submitting here.
- Paste the URL for the receiving typeform here (the one which you copied earlier, under Step 5), and replace each of the empty variables — written ‘xxxxx’ — with the respective piped variable, e.g. “Answer to… 1 – What is your name?“
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.