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 the Home page dashboard. Click on the Forms tab and you'll be taken to your Workspace

3. We’re going to build a form from scratch, so we'll click the + Create form button.

4. 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

5. 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

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

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

8. 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

9. 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.

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.

10. Each question or Statement you add to your form is considered a form page. Respondents will see one question on a page at a time. However, you have the option to add multiple questions on the same page.

To add multiple questions to a form page, click on a form page on the left side panel and then click + Add content on the form page.

Then select a question type that is compatible with form pages. If you select a question that is not compatible, the question will be added as a new page. 

11. 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

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

Expanded question type dropdown list menu within the right settings panel

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

14. Click the 3 dots icon next to a question in the left side panel to move the question up or down, duplicate or delete a question.

15. 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.

16. 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

17. 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

18. 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

19. 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. Alternatively, you can click the 3 dots on a form page and select to move it up or down.

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

20. Add one or more Endings 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

21. 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

22. 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

23. 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

24. Ready to roll? Click the Share button to publish and 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 to Publish edits.

25. 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