Experiencing problems? Try these troubleshooting steps.

Connect a typeform to a videoask

Did you know that you can redirect respondents from a videoask to a typeform or vice versa? And no need to worry about your respondents having to re-enter their contact details, you can pass these through seamlessly using variables and hidden fields, smooth, hey? 

Here's a tutorial video that takes you through how to pass variables from a videoask to a typeform:

Here we'll walk through how to set up the following sequences:

  • typeform to videoask redirect flow
  • videoask to typeform redirect flow

2021-09-17_17-12-14.png

💡 Tip: If you're looking to go one step further, check out how to connect two typeforms with a videoask.

Jump to:

Redirect from a typeform to a videoask

Redirect from a videoask to a typeform

Redirect from a typeform to a videoask

Note: You'll need to be on a paid Typeform plan to redirect your respondents from a typeform to a videoask.

Set up your videoask

Let's start by creating a videoask. If you're new to the platform, check out how to create your first videoask.

You can add as many steps to your videoask as you like, but make sure to enable the contact form and decide which contact details you'd like to collect.

1

From inside the videoask builder, click Contact form.

2021-09-15_10-31-15.png

By default, your contact form is set up to collect your respondent's Name and Email, but you can also choose to collect their Phone number and Product name.

2

Click the eye icon next to each field to enable and disable the collection of contact details.

2021-09-15_10-49-01.png

3

Then decide whether to make the field required or optional for your respondent by enabling or disabling the asterisk. For this example, we want to collect our respondents' names and email addresses.

2021-09-15_10-50-56.png

Note: With a few clever setup tricks we'll pass this information from our typeform to our videoask automatically, so the respondent only has to enter their details once.

4

Click Done.

2021-09-15_10-53-51.png

Set up your typeform

1

Now it's time to create your typeform. If you're new to the tool find out how to create your first typeform. You can customize your it however you like, but make sure to create a typeform question for each contact detail you enabled in videoask.   

For example, if you activated the Name field in your videoask contact form, you'll need a short text question in your typeform that asks for your respondent's name.

2021-09-15_11-01-22.png

2

If you marked a field as required in your videoask, you should do the same in your typeform.

2021-09-15_11-02-47.png

Connect your forms with variables

1

Now we need to pop back to our videoask for a moment. Select your videoask and click the Share & Embed icon.

2021-09-15_11-04-28.png

2

Under Share your URL, click the + Variables button and add the variables you asked for in your contact form. We'll add contact_name and contact_email.

2021-09-15_11-06-16.png

Note: If you're on a paid VideoAsk plan, you also have the option of adding custom variables.

3

Copy the share URL (with your variables now added to the end of it) and head back over to your Typeform account for the last steps...

2021-09-15_11-07-57.png

Typeform offers creators two ways to redirect respondents to another page after completing a typeform: redirect on completion and redirect through endings. If you're not sure which to use check out when to redirect on completion vs when to direct through endings.

4

We're going to use redirect on completion to send our respondents to our videoask. Click the Settings icon in the right-hand sidebar of the Create panel.

2021-09-15_11-11-57.png

5

Enable the Redirect on completion button.

2021-09-15_11-13-42.png

6

Paste the videoask URL you just copied in the box that appears underneath.

2021-09-21_17-58-04.png

7

Now we'll use Recall information to replace the placeholder strings after each contact field with a typeform question: remove the XXXX and add an @ sign. You'll see a menu appear with all the possible questions you can take answers from:

2021-09-15_15-13-07.png

In the example below, we have replaced the XXXX after name with the question, Great! Can we get your full name?

2021-09-15_11-25-43__1_.gif

8

Repeat the process for any other variables, then Publish your typeform by clicking Publish in the top right of the Create panel.

2021-09-15_15-15-57.png

9

And that's a wrap! Now the contact details entered in your typeform will be automatically passed through to your videoask meaning that your respondents won't need to enter their contact details again!

💡 Tip: We recommend testing out this sequence to make sure everything is working as expected before sharing it with your respondents.

