Join us for a live Typeform for Growth demo 📈

Save your spot
Signup

Welcome Screen

Get your form off to a great start with a Welcome Screen. Like the cover of a book, you can use it to entice your audience with a nice image, explain the purpose of your form, who you are, and more.

1. To add a Welcome Screen, open a form from your Workspace and click Add content

2024-03-28_13-19-37.png

2. Select Welcome Screen.

2024-03-28_13-20-55.png

3. It'll look like this. You can add one Welcome Screen per form.

2024-03-28_13-22-55.png

4. You can now add text to your Welcome Screen, by writing into the Editor panel (where it says Say hi!). You can also write a description (it will appear blank if you write nothing).

2024-03-28_13-22-55.png

You can edit the Start button in the Question settings on the right.

You can change the button text, up to 24 characters long.

2024-03-28_13-25-58.png

Recall Information

If your form has Hidden Fields enabled, you can use Recall Information in your text to include information from them. So if you already know a respondent’s name, you can add it here. Type "@" to bring up a list of your Hidden Fields to choose from, and include in your text.

Add media

1. Click Add next to Image or video in Question settings.

2024-03-28_13-28-31.png

2. This will open a new menu with our image/video tool:

Screen_Shot_2021-08-27_at_12.57.30_PM.png

Here you can search the Unsplash for free images you can use, browse our Icon library, or click Upload to add your own image.

You can upload JPEG, PNG, static, and animated GIFs. The maximum size is 4MB. The maximum width is 800 pixels—if your image is wider, it will be automatically resized to this.

3. Select an image or video that you like, or upload your own.

2024-03-28_13-30-53.png

4. Now you can customize the way your image appears in the Layout section of your Question settings.

2024-03-28_13-33-48.png

Add a Background image

1. Click Design in the side panel on the right-hand side to open the design tool.

2024-03-28_13-37-32.png

2. Now click + next to Background img.

2024-03-28_13-41-00.png

3. Now you'll see our image tool, where you can browse our libraries, or upload your own image:

Screen_Shot_2021-08-27_at_12.07.58_PM.png

This article explains everything you need to know about adding a Background image.

How to skip the Welcome Screen on mobile

We display embedded forms as full-screen pop-ups on mobile by default to improve user experience. These pop-ups contain a placeholder start screen with the name of the form and a launch button.

You can override the pop-up with a small edit to your site code. Find where your embed is located in the code. After the "data-tf-widget" attribute, add the snippet "data-tf-inline-on-mobile". Your code should look something like this:

<div data-tf-widget="ABCDEF" data-tf-inline-on-mobile></div>

This will show your form as an inline embed on mobile. The placeholder start screen will no longer appear—instead, respondents will see your form's Welcome Screen, if it has one.  

Tap into our community knowledge