Experiencing problems? Try these troubleshooting steps.

Connect 2 typeforms with a videoask

Want to take advantage of features in VideoAsk and Typeform? Keep reading to learn how to redirect your respondents from one to the other!

This guide creates a sequence starting with a typeform, then redirects to a videoask, and finishes with a second typeform.

This flow is useful if you want to take advantage of different features available on each platform: for example, using the calculator feature to score respondents' answers in a typeform, then redirecting your qualified leads to a videoask for an interactive video message element, before finishing up in another typeform for any final data collection.

If you're interested in connecting a single typeform and videoask, learn how to connect a typeform to a videoask.

Note: This guide uses functionalities available on paid accounts for both VideoAsk and Typeform.

Jump to:

Part 1: Create typeform A

Part 2: Create typeform B

Part 3: Set up your videoask

Part 4: Generate your videoask link

Part 5: Add a redirect to typeform A

Part 1: Create typeform AĀ 

New to Typeform? Learn how to create your first typeform.

You can configure your typeform however you like, but we recommend including the following so you can pass contact details through to your videoask automatically using variables:

  • Include a question asking for the respondent's name and make it required
  • Include a question asking for the respondent's email and make it required

2021-09-21_11-37-25.png

1

When you're happy with your typeform's setup, click PublishĀ in the top right of the create panel.

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

2

We're going to come back to this typeform shortly, but first, we'll create typeform B.

Part 2: Create typeform B

You can also configure your second typeform however you like, but you'll need to add Hidden Fields to pass through the contact details collected in your videoask.

1

When you've created your typeform, click the Logic tab on the right-hand side of the Create panel.

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

2

Click Advanced.

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

3

Select 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 (we're going to need this link shortly šŸ˜Š).

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

Part 3: Set up your videoask

As with your typeforms, you can create your videoaskĀ however you like. Just make sure to include these settings:

Make sure you are collecting contact details:

1

From your VideoAsk account, click BuildĀ to open your videoask builder.

2022-11-04_15-01-51.png

2

Click the Contact FormĀ icon.

2022-08-02_13-38-21.png

3

Make sure the Collect contact details toggle is enabled and that you're collecting NameĀ andĀ Email.

2021-09-21_13-40-42.png

4

Click Done.

2021-09-21_13-40-42.png

5

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

2022-08-02_13-38-21.png

6

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

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

7

Click Always jump to...

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

8

Then paste the URL you copied from typeform B (with hidden fields for Contact name and email)Ā 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.

9

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
10

Click Save.

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

11

Then click Done.

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

Ā 

Part 4: Generate your videoask link

1

Select your videoask and click the Share & Embed icon.

2022-11-04_15-01-51.png

2

Add variables contact_name and contact_email.

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

3

Copy the videoask URL (with your variables now added to the end of it) and head back over to typeform A for the last steps...

Part 5: Add a redirect to typeform A

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.

We're going to use redirect on completion to send our respondents from typeform A to our videoask.

1

Open the typeform from your Typeform Workspace and click theĀ +Ā sign next toĀ EndingsĀ in the Create panel. ChooseĀ Redirect to URL.

2022-09-05_16-07-09.png

2

Your redirect will appear in the list of Endings:

2022-09-05_16-09-08.png

3

Paste the videoask URL you copied (in part 4) into the center of the screen. Respondents will not see the screen with the videoask URL when they submit the typeform. Instead, they'll be redirected to videoask.

Under URL Label, you can add a label to your redirect as a note or summary of the URL you have added. The label will appear in the list of Endings for easy visibility, but it won't be visible to respondents, who will instead be redirected to the URL you add.

2022-09-05_16-18-57__1_.gif

4

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:

2022-09-05_16-21-06.png

In the example below, we've replaced the XXXX after name= with the question asking for the respondent's full name:

2022-09-05_16-22-59__1_.gif

5

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

6

And that's a wrap! Now the contact details your respondents entered in typeform A will be automatically passed through to your videoask and then back to typeform B, meaning that your respondents only need to enter their contact details once!

šŸ’” 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.

Keep in mind

  • Responses to typeform Aā€™s questions will appear in typeform Aā€™s response panel
  • Responses to typeform Bā€™s questions will appear in typeform Bā€™s response panel
  • Video answers for the videoask will appear in your VideoAsk inbox
Can't find what you're looking for?