Create a quiz

A quiz gives people a fun, interactive experience. For teachers, it’s a great learning tool for students that can enhance the classroom experience. And for businesses, it’s perfect for generating more leads, offering shareable content to attract people to your brand

It’s easy to make a quiz with Typeform using the PRO features Calculator and Logic Jump, along with custom Thank You Screens. Read on to find out how it’s done using the example of our Brand Logo Quiz, which we used at Typeform for a series of successful social media campaigns. You can adapt this to create your own multiple choice quiz.

At the end of the article, you can check out some other examples of quizzes we’ve built and test them out for yourself.

How to create a logo quiz

1. We’re going to use Question Group blocks to organize the quiz into difficulty levels. Create the first Question Group block by clicking on the corresponding icon in the Blocks panel. Enter text to introduce the first level.

Where to find the Question Group block

2. Add a Multiple choice block to 1a, using the Block settings drop-down menu to select the question type. Enter your question text and type in four possible answers for our first logo, which will be the Michelin Man.

Screenshot showing how to add a Multiple Choice block

3. Now to upload the logo. Click the ‘Add’ button next to Image in the Block settings menu on the left-hand side. Hit Upload and navigate to the image file on your computer to insert it.

Screenshot showing how to add an image to a block
4. Repeat this process, adding all your Multiple choice question blocks and logo images for the first level. You can preview how the quiz is shaping up in the Live preview, on the right.

Screenshot showing completed first question group

5. Now let’s set up the score calculations. To do this, select the first question in the first Question Group and click the Calculator icon in the left-hand toolbar. Hit the Add a calculation button. Select the correct answer – Michelin Man in this case – from the drop-down list and add 1 to the Score. Repeat this process for each of the questions in the Question Group we’ve created.

Screenshot showing how to apply a calculation
6. Go ahead and repeat steps one to five for two new Question Groups. We made the second group of questions a little harder, and the third group devilishly tricky. Remember to use the Calculator to add 1 to the Score for every correct answer.

For the third Question Group, we’ve used the Short text block and apply a score of one if the answer matches the text (you can include variations of an answer if you like too, as below).

Screenshot showing third question group
7. Let’s set up some custom Thank You screens to show the contestant their scores at the end. We’re only going to allow people to proceed to the next round if they hit a certain score. With this in mind, we’re going to create four Thank You screens: one for people who drop out in the first round, one for those who drop out in the second round, one for those who finish the quiz, and a special one for people who get all answers correct.

The end result will look like this in the Create panel:

Screenshot showing four thank you screens

8. To create a Thank You screen, select the corresponding icon from the Blocks panel and enter the text. Hit the Add button next to the Variables option in the Thank You screen settings then select Score from the drop-down to display your contestant’s score in the Thank You screen.

Screenshot showing how to add score variable into thank you screens
9. Now we’ll use Logic Jumps to prevent contestants from continuing to the next round of the quiz unless they hit a minimum number of correct answers for each Question Group. Devious, huh?

Start by highlighting the last question of the first Question Group, and click the Logic Jump icon in the left-hand panel. Click the Add a Logic Jump button and set it up so that if the score is more than three the next Question group will be displayed. If not, it will go to the first Thank You screen we created (A).

Logic jump needed for Thank You screen A
10. Do the same for the last question of the second Question group. This time the respondent will need to have scored a total of 8 out the 10 questions so far to proceed. If not, we’ll send them to Thank You screen B.

Logic jump needed for Thank You screen B
11. For the final Question group, we’ll use Logic Jump to send them to Thank You screen D if the score is 15 (the congratulations screen), or Thank You screen C if it’s not.

Logic jump needed for Thank You screen C
12. We’re almost done, but let’s make our quiz a bit prettier. Create a Welcome screen for the quiz by clicking on the corresponding icon in the Blocks panel. Enter some intro text then use the Welcome screen settings panel to change the text displayed in the button.

Screenshot showing how to create a Welcome screen
13. Now let’s tweak the design a bit. Click the droplet icon on the sidebar to open the design settings. Click on Customize to make your own theme. In this case, we’ve tinkered with the font, colors, and background image.

How to apply a theme

Get inspired

Now that you know how to create a multiple choice quiz with Typeform, it’s time to let your creative juices run wild. Whether you want to attract customers, educate students, or test employees, the scope of your quiz is limited only by your imagination.

Take a look at our quiz templates if you want some extra inspiration, and go ahead and try out these two other examples, too:

Harry Potter Quiz

Math quiz

If you’re looking to make a form or survey, take a look at our survey maker or form builder.

Was this article helpful?
Thanks!