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.
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.
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.
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.
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.
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).
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:
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.
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).
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.
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.
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.
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.
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: