How to Set up a welcome screen on Typeform
Typeform welcome screens set the mood with images, videos, text, and custom start buttons but have layout limits like no multiple sections below the button. Use the green welcome icon to edit, add media via image/video options, customize button text, and select layouts. Workarounds include background images or landing pages for extra content.
Prerequisites
- A free or paid Typeform account
- Access to your Typeform workspace
- Optional: prepared images or YouTube/Vimeo video URLs
- Optional: custom background image
Step-by-Step Instructions
Log in and create a new Typeform
create Typeform button or select Start from template to begin building a new form. The welcome screen is the entry point indicated by the green icon at the top of the builder[2][5][7].Access the welcome screen editor
Add an image
image option. Upload PNG or other image files from your device, or choose from the media gallery. Adjust the layout and focal point for optimal display on desktop and mobile[2][5].Embed a video
video option in the welcome screen editor. Paste a URL from YouTube or Vimeo to embed dynamic content that loops or plays automatically, enhancing engagement[2].Customize button text
Start button text to something inviting like Take Survey or Pop me a Question. This makes the screen more conversational and tailored to your form's purpose[2].Adjust the layout
flush left with image for text alignment and positioning[4].Add text and spacing
Enter between paragraphs to create space. Avoid adding content below the button, as it's not supported natively[4].Set a background image
Preview and test
Preview to ensure the welcome screen loads correctly and button works[5][7].Publish your Typeform
Publish to make your form live. Share via link, embed on a landing page, or integrate further for best results[1][5].Common Issues & Troubleshooting
Cannot add multiple content sections below the start button
Use a custom background image with all elements pre-positioned, or add extra content to an embedding landing page instead of inside Typeform[1].
Limited button positioning (e.g., cannot move to lower left)
Select from predefined layouts in the upper right Layout panel, such as flush left with image; free positioning is not supported[4][6].
No conditional text based on hidden fields or user data
Typeform restricts logic on welcome screens and hidden fields to variables; use embedding SDK on a custom page for dynamic greetings[3].
Text not flushing left or spacing issues
Choose flush left layout from the upper right panel and hit Enter between paragraphs for spacing[4].
Welcome screen issues on mobile embedded forms
Embed as popup or full-screen iframe to bypass placeholder pages[9].