My first form

Welcome to Typeform! It’s an easy-to-use tool for collecting data, feedback, and more. We want to make data collection as easy and conversational as possible—this article shows you the basics.

Get started

1. First up, you can create a free Typeform account to get started.

2. Log in to your account, and you’ll land in your Workspace. We’re going to build a form from scratch, so we'll click the + Create a new form button.

Typeform workspace dashboard highlighting the Create a new form button

3. In the menu that comes up, click Start from scratch. Later, you can try building a form by importing from Google Forms, letting AI create a form for you based on the questions you'd like to ask, or adding AI-generated questions and lead scoring rules to qualify and segment your leads.

Creation menu displaying options to start from scratch, import from Google Forms, or use AI

4. You'll be taken to our builder, where you can create your form. The question menu will pop up where you can pick the question type you want to add.

Typeform builder interface with the question type selection menu popped up

5. We've selected a Short Text question type. To add your question text, start typing in the Your question here field.

A newly added Short Text question showing the open question text field

Animation showing a user typing text into the question title field within the builder

6. To add another question, click the + Add content button.

Typeform builder panel highlighting the Add content button in the left sidebar

7. The question menu will pop up again, where you can choose your next question type.

The question selection menu displaying multiple question options like Multiple Choice and Email

Typeform might recommend some question types to you. These recommendations are based on how you answered the welcome questionnaire when you first joined Typeform. For example, if you told us you'd be using Typeform to collect leads, you might see recommendations for question types related to contact information.

If you want to explore importing questions, creating a form with AI, just click the relevant tab at the top of the menu.

Question selection menu highlighting tabs at the top for importing questions and creating with AI

8. Let’s choose a Multiple Choice question. We'll ask people where they are based. To make it more personal, we’ll use the name they entered in the previous question. Then enter in your answer choices.

Type in your question, and type the @ symbol where you want to use the name from question 1. This will allow you to recall information from another question in your form. Here, we just have one option “What’s your name” from our first question. Select question 1 and the answer from this question will appear in your question text.

Multiple choice question text field showing how to type the at symbol to recall information

This is a WYSIWYG (what you see is what you get) editor, so you can see how your finished form will look while you create it.

9. You can change question settings in the right-hand side panel. The options available will vary depending on the type of question you've selected.

Right-hand side panel settings displaying configuration options for the active question

10. You can change the question type by clicking on the dropdown menu.

Expanded question type dropdown list menu within the right settings panel

11. Switch between Mobile and Desktop view to preview what your form will look like for respondents depending on the device they're using.

Top menu bar of the builder highlighting the preview toggle buttons for Mobile and Desktop views

12. Duplicate or delete a question by clicking the three dots icon next to a question on the left-hand side panel.

Context menu options next to a question in the left panel showing Duplicate and Delete functions

13. We’ll finish up this simple form with an Email question. Click + Add content, choose Email from the question list, and type in your question.

An Email question block successfully added to the main form builder interface

14. Now for the finishing touches! Spice up the design by adding an image or video. Click the + icon next to Image or video to open our media gallery, where you can choose an image or video, or upload your own.

Image layout selection interface in the question builder panel highlighting media addition options

15. Once you've chosen your image, close the media gallery, and you'll be taken back to the builder, where you can play around with the Layout and Focal point of your image. You can also select to have different layouts for Mobile and Desktop devices.

Media customization panel showing Layout adjustments and Focal point settings for an added image

We also recommend adding Alt text to your image, so it can be understood by screen readers. If you don't want to use image alt text for a picture that only serves decorative purposes, you can simply select the Decorative image checkbox to disable image alt text.

Media panel settings highlighting the Alt text input box and the Decorative image checkbox

16. You can change the colors and font on your form by applying a theme. Click on the Design button to apply a theme.

Typeform builder menu highlighting the Design button used to apply visual themes

17. If you want to reorder your questions, just drag and drop them in the left side panel. Click and hold any question to move it.

Animation demonstrating dragging and dropping questions to reorder them in the left side navigation

18. Add one or more End Screens to finish off your form. Click the + button next to Endings to add an End Screen.

Left side panel showing the Endings section with a plus button to append an End Screen

19. With Logic, you can add branching where you can take respondent down different paths based on their answers, or create an Outcome quiz to show people different endings based on how they answered your form. Or how about adding points to each answer, and showing people an outcome based on their score?

You can do all that, and a lot more, from the Workflow tab. Read more about branching and calculations in Logic.

The Workflow tab interface showing logic branching options for various form response pathways

20. Once your form is ready, you can test it by clicking the Preview button. This will open a preview of your form.

Top right menu bar of the form builder interface highlighting the Preview button

21. Give your form a title by clicking on the default title My branded typeform.

Typeform builder upper navigation bar highlighting the default form title field

Type in your form's title and click Save when done.

The Title settings renaming dialog box showing text entry and a Save button

22. Ready to roll? Click the Share button to make your form live! By default, when you hit the Share button, anyone with the URL can now view and answer your form.

Top right navigation panel highlighting the highlighted Share button

If you've made any edits to your form after you've clicked Share, the button will change Publish edits.

22. After clicking the Share button, the Share and Results panel will appear. In the Share panel, you can find your form's link or embed code, and share your typeform it with the world.

The active Share panel interface displaying a copyable form link and web embedding rules

HC_Note_ilu_cropped.png
Note! Make sure to send respondents a link to the live version of your form. The URLs of the preview and published versions are different, and you can only collect results for published forms.

Saving

Forms have an Autosave feature, so your work is saved automatically. When you've finished building a form, click Share or Publish edits to make it 'live', so you can share it online.

If you want to edit your form after publishing it, you can do so at any time. Your changes will be saved automatically, but they won't appear in your live form until you click Publish again. Find out more about editing your form in draft mode.

Was this article helpful?

Have more questions? Submit a request

Tap into our community knowledge

Find answers

Can’t find what you’re looking for?

Contact support