1. Help
  2. Getting started
  3. Questions
  4. End Screens and redirects

End Screens and redirects

Typeforms finish with an End Screen, which appears after respondents click submit. If you're using a Score quiz, Outcome quiz, or Branching and calculations, you can show your respondents different End Screens based on their answers. If you're on a Plus plan or above, you can redirect your respondents to different webpages based on their answers, instead of displaying an End Screen. 

Note: Multiple redirects as covered in this guide are currently being rolled out to Typeform accounts. If you do not see multiple redirects in your account yet, and you are on a Plus plan or above, please reach out to Typeform Support using the button at the bottom of this page to request the feature.

You can use multiple End Screens and redirects in the same typeform, but respondents will only see one End Screen or redirect, based on the Logic you have set up. If you're on a Plus plan or above, you can use both End Screens and redirects in the same typeform.

Click a section header to learn about End Screens or redirects:

HC_Note_new.png
Note! If your form was created before March 30, 2022, and uses Redirect upon completion, any End Screens you use will not appear to your respondents, as Redirect upon completion will skip them.

Add End Screens to your typeform

Follow these steps to add End Screens to your form:

1. Open your typeform from your Workspace.

2. You can find the list of End Screens you've created for this typeform under Endings in the left-hand Content panel. Click an End Screen to edit it:

endings1.png

To add a new End Screen, click and choose End Screen:

endscreen1.png

3. Click on the End Screen text to change it. You can use Recall information in your End Screen: type @ to include information (answers, scores, price, or Hidden Fields) from your typeform. This is useful for reminding respondents of information that they entered while filling out the typeform, or addressing them by name.

nending1.png

HC_BobRoss_ilu_cropped.png
Tips! Remember, you can put URLs in your text, and they will be automatically clickable. However, we don’t support HTML tags for hyperlinking.

End Screen settings

Use the right-hand Question panel to change the End Screen settings. 

nending2.png

Button

By default, your End Screen has a button that says "Create a typeform". When a respondent clicks the button, they'll be taken to this page, where they can learn more about Typeform.

You can toggle this on and off, and also change the text of the button here. Changing the button text won't change the link - read on to the next section to learn how to do that.

nending3.png

Redirect to URL

By default, the End Screen button redirects your typeform to a new page, as explained above. Depending on your Typeform plan, you can change this to link to any URL you like. So if you want respondents to visit your site after completing the typeform, just add the link here.

You can even use Recall information to reference Hidden Fields or Text variables in the URL - just make sure that the values of the Hidden Field or variable match the page names in the URL you plan to use.

nending4.png

 

HC_Note_new.png
Note! Your URL must be a secure HTTPS address – make sure this is included in your URL or the redirect will not function.

Share icons

Use this to toggle the social share buttons. These allow your respondents to share your typeform quickly on Facebook, Twitter and LinkedIn.

HC_Note_new.png
Note! In most cases, these buttons will share the typeform. If the typeform uses Simple Logic to create an Outcome quiz or Score quiz, however, these buttons will share the respondent's quiz results.

Image or video

To add an image or video to your End Screen, click Add next to Image or video in the Question panel.

nending5.png

To add an image, upload or drop your own image file or choose an image from the Unsplash library.

Screen_Shot_2021-08-27_at_12.07.58_PM.png

You can upload JPEG, PNG, static or animated GIFs. The maximum width for an End Screen image is 800px – larger images will be automatically resized down to this width.

After you have chosen your image, change its position in the End Screen by choosing one of the Layout options in the Question panel, and add alt text to improve accessibility. To edit the image, click Change next to Image or video.

Screen_Shot_2021-10-15_at_11.54.03_AM.png

You can crop and adjust your image, add filters to it, and change its colors:

endings13.png

Once uploaded, you’ll see what your End Screen will look like directly in the editor.

nending6.png

To remove your image, click the trash can icon in the Question panel or in the top-right corner of the image.

Video

You can include a video from YouTube or Vimeo or search the Pexels library. Simply click the Add button next to Image or video, switch to the Video tab in the media editor, and paste in the URL of your video or search for one you like. 

Screen_Shot_2021-08-27_at_12.52.24_PM.png

HC_BobRoss_ilu_cropped.png
Tips! You can use a video or an image, but not both. If you’ve added an image, you must remove it before trying to add a video!

Delete End Screens

To delete an End Screen, click the three dots next to it in the left-hand Content panel, and select Delete:

endings12.png

Adding End Screens is optional. If you delete all of your End Screens, your responders will see a default End Screen like the one below (with colors depending on your theme):

defaultending.png

Add redirects to your typeform

If your typeform was created before March 30, 2022, and already uses Redirect on completion, see this article for a guide to the feature. The following section applies to all other typeforms on Plus plans or higher, regardless of form creation date. 

Instead of showing respondents an End Screen when they finish your typeform, you can automatically redirect them to a URL of your choice after submission. This is available on Plus plans and above. 

To add a redirect to your typeform, follow these steps:

1. Open the typeform from your Workspace.

2. Click the sign next to Endings in the Create panel. Choose Redirect to URL.

endscreen1.png

3. Your redirect will appear in the list of Endings:

urlredirect1.png

In the center of the screen or in the right-hand Settings dialog, add the URL you want to redirect respondents to after submission. Respondents will not see the screen with the URL when they submit the typeform. Instead, they'll be redirected to the URL you add.

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 typeform respondents, who will instead be redirected to the URL you add:

urlredirect2.png

Your URL must be a secure HTTPS address. Make sure this is included in your URL or the redirect will not work. You can add multiple redirects to the same typeform. 

You can use Recall information as part of your redirect URL to send respondents to different pages based on their question answers or variable or Hidden Field values:

endscreen4.png

Click here for a guide to referencing Hidden Fields in redirect URLs, and here for a guide to referencing variables.

When you reference a Hidden Field or variable in your URL, the value of the Hidden Field or variable becomes part of the URL, not the name of the Hidden Field or variable. For example, you might reference the variable city in your redirect, like so:

urlredirect3.png

Respondents who are redirected after submission will be directed to URLs like www.mycompany.com/services/london, or www.mycompany.com/services/cairo, depending on what their value for that variable is. They will not be redirected to www.mycompany.com/services/city

For this reason, it is important to make sure that any items you recall in a redirect URL will lead to an existing page, no matter what their values are. 

Tap into our community knowledge

Find Answers
Contact Support