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.
You can use multiple End Screens and redirects in the same form, 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 form.
Add End Screens to your form
1. Open your form from your workspace. To add a new End Screen, click + next to Endings and select End Screen.
2. Click on the End Screen text to edit it. You can use Recall information in your End Screen, type @ to include information (answers, scores, price, or URL parameters) from your form. This is useful for reminding respondents of information that they entered while filling out the form, or addressing them by name.
Tip! Remember, you can put URLs in your text, and they'll be automatically clickable. However, we don’t support HTML tags for hyperlinking.
Button
You can add a button to your End Screen to redirect respondents when they click on it. By default, the button is toggled on.
Select if you would like to link the button on the End Screen directly to a landing page you've built with Typeform Pages or to a URL of another webpage. Click Page to link to a Typeform Page or URL to link to another webpage.
If you've selected Page, you can edit the button text and select the Typeform page from the dropdown. Typeform Pages will only appear in the dropdown if you've created a Typeform Page in the same workspace as your form.
If you're on a Plus plan or higher, you can select URL to redirect respondents to another webpage when they click on the button on the End Screen. Edit the button text and toggle on the button link to enter the URL of the webpage.
Note! Your URL must be a secure HTTPS address—make sure this is included in your URL or the redirect won't function.
You can even use Recall information to reference URL parameters or Text variables in the URL—just make sure that the values of the URL parameter or variable match the page names in the URL you plan to use.
Note that when you're recalling information from URL parameters, responses, or variables to show the results of a quiz, your respondents will currently see a random string instead of the recalled information when the form is shared on social media.
Social share icons
Turn on the Social share icons toggle so people can see social share icons. These let your respondents share your form quickly on Facebook, Twitter, and LinkedIn.
Note! In most cases, these buttons will share the form. If the form uses 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 + next to Image or video in the Settings right side menu.
To add an image, upload or drop your own image file or choose an image from the Unsplash library.
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.
You can edit the image by clicking the Edit icon.
You can crop and adjust your image, add filters to it, and change its colors by clicking on the tabs at the top.
Next, change the image's position on the End Screen by choosing one of the Layout options in the Question panel. Choose a layout for a mobile and desktop device.
Select your focal point and brightness of the image.
Then add alt text to improve accessibility for your image.
To remove or change your image, click the trash can icon to delete it or click the change icon to change 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.
Tip! 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.
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).
Add redirects to your form
Instead of showing respondents an End Screen when they finish your form, you can automatically redirect them to a URL of your choice after submission. This is available on Plus plans and above.
1. Open the form from your workspace. Click the + sign next to Endings in the Content panel. Select Redirect to URL.
2. Select if you would like to redirect to a landing page you've built with Typeform Pages or to a URL of another webpage. Click Page to redirect to a Typeform Page or click URL to redirect to another webpage.
If you've selected Page, select the Typeform Page you want respondents to be redirected to from the dropwdown.
Note! Typeform Pages will only appear in the dropdown if you've created a Typeform Page in the same workspace as your form.
If you've selected URL, 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 won't see the screen with the URL when they submit the form. Instead, they'll be redirected to the URL you add.
Under URL Name, you can add a label to your redirect as a note or summary of the URL you've added. The label will appear in the list of Endings for easy visibility, but it won't be visible to form respondents, who will instead be redirected to the URL you add.
Your URL must be a secure HTTPS address. Make sure this is included in your URL or the redirect won't 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 URL parameter values. Type @ in your URL and select the data you want to add.
Additional information can be found in the following articles:
When you reference a URL parameter or variable in your URL, the value of the URL parameter or variable becomes part of the URL, not the name of the URL parameter or variable. For example, you might reference the URL parameter utm_source in your redirect, like so:
Respondents who are redirected after submission will be directed to URLs like www.mycompany.com/social, or www.mycompany.com/marketingemail, depending on what their value for that variable is. They will not be redirected to www.mycompany.com/services/utm_source.
For this reason, it's 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.
If you've embedded a form on your website that redirects respondents to another form, you can redirect respondents within the same frame on your website. You'll just need to add the following attribute to the form embed code:
data-tf-redirect-target="_self"
It should be added after the data-tf-live attribute with a space in between, as shown in the image below: