The “Product Recommender” app lets you ask the participating users a series of questions and depending on their preferred answers, you can show them which of your products fits them best in a customized final message where you can give them information about the recommended product.

The content of the tutorial is as follows:

1. General description

2. How is the participation flow of the user

3. Create the promotion

4. Set up of the Product Recommender

   • Create the questions and answers

   • Customize the Quiz design

   • Give a score to each question and create the final messages

5. Customize the design and finish the settings

6. How to assign prizes based on the final message

7. Other ways to assign prizes

1. General description

With the "Product Recommender" application you will be able to offer users a question and answer test about their preferences and tastes to recommend the product that best suits them. You will be able to design the test completely to your needs, personalize it with photos, texts and videos so that the user experience is fun and entertaining and with your brand look&feel. The Product Recommender will allow you to:

• Design the questionnaire completely tailored to your needs, personalized with photos, texts and videos.
• Combine different types of answers (single answer, multiple-answer and even sortable answers).
• Create as many questions as you want, and indicate which is the correct answer to each of them.
• Enable the summary page to show the participants a summary of their answers before registering.
• Show personalized final messages according to users' answers to show them the recommended product.
• Reward participants with a final draw among all the users who have completed the test.

2. How is the participation flow of the user

What will the user experience be like? The promotion is made up of different pages that the user will find when interacting with the promotion to participate, such as: the initial welcome page, the registration page, where the user will register with their data, the final page, etc. As a whole, the different pages will make up the structure of the promotion and the flow of participation that the user will follow to complete the promotional mechanics of the promotion.

Additionally, as the administrator, you can select which participation flow you want users to follow. Specifically, there are three different participation flows available: the Identified Mode, where the user must identify and register before playing; the Visitor Mode, where the user plays first and then identifies and registers; and the Anonymous Mode, where the user participates without identifying or registering. The choice of one mode or another will determine how participation and the user experience in the promotion will unfold.

Learn in this article how each participation flow works, as well as the different pages that make up a promotion.

3. Create the promotion

How to start creating the Spin the wheel promotion? We present the following tutorial that will allow you to know the first steps to create your promotion so that you do not miss any important point. You will learn all the general management options that you have available as an administrator in your internal dashboard to manage and edit the promotion.

Discover the first steps to create my first promotion.

4. Set up of the Product Recommender

Set up the questionnaire with the questions you want to ask your participants. To do this, go to the promotion's "Editor":

Then access the section Participation > Edit Product recommender and go under the Product recommender tab, which is the place where you will create your questions and answers. As you can see, you will have 4 questions already created, so you can see the different types of questions you can configure.

When you access it, you will find the following configuration tabs:

A. Create the questions

The first step is to create the Quiz questions. To do so, click on the "New question" button:

The following window will appear to guide you through the creation process. For Personality Quiz, we recommend using single-answer questions. You can give each question a score and link it to a specific response.

Below are the options available for configuring the question:

1. Contents of the Question

You will see the options for editing the question, which you must complete with your own content:

1. Question text: Type the question you want to ask users here.

2. Upload Media: Decide if you want to accompany the question with an image or video.

3. Position: If you upload an image for the question, choose between a horizontal or vertical display.

4. Answers: Click on the pencil icon to rename each answer. Click on the "Add answers" button if you need to add more, use the copy response option to duplicate the answers or use the trash can icon if you need to delete answers.

2. Advanced options

Here you will find the options to set up your question:

• Feedback message text: You can present an informative text with the correct answer after users answer the question. You can customize different feedback messages for correct and incorrect answers.
• Hide question text: In case your image includes the text of the question, you can hide the text box so that only the image and the answers will be shown.
• Container columns: It will allow you to indicate how many answers you want to show per row.
• Do not force 1 column-view for mobile devices.
• Question type: In case you need to modify the type of question you have initially created.
• Hide Continue button: Check this option if you want the user to move to the next question by just clicking on the answer buttons. By default, the Continue button is displayed in closed answers to allow users to move forward to the next questions of the quiz.

B. Customize the Quiz design

Next, click on the "Design" tab to personalize the design and look & feel of the Quiz.

1. Questions

Here you will find the option “Center question text”, which allows you to apply this style to the question text.

2. Answers

You’ll find the following options to customize the Quiz answer buttons:

• Font style
• Force uppercase
• Text color
• Background color
• Border width
• Border color

