How to Use Typeform Templates on Typeform
Log into Typeform, click Create, select Use a template from the Template Gallery, customize the template in the editor using the left panel (content), main canvas (preview), and right panel (options), then publish and share your form via link or embed code.
Prerequisites
- Active Typeform account (free tier supports basic templates)
- Web browser (Chrome, Safari, Edge, or Firefox recommended)
- Stable internet connection
- Disable browser extensions and auto-translation for best results
- Optional: Basic HTML/CSS knowledge for advanced embed customization
Step-by-Step Instructions
Access the Typeform Dashboard and Create a New Form
Log in to your Typeform account and navigate to the main dashboard. Click the Create button (labeled as "New Typeform" or similar) to access creation options, which include Start from scratch, Use a template, or Create with AI.
Open the Template Gallery
Select Use a template to open the Template Gallery. Browse pre-built templates organized by categories such as customer feedback, lead generation, event registration, NPS surveys, and product quizzes. All templates are fully customizable to match your needs.
Search and Preview a Template
Find a suitable template by searching by keyword or scrolling through categories. Click on any template to preview it and test it interactively before committing to use it.
Select a Workspace and Confirm
Once satisfied with your template choice, click Use this template. A dialog will prompt you to select a workspace (such as Personal or a team workspace). Choose your desired workspace and confirm your selection.
Navigate the Editor Interface
You will be redirected to the Content panel (editor interface) with three main sections: the Left panel (pages and content navigation with a plus sign [+] to add elements), the Main canvas (visual preview of your template), and the Right panel (customization options for selected elements).
Customize Template Content and Questions
In the Left panel, switch between pages or click the + next to "Content" to add question types such as Multiple choice, Short text, Rating, or File upload. On the Main canvas, select text, buttons, or images to edit. Replace text, apply formatting (bold, italic, links), adjust layouts (single or multi-column), or add media including images and videos from YouTube or Vimeo.
Configure Design and Branding
Use the Right panel for per-page customization options: change colors, fonts, add your logo, set a Welcome Screen (with purpose and time estimate), or configure a Thank You Screen (with confirmation message and redirect links). Access advanced design via the Design tab or Themes in the top navigation to apply or save custom themes and brand kits for reuse across multiple forms. Add backgrounds, GIFs, or images from Pexels.
Set Up Logic and Conditional Branching (Optional)
Configure logic and settings in the Logic tab if needed. Add conditional branching, variables, or calculations using the visual editor. No terminal commands or code are required, as Typeform is a no-code web platform with an intuitive interface.
Preview Your Form
Test your form using the Preview button (eye icon) in the editor. Interact with all questions and test the complete response flow to ensure all functionality works as intended before publishing.
Publish and Share Your Form
Publish your form by clicking the Publish button in the top-right corner. Share your form via direct link, embed code on your website, or through integrations. Default settings include unlimited questions and responses on paid plans (Free tier: 10 questions and 100 responses maximum).
Common Issues & Troubleshooting
"Your form has formatting issues and we cannot open it" error message
This indicates corrupted structure or logic in the template. Refresh the page; if the error persists, clear your browser cache and cookies, test in incognito mode, or contact Typeform support. This often resolves within 5-10 minutes.
API or theme errors such as "FONT_NOT_FOUND" or "THEME_NOT_FOUND"
Verify that all referenced font and theme IDs exist in your account. If customizing via API, ensure you are using valid resource IDs. Refresh the page and test again.
Form logic not working correctly or questions appearing in wrong order
Review the Logic tab to verify conditional branching rules are set up correctly. Reorder logic steps if necessary and test the form flow in preview mode. Clear cache if changes do not appear immediately.
Embed code overlapping with other page elements (z-index conflicts)
Adjust the z-index CSS property in your embed code or contact your web developer. Test the embed in a fresh browser tab to isolate the issue.
Recent form submissions not appearing in responses
Very recent submissions (within the last 30 minutes) may not appear immediately in the Responses API. Wait a few minutes and refresh, or check the Responses section directly in your Typeform dashboard.