⚠️ Important: VideoAsk and Typeform are separate platforms that have not yet been fully integrated (but we're working on it!). This means you won't see the answers to your typeform in your videoask's inbox, and your videoask responses won't appear in your typeform's Results Panel.

Make sure to keep an eye on both accounts to stay up to date with the responses you receive.

Redirect from a videoask to a typeform

Note: You'll need to be on paid VideoAsk and Typeform plans to use the features required to create this sequence.

Set up your videoask

Let's start by creating a videoask. If you're new to the platform, check out how to create your first videoask.

You can add as many steps to your videoask as you like, but make sure to enable the contact form.

1

From inside the videoask builder, click Contact form.

2021-09-15_10-31-15.png

By default, your contact form is set up to collect your respondent's Name and Email, but you can also choose to collect their Phone number and Product name.

2

Click the eye icon next to each field to enable and disable the collection of specific contact details.

2021-09-15_10-49-01.png

3

Then decide whether to make the field required or optional for your respondents by enabling or disabling the asterisk. In this sequence, we want to collect our respondents' names and emails in our videoask to pass through to our typeform, so we'll make these two fields required.

2021-09-15_10-50-56.png

Note: With a few clever setup tricks we'll pass this information from our videoask to our typeform automatically, so the respondent only has to fill out their details once.

4

Click Done.

2021-09-15_10-53-51.png

Set up your typeform

Now it's time to create your typeform. If you're new to the tool find out how to create your first typeform. You can customize your typeform however you like but you'll need to add Hidden Fields to pass through the contact details collected in your videoask.

1

Click Logic on the right-hand side of the Create panel.

2021-09-15_12-42-51.png

2

Then click Advanced.

2021-09-15_12-46-37.png

3

Click Hidden Fields.

2021-09-15_12-47-40.png

4

Click + Add a Hidden Field.

2021-09-15_12-48-55.png

5

Click on @hidden1.

2021-09-15_12-52-18.png

6

Edit the wording as works best for you. In our case, we'll add @contact_name.

2021-09-15_12-59-18.png

7

And we'll add a second hidden field by clicking  + Add a Hidden Field and adding @contact_email.

2021-09-15_13-04-35.png

8

Then click Save. 

2021-09-15_13-04-35.png

9

When you're happy with your typeform click Publish in the top right of the Create panel.

2021-09-15_13-09-26.png

10

Next to the URL click Copy.

2021-09-15_14-27-50.png

Connect your forms with variables

Now we'll head back to our videoask to tie everything together (we're almost there!). 

1

In the videoask builder, select the step from which you would like your respondents to be redirected to your typeform.

2021-09-15_14-22-03.png

Note: In this linear flow videoask, we'll redirect all our videoask respondents to our typeform after the last step, but you can also set up conditional logic and redirect to various URLs or the end screen depending on what answers your respondents select.

2

Click on the Logic tab in the right-hand side panel.

2021-09-15_14-22-58.png

3

Click Always jump to...

2021-09-15_14-24-47.png

4

Then paste the URL you copied from your typeform into the Redirect to URL box.

2021-09-15_14-30-09__1_.gif

By default, the hidden fields in your URL will include an XXXX placeholder (ie #contact_name=XXXX). Now you'll need to replace those XXXXs with the VideoAsk variables.

5

In the appropriate part of the URL, delete the XXXX and type @ to pull up the list of variables. Select Contact name and Contact email in the relevant places to do so.

2021-09-21_17-51-59__1_.gif

When finished, the end of your URL should read:

#contact_name=Contact name&contact_email=Contact email
6

Click Save.

2021-09-15_14-54-50.png

7

Then click Done.

2021-09-15_14-55-52.png

8

Now you can Share your videoask and watch the magic happen! Your respondents will be asked to enter their contact details in your videoask and these will be pulled through automatically to your typeform where you can view them in the Results summary and Responses area of your account. 🎉

💡 Tip: We recommend testing out this sequence to make sure everything is working as expected before sharing it with your respondents.

⚠️ Important: VideoAsk and Typeform are separate platforms that have not yet been fully integrated (but we're working on it!). This means you won't see the answers to your typeform in your videoask's inbox, and your videoask responses won't appear in your typeform's Results Panel.

Can't find what you're looking for?