Quiz Maker Setup

What Is Quiz maker?

The Quiz maker is a powerful tool designed to boost customer engagement and increase sales on eCommerce platforms. It lets you create customized quizzes to guide users to products that match their specific needs.

This tool also includes a lead generation feature, which allows you to collect valuable customer information. Users can be prompted to fill out forms, such as contact forms.

Use Quiz maker for customizable quizzes. Add unlimited questions, messages, and forms tailored to your business goals and customers preferences. It ensures accurate recommendations while enabling lead generation and providing performance tracking through the Admin Panel.

Follow the steps below to set up a quiz and explore all Quiz maker features.

Prerequisites

• Single Script.
• A Store, and at least one Search Engine created in Doofinder.

Main Panel Overview

To create a quiz go to your Admin Panel, select the Store you would like to create your quizzes on, scroll down on the left-side menu, click on “Quiz maker”. Now the main panel will appear:

In the main panel, you will find the listed elements:

• The Search Engine dropdown menu, at the right-hand side of the panel.

Here, you can select the Search Engine you wish to create your quiz on. To view all your Search Engines, click on the menu and select the one you would like to work on.

• The “Add Quiz” button. Click on it to create a quiz. Head over the Quiz Configuration section and dive into each part of the quiz.

• The central area features the search bar on the left, where you can search for a specific quiz. On the right, you'll find the calendar to select specific time periods and view data and quiz scenarios for those dates; and the Status dropdown menu, tap on it and filter quizzes based on their status (All, Active, or Inactive).

This area also displays the data and properties for each quiz. The elements are listed from left to right, as shown in the Admin Panel:

• Checkbox: Click on it to select a quiz. When doing so, a “Delete selected” red button will appear at the right-hand side for a quick elimination.
• “Name of the quiz”: Shows the name written for the quiz. Click on it to go to the quiz configuration.
• Impressions: Number of times the quiz is shown.
• Starts: Counts the number of times a quiz is started.
• Completions: Enumerates the finished quizzes.
• CTR: Proportion between the number of clicks on the results and the number of impressions performed.
• Status: Shows if a quiz is active or inactive in the Search Engine. It is active when
• Form CSV: Download the CSV file of a quiz to collect the information obtained from its forms. An email will be sent to you with a link to the form, this link has a validity of 6 hours before expiration.
• Dotted menu: Click on the dotted menu as another route to edit or delete the quiz.

Configuration

To create and configure a quiz click on the “Add Quiz” button on the Quiz maker main panel. Remember to select the Search Engine where you want the quiz to be displayed beforehand.

The Quiz configuration panel will appear showing the following sections: Where would you like to trigger the quiz?, Quiz Builder, Quiz Appearance and Advanced Configuration.

Before exploring each section, take a moment to look at the top of the page:

• In the upper-left corner, you will find a box with the prompt “Write internal name”. Here, you can enter a name for the quiz that will not be visible to customers. Choose a name that makes it easy for you to identify and recognize the quiz at a glance on the Quiz maker main panel.

In the upper-right corner, you'll find the Status on/off switch, which is turned on by default. Turn it off if you don’t want the quiz to be visible to customers as soon as it is saved for the first time.

Where Would You Like to Trigger the Quiz?

In this section, you need to add the CSS Selector of your choice to determine where the quiz will be triggered. To pick a CSS Selector, inspect your webpage, choose the one that best fits your needs, copy it, and then return to the Admin Panel to paste it into the box under “Set the trigger selector”. Learn more on CSS Selector.

Quiz Builder

In this area you are going to set up the questions, messages and forms that your customers will respond to.

You can add an unlimited number of slides. Simply click the “+Add slide” button and choose between the available options: question, form, or message. Your quiz can use one, two, or the three of them, depending on your needs. Let’s dive deep into all of them.

Question

This functionality allows you to add questions to the quiz. Use it to guide customers toward products in your catalog that they might not have considered.

1. Questions can have single or multiple-choice answers. Turn on the switch at the right-side of the question if you want to allow multiple choice.

2. Add a title to your question and write the first answer.

If you haven’t selected a product for your answer, you won’t be able to add additional answers. Make sure to choose products for each answer before trying to advance.


3. Click on “choose products”, a pop-up window will appear. Here, you will be able to see the results added for the answer, under the label “Included results”.

To configure results, click on “+ Add results” to select an option. You can choose individual items by clicking on “Individual items” or select products in bulk by defining parameters under “Rules”. You can use both in the same answer, depending on your business goals.