3. Answers (hover)

You can customize the appearance of the answer buttons when the user hovers over them:

• Text color
• Background color
• Border color

4. Selected answers

You can customize the style of the selected answer button(s) using the following options:

• Checkmark color
• Checkmark background color
• Text color
• Background color
• Border color

5. Continue Button

By enabling the “Override default button styles” option, you’ll be able to customize the Continue button using the following options:

• Text color
• Background color
• Text color (on hover)
• Background color (on hover)

6. Options

This section allows you to configure additional settings:

• How do you want to display progress? It lets you define the style of the progress bar or even disable it.
• Allow users to change their answers.

C. Create the final messages to show the recommended product

One of the special features of the Product Recommender is that it lets you set up customized final messages based on the preferences in the answers, or based on the “majority of answers” if using this system.

This option will let you show each user a different final message recommending one of your products, depending on the answers in the quiz.

Click here to see our Product Recommender and try the user experience.

To create different final messages depending on the answers, you should follow these steps:

1. Go to the Editor> Pages> Quiz > Final messages section. As you can see, you have 4 final messages already created, each with a specific score, so you can better see how to configure each final message. Click on the pencil icon to edit the final messages:

Tip! We recommend that you start by designing the messages that you want to display on the final page since they vary depending on the number of products you want to show in the recommender. Each final message will represent one of the products that you want to recommend to the participants.

To do so, to each final message you should assign the value: 1, 2, 3, 4, etc., to define the different products.

2. Assign points to the answers. Once you have defined the final messages for the different products you want to recommend, you must give a score to the answers to the different questions. Assign a value to each answer that corresponds to each product, for example, 1, 2, 3, or 4, etc. in order to link each response to a specific final message.

Practical example:

The following question “Which of these hobbies does your mother prefer?” has three possible answers:

a) Reading

b) Fashion

c) Kitchen

d) Sports

So we connect each answer with the product that matches this characteristic. To do so, in the “Number of points” we put the value of the final message (= product) that matches each answer:

Advanced option:

You can assign more than one value to each answer so that you can connect one answer with more than one product. This option is useful if, because of the characteristics of a product, this can be connected with more than one of the possible answers.

Example: If in the question “What is her age range?”, the answer “+40” can be connected with different products, you can write the values of the different products to create the connection:

And this is how the final message that recommends a specific product is displayed:

In order to configure the final messages follow this tutorial and do not miss any steps.

5. Customize the design and finish the settings

Once you have configured the Timed Quiz, the next step is to finish the configuration of the other options of the promotion, such as customizing the design template with your own colors and texts, introducing the legal bases, the viral content settings, etc. 

Check the tutorial to finish the configuration and customization of your promotion.

6. How to assign prizes based on the final message

With the Product Recommender application and the possibility of showing different final messages to users, the administrator also has the possibility of assigning different prizes based on the final message that has been shown to each user.

Example: Each participant may be given a discount coupon for the same product that has been recommended in the final message.

To do this, delivery conditions based on the score of each final message must be included in each prize.

The score for each final message can be obtained by accessing the "Final messages" section within the stage configuration, as can be seen in the following screenshot:

Taking into account the score of each. final message, you can create the different prizes of the "On participation" type to assign them to the different final messages. For more information you can consult the tutorial to create this type of prize.

Once the prizes have been created, you must access each of the prizes and access the "Delivery conditions" section:

Here you must click on "Add condition" and a pop-up will open. In it you must add the condition based on the score:

• Score > Equals > X points (the score of the first final message).

By applying the conditions by score in each prize, the user will obtain one or another prize according to the final message that has been shown after completing the questionnaire.

7. Other ways to assign prizes

Easypromos provides a complete Prize and Winners Management system that will allow you to create the prize or prizes that you want to give to the users who participate in the Product Recommender, as well as configure how you want to assign the prizes and select the winners.

Specifically, you have two ways to assign the prize to the winners, depending on your preference:

1. Carry out a draw among all the users who have participated. Follow the steps of this tutorial to create the prize and raffle it among all the participants.

2. Carry out a giveaway based on the recommended product. Follow the steps in this tutorial that explains how you can create the prize to raffle it among the participants according to the recommended product.

3. Give a coupon to all users who have participated. Follow the steps in this tutorial that explains how to create the promotional coupon type prize to assign it directly to all users after participating.