How to create an Outcome Quiz: Adding Questions, Outcomes and Mapping Responses

Outcome Quiz content type is used when you want to display specific outcomes to users without using any mathematical calculations, on the basis of the responses that they have provided for the questions. You can learn more about how to create an Outcome Quiz with this quick video tutorial

Taking the first step towards creating your Outcome Quiz by choosing a Layout or Premade Template

Once you decide to create an Outcome Quiz, the first thing that you need to do is to choose whether you want to choose a Design Layout and build everything from Scratch, or you want to use a Premade Template from the design library.

A. Selecting a Design Layout: In this section, you can choose the type of design layout that you want to use for your Outcome Quiz. You can choose between 1 Column, 2 Columns, Card Style, Paragraph Style and Chatbot style layout.

1402

B. Selecting from Premade Template Library: You can explore our Premade Design Template Library to find a design template that fits your requirement. We have categorized our templates on the basis of different industries and use cases.

1413

Designing the Welcome Screen & finalising the Lead Form placement

Post selecting the design layout, the next thing that you need to do is to configure the text and fields that will be displayed on the Lead Form and Welcome Screen, and also finalize the design for the Welcome Screen and the overall design.

A. Setting up your Welcome screen: In this step you will choose the heading and sub-heading that you would like to display on the Welcome page.

NOTE: You can choose to hide the Welcome screen in case you want to show the questions directly to the user.

1409

A.1.1. In the Design tab on the Welcome page, you can set the overall design of the Welcome page. You can choose the Background Image, Font Type, Size and Color, and also the Text Alignment.

1432

A.1.2. In the Layout tab, you can select the layouts in which you want the information to be displayed on the Welcome screen.

1428

B. Setting up the design of the Quiz from the Overall Design section: Here you can customize the overall design aspect of the quiz as per your branding guidelines.

1432

C. Setting up your Lead Form: Once the design aspect is finalized, you now customize how your Lead Form will be displayed in the Quiz. From the Lead Generation Form tab, you can customize:

C.1. The position where the Lead Form will be placed.
C.2. In case you want to allow users to use their Facebook details for the Lead Form, you can toggle on the Login With Facebook button.
C.3. You can choose the fields that will be displayed on the Lead Form. In case you want to Validate the email addresses, that can also be enabled from this tab.

897

C.4. From the Advanced tab, you can configure if you want the user to be redirected when lead details are submitted. You can also configure the criteria for controlling the de-duplication of leads.

1348

C.5. From the Design tab you can configure the design aspects of the Lead Form.

1397

C.6. Lastly from the Layout tab, you can choose the layout in which the information will be displayed in the Lead Form.

1405

Setting up Questions & Outcomes in your Quiz

A. Post setting up the overall design and the welcome page, you now need to focus on adding the actual content that will be shown to the users. Here you will be focusing on:

A.1. Setting up the Questions that will be displayed in your Outcome Quiz:

1411

A.1.1. The first thing that you need to do is select the appropriate Question Type that you would like to use for the particular question. You can choose between Single Select, Multi Select, Drop Down, Text Input, Text Area, Numeric Slider, Opinion Scale, Ranking Grid, Rating, Date/Time Picker, and File Upload.

A.1.2. Once you add the Question text, the next thing that you need to do is to add the values that will be available for a user to choose from. For each option, you can choose if you want to display a Text value, Icon, or image.

NOTE: You can also choose the Layout in which the options will be displayed, the Shape in which the option will be displayed, and the Style in which the option will be displayed.

342

A.1.3. In the next step, click on the Advanced sub-tab. Here you can configure the following settings:

Allow User Redirect on Submit: By toggling on this setting, you can specify whether you want the user to be redirected to a URL, allow the user to make a call, or allow the user to send an email when the response is submitted by the user.
Add Fallback Value: When this setting is enabled, it lets you configure the default value that Outgrow will fall back on if the question remains unanswered by the user.
Add Feedback: Toggling on this feature will allow you to add feedback that will be displayed to the user when the user will select an answer for the respective question.
Add Countdown Timer: Using this you can configure a countdown timer that will be displayed on the particular question.

351

A.1.4. In the Layouts tab, users can choose the layout in which the information will be displayed.

353

A.1.5. Lastly, in the Design tab, you can configure the design for the Questions page. This includes the settings for Font Style, Background Image, etc.

356

Setting up Outcomes in your Outcome Quiz

A. Once questions and options have been added by you to your Outcome quiz, you can then work on setting up the Outcomes in your quiz. For this, you can go to the Outcomes page and under All Outcomes add the Outcomes and respective information that will be displayed for each outcome.

B. For each Outcome, you can add the Outcome Heading and Description. You can also add the media type that you would like to show on the page such as an image, video etc, and can then add a CTA button as well.

1426

C. In the Design tab, you can configure the design element of the result page.

1367

Mapping Outcomes with the respective Question Responses

The final step of setting up an Outcome Quiz is to map the options available in a Question, with the respective Outcome. For this, you can navigate back to the respective question, and using the Map To section, map the respective Answer Choice with the respective Outcome.

522

*NOTE: Once everything is finalized, click on Publish to save the changes.

πŸ“˜

IMPORTANT NOTE

Once the information in the Quiz is saved, you can go to the Configure tab and configure the SEO and basic settings of your Outcome Quiz.

Also, before setting the quiz live add a suitable URL, SEO title, Meta Description and Favicon to your Quiz. Add the Google Analytics tracking code to view the Analytics for your Quiz

Feel free to reach out to us at [email protected] and we will be happy to address any questions or concerns that you have.


What’s Next