Quiz – an overview

What is it for?

With the Quiz template, you can quickly create engaging, interactive quizzes with multiple-choice and slider answer options. Craft specific feedback responses depending on how users answer each question, as well as custom finish cards based on how well they've done - the possibilities are endless!

How to get started

Content: Questions, feedback, end result

1

There are three data tabs in the Quiz template: Questions, Feedback and End result. For the Questions tab, you'll need columns for the question text, input type (slider or multiple choice), and correct answer. 

For multiple-choice questions, you'll also need a column that contains all the answer options, separated by /.

You can also add columns providing an explanation to your questions and a suffix for slider questions that describes the value (e.g. % or people).

2

For the Feedback tab, make sure you've copied the question name exactly so the feedback matches up to the correct question. You'll need at least two rows for each question, specifying which answers they should apply to with the Answer binding.

The data needs to be in the order of incorrect (i.e. row containing "") followed by the correct ones.

If it is not in that order, when a user selects a correct answer, it will pull through the feedback for an incorrect answer.

For slider answers, you can use number ranges with - or select all answers with *. More specific scores take priority, for example, it will use 4 over 0-10 over *.

Bear in mind that number ranges are inclusive of the first value but exclusive of the second value. For example, providing a feedback row for answers 0-3 will show this feedback for the answers of 0, 1 and 2, but not 3. To include 3, you'd need to use the range 0-4.

You can use the Text and Media bindings to add your custom content to your feedback. Read more about how to add images to your visualization.

3

In the End result tab, you can decide which response to give to the final scores and give them each a separate row. You can add images or gifs here, too.

Styling, scoring and answers

4

By heading to the Design settings, you can access a host of styling options. You can set the colors for user input, neutral and correct selections.

Additionally, you can set the text size, color, as well as customize the border.

It is also possible to color the whole answer block and add padding.

Moreover, you can add a border, color it and set its radius, as well as add a shadow, blur it and customize its opacity.

The button that users click to submit their feedback is also customizable, as you can change its color and size.

It is also possible to opt for displaying all questions at once by switching on Show unanswered questions.

5

If you have chosen to use a Slider, you are able to change the color, radius, and border of the handle. Also, the height, comparison opacity, and color of the channel are also customizable.

You can see some of those styling options at play, below.

Through the Slider range setting, you can define the range of the answers on the slider. In Auto mode, the range will go from 0 to the nearest power of 10. In Fixed, you can set a fixed rate for every question. And in Custom, you are able to set a range for each question.

6

For multiple choice answers, you are able to set a background, as well as the border color, width and radius.

TIP: You can collect and save all the answers in a Google sheet. This document will guide you through the whole process step by step.

7

The Scoring settings allow you to create a dropdown in case you have selected multiple columns with answers.

This will create a dropdown list above the quiz where you can select which answer column to compare to.

Additionally, by switching on Linear scores for slider questions, you can get a higher score the closer you are to the correct answer.

Scoring zone defines how close the input needs to be to the correct answer to produce a score, as a percentage of the slider range. 

For example, for a slider range of 0 to 200, a correct answer of 45, and a scoring zone of 10%, the score is non-zero if the input is between 25 and 65. Essentially, minus or plus 20 around 45, as 10% of 45 is 20.

Correct zone defines how close as a percentage the input needs to be to a correct answer to produce a full score of one.

For example, for a slider range of 0 to 200, a correct answer of 45, a scoring zone of 10%, and a correct zone of 50%, the score is 1 if the input is between 35 and 55, because 50% of the scoring zone is 10.

8

Use the End result settings for the text that shows up after the quiz is completed. To add custom text for specific score ranges, head to the End result data tab.

TIP: You can collect and save all the answers in a Google sheet. This document will guide you through the whole process step by step.

9

In case your quiz is in a language other than English, you can change the default slider, dropdown and submit button text, through the Text and translation settings.

TIP: You can collect and save all the answers in a Google sheet. This document will guide you through the whole process step by step.

10

Flourish empowers you to collect the quiz results externally to a host of places, such as an external database, store, web app or API.

For a step-by-step guide on storing all the answers in a Google sheet, please read our dedicated help document.