In “Rules”, you will be able to select among your fields to filter values for the result. Choose your desired value. If you want to add more rules to the same answer, just click on “+Add condition” to generate more filters for that result. Once finished, click on the “Add rule” button at the bottom right of the pop-up.


4. To finish with the answer, you can move up and down the items so they appear in your desired order.

To edit or erase any of the products, just click on the pencil or trash icon on the right side of the item.


5. Once you have finished choosing products, you have the choice to add an image that represents the answer. Click on the camera icon and upload a picture. Take into account that you can only add jpg, .png, or .gif.

If the picture can be uploaded correctly, a green check mark will appear. If the picture can’t be uploaded correctly, a red cross will appear.

Now, add as many answers to your question as you need. Once finished with the question, add the slides you require by clicking on “+Add slide”. When you select a new slide, the one configured previously will appear folded.

How Question Sequence and Result Display Work: Example

To display accurate results at the end of the quiz, the Quiz maker follows a logical flow. Once you select an answer, the Quiz maker looks for matching subsets. Here's how it works:

Question 1: Which brand are you looking for?

• Answer 1: Nike
• Answer 2: Adidas
• Answer 3: Calvin Klein

For each answer in Question 1, you'll assign products on “Choose products”:

• Nike products for Answer 1
• Adidas products for Answer 2
• Calvin Klein products for Answer 3

Once you've linked these products, the quiz moves to Question 2, which further refines the results.

Question 2: What product are you looking for?

• Answer 1: T-shirts
• Answer 2: Pants
• Answer 3: Jackets
• Answer 4: Underwear
• Answer 5: Accessories

For each answer in Question 2, assign the appropriate products on “Choose products”:

• T-shirts: Include Nike, Adidas, and Calvin Klein T-shirts
• Pants: Include Nike, Adidas, and Calvin Klein Pants
• Jackets: Include Nike, Adidas, and Calvin Klein Jackets
• Underwear: Include Nike, Adidas, and Calvin Klein Underwear

• Accessories: Include Nike, Adidas, and Calvin Klein Accessories

  If you choose "Accessories" you can add conditions to narrow down results. For example, adding subcategories (hats, socks, and bags) to ensure that only relevant items are displayed, excluding other subcategories, like equipment.

Results - The customer answers:

• Adidas for Question 1
• Underwear and Accessories for Question 2

The results shown to this customer will be:

• All Adidas Underwear
• All Adidas Accessories (limited to the conditions of subcategories you specified).

If the customer selects Calvin Klein but there are no Accessories in your product feed, then only Underwear will appear in Question 2.

With each question, the quiz narrows down the results, displaying the matching products subsets, becoming more precise at every answer!

Form

This functionality allows you to gather leads from your audience before showing the results.

Once a form is created, you will be able to write a title and add up to 9 fields. There are two type of fields, email or custom field. Every field is fully customizable. Select your desired fields, write them, and decide if you want the fields to be required or not by switching on the “Required field” to finish the quiz.

Just beside the title there is a “Download CSV” button to download the results of the form, you can use this one or the one on the main page under “Form CSV”. You will receive an email with a link to the CSV form with a validity of 6 hours.

Lastly, the Consent to Data Processing checkbox field enables the inclusion of a legal statement, which will appear as a checkbox during the process. You can personalize the message of the legal statement and adapt it to your business requirements.

Once finished with the form, add the slides you require by clicking on “+Add slide”. When you select a new slide, the one configured previously will appear folded.

Message

This functionality enables users to add a slide to the quiz that displays a text message. The slide can include a title, a description, or both. Since both fields are optional, you can choose to use either one or none at all. Click on “+ Add slide” and select Message to start writing. Once finished with the form, add the slides you require by clicking on “+Add slide”. When you select a new slide, the one configured previously will appear folded.

After completing the slides, you have the option to re-arrange them by clicking and dragging from the dots located on the left side of the slide.

Quiz Appearance

After finishing the Quiz Builder, you will see the Quiz Appearance section, where you can determine how the product cards will be displayed on the quiz. You have two options, either Grid mode, or List mode. Select the one that best fits your needs. See how they look down below:

• Grid mode appearance:

• List mode appearance:

Advanced Configuration

In this area, you will find two customizable sections. The CSS and the Custom Template for you to personalize the quiz. When customizing the template, proceed with caution as it may lead to potential issues. If you customize the CSS or the template and would like to revert the changes, just click on “Restore default”.

Once you have finished setting up the quiz, click on Save. Now, that is all set up it will appear on the main panel, click on the “Back” button, on the left side of “Save” to see its summary.