How to Recommend a Skincare Routine with Slots¶
With Shop Quiz: Product Recommendation Quiz, it is possible to group products into slots and recommend a product for each step in a beauty routine.
This guide is designed to help merchants effectively use Product Slot Blocks on the results page to organize product recommendations.
A personalized skincare routine recommendation quiz was chosen as an example to best demonstrate how to work with this feature. See an example of such a Skincare Quiz here.
Step 1: Understand Recommendation Mechanism¶
Make sure that you're familiar with how the recommendations work in Shop Quiz.
How do I get the right recommendations?
Our product recommendation algorithm works like a voting system:
- Products are linked to each choice
- When a customer picks a choice, all linked products receive one vote
- After the customer takes the quiz, the results page will show the most voted products sorted by the number of votes
- If no products have been linked or all the products have been excluded, the results page will appear empty
- If there's a draw in the number of votes, the app will randomize the order of products.
If you want to make the results ultra-precise, you can also:
- Limit the recommendations to only show products that received X votes or more in the Results Page settings.
- Use Exclusions to make sure that unwanted products are not shown (even if they were upvoted in another choice earlier).
It's advised to familiarize yourself with this voting system before working with Product Slots.
Step 2: Organize Products into Collections/Categories¶
To group products into slots, you’ll need to create new collections in your Shopify store. These collections will be used to group your products on the results page.
- Identify Product Categories: Determine your skincare product categories (e.g., Cleansers, Toners, Serums, Moisturizers).
-
- a Cleansers collection should have all the cleansing products, a Toners collection should have all the toning products,
- a Serums collection should have all the serums, etc.
- You can have more than one collection that includes some of the same products.
Create Collections: For each category, create a collection in your Shopify store with the right products. Each collection should only contain products relevant to its category. For example,
-
Catalog Sync: Perform a catlog sync after creating collections to update Shop Quiz: Product Recommendation Quiz with the latest product collections.
Warning
Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.
To group products into slots, you’ll need to create new collections in your Shopify store. These collections will be used to group your products on the results page.
- Identify Product Categories: Determine your skincare product categories (e.g., Cleansers, Toners, Serums, Moisturizers).
-
- a Cleansers collection should have all the cleansing products, a Toners collection should have all the toning products,
- a Serums collection should have all the serums, etc.
- You can have more than one collection that includes some of the same products.
Create Collections: For each category, create a collection in your Shopify store with the right products. Each collection should only contain products relevant to its category. For example,
To group products into slots, you’ll need to create new categories in your WooCommerce store. These categories will be used to group your products on the results page.
- Identify Product Categories: Determine your skincare product categories (e.g., Cleansers, Toners, Serums, Moisturizers).
-
Create Categories: For each category, create a category in your WooCommerce store with the right products. Each category should only contain products relevant to its category. For example,
- a Cleansers category should have all the cleansing products,
- a Toners category should have all the toning products,
- a Serums category should have all the serums, etc.
- You can have more than one category that includes some of the same products.
-
Catalog Sync: Perform a catlog sync after creating collections to update Shop Quiz: Product Recommendation Quiz with the latest product collections.
To group products into slots, you’ll need to create new categories in your Magento store. These categories will be used to group your products on the results page.
- Identify Product Categories: Determine your skincare product categories (e.g., Cleansers, Toners, Serums, Moisturizers).
-
Create Categories: For each category, create a category in your Magento store with the right products. Each category should only contain products relevant to its category. For example,
- a Cleansers category should have all the cleansing products,
- a Toners category should have all the toning products,
- a Serums category should have all the serums, etc.
- You can have more than one category that includes some of the same products.
-
Catalog Sync: Perform a catlog sync after creating collections to update Shop Quiz: Product Recommendation Quiz with the latest product collections.
To group products into slots, you’ll need to create new categories in your BigCommerce store. These categories will be used to group your products on the results page.
- Identify Product Categories: Determine your skincare product categories (e.g., Cleansers, Toners, Serums, Moisturizers).
-
Create Categories: For each category, create a category in your BigCommerce store with the right products. Each category should only contain products relevant to its category. For example,
- a Cleansers category should have all the cleansing products,
- a Toners category should have all the toning products,
- a Serums category should have all the serums, etc.
- You can have more than one category that includes some of the same products.
-
Catalog Sync: Perform a catlog sync after creating collections to update Shop Quiz: Product Recommendation Quiz with the latest product collections.
To group products into slots, you’ll need to create new collections in your Standalone account's Catalogue. These collections will be used to group your products on the results page.
- Identify Product Categories: Determine your skincare product categories (e.g., Cleansers, Toners, Serums, Moisturizers).
-
Create Collections: For each category, create a collection in your Standalone account via the Catalogue tab or a Google Product Feed with the right products. Each collection should only contain products relevant to its category. For example,
- a Cleansers collection should have all the cleansing products, a Toners collection should have all the toning products,
- a Serums collection should have all the serums, etc.
- You can have more than one collection that includes some of the same products.
-
Catalog Sync: Perform a catlog sync after creating collections to update Shop Quiz: Product Recommendation Quiz with the latest product collections.
Step 3: Build the Quiz¶
- Add new quiz: Go to the app’s dashboard and click
add new quiz
. - Choose a template: Choose a pre-defined template or start from scratch. Tip: There’s are Basic and Advanced Skincare Quiz templates already available.
- Name your quiz: The name can be edited later.
- Add slides: After that, you'll be redirected to the Quiz Builder. Add questions to your quiz that will help the customer determine their skincare routine. To add a question, click the
+ Add question
button. Select a question type from the dropdown/menu.
Step 4: Link Products to Choices¶
Once your quiz is set up, you should add products and collections to the choices in the quiz. This step is necessary to show recommendations.
- Go to Link Products/Collections tab: In the Quiz Builder, go to Link Products or Link Collections/Categories tab.
-
Link Products: Link all relevant product variants or collections to each choice. Ensure every choice in your quiz is linked to at least one product or collection to prevent empty results. If a product does not recieve at least one vote, it will never show up on the results page.
Warning
Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.
-
Go to Link Products/Collections tab: To add link products or product variants to choices, go to Questions, select a multiple-choice question, then a choice and open the Choice Settings.
-
Link Products: Link all relevant product variants or collections to each choice. Ensure every choice in your quiz is linked to at least one product or collection to prevent empty results. If a product does not recieve at least one vote, it will never show up on the results page.
- Go to Link Products/Collections tab: In the Quiz Builder, go to Link Products or Link Collections/Categories tab.
-
Link Products: Link all relevant product variants or collections to each choice. Ensure every choice in your quiz is linked to at least one product or collection to prevent empty results. If a product does not recieve at least one vote, it will never show up on the results page.
- Go to Link Products/Collections tab: In the Quiz Builder, go to Link Products or Link Collections/Categories tab.
-
Link Products: Link all relevant product variants or collections to each choice. Ensure every choice in your quiz is linked to at least one product or collection to prevent empty results. If a product does not recieve at least one vote, it will never show up on the results page.
- Go to Link Products/Collections tab: In the Quiz Builder, go to Link Products or Link Collections/Categories tab.
-
Link Products: Link all relevant product variants or collections to each choice. Ensure every choice in your quiz is linked to at least one product or collection to prevent empty results. If a product does not recieve at least one vote, it will never show up on the results page.
- Go to Link Products/Collections tab: In the Quiz Builder, go to Link Products or Link Collections/Categories tab.
-
Link Products: Link all relevant product variants or collections to each choice. Ensure every choice in your quiz is linked to at least one product or collection to prevent empty results. If a product does not recieve at least one vote, it will never show up on the results page.
Step 5: Add Product Slots to the Results Page¶
- Edit the Results Page: Go to the Results Page tab and edit the content. Add design elements like headings, logos, and content blocks.
- Add a Product Slots Block: Use the
+
button to add aProduct Slots Block
to the Results Page. - Add Slots: Open the
Slot Block settings
and add a slot for each step in the skincare routine. For example, if your routine consists of 4 products, you should add 4 slots to your Slots Block. - Edit the Slot: You can add a title or a description to each slot.
- Include Collections/Categories into Slots: Link the corresponding product collection/category to each slot in the
Include
section. It's vital for displaying recommendations. Slot can only show most-voted products from a collection/category that's included. - Choose Product number: In the
Slot Block settings
you can choose how many products should be recommended per each step. Tip: Our most succseful quizzes recommend a single product per slot.
Warning
Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.
- Edit the Results Page: Go to the Results Page tab and edit the content. Add design elements like headings, logos, and content blocks.
- Add a Product Block: Use the
+
button to add aProduct Block
to the Results Page. - Add Slots: Open the
Product Block settings
and add a slot for each step in the skincare routine. For example, if your routine consists of 4 products, you should add 4 slots to your Slots Block. - Edit the Slot: You can add a title or a description to each slot.
-
Add Filters: Add a filter with the corresponding product collection to each slot in the
Add filter
section. It's vital for displaying recommendations. Slot can only show most-voted products from a collection that's added in the filter field. -
Choose Product number: In the
Product Block settings
you can choose how many products should be recommended per each step. Tip: Our most succseful quizzes recommend a single product per slot.
- Edit the Results Page: Go to the Results Page tab and edit the content. Add design elements like headings, logos, and content blocks.
- Add a Product Slots Block: Use the
+
button to add aProduct Slots Block
to the Results Page. - Add Slots: Open the
Slot Block settings
and add a slot for each step in the skincare routine. For example, if your routine consists of 4 products, you should add 4 slots to your Slots Block. - Edit the Slot: You can add a title or a description to each slot.
- Include Collections/Categories into Slots: Link the corresponding product collection/category to each slot in the
Include
section. It's vital for displaying recommendations. Slot can only show most-voted products from a collection/category that's included. - Choose Product number: In the
Slot Block settings
you can choose how many products should be recommended per each step. Tip: Our most succseful quizzes recommend a single product per slot.
- Edit the Results Page: Go to the Results Page tab and edit the content. Add design elements like headings, logos, and content blocks.
- Add a Product Slots Block: Use the
+
button to add aProduct Slots Block
to the Results Page. - Add Slots: Open the
Slot Block settings
and add a slot for each step in the skincare routine. For example, if your routine consists of 4 products, you should add 4 slots to your Slots Block. - Edit the Slot: You can add a title or a description to each slot.
- Include Collections/Categories into Slots: Link the corresponding product collection/category to each slot in the
Include
section. It's vital for displaying recommendations. Slot can only show most-voted products from a collection/category that's included. - Choose Product number: In the
Slot Block settings
you can choose how many products should be recommended per each step. Tip: Our most succseful quizzes recommend a single product per slot.
- Edit the Results Page: Go to the Results Page tab and edit the content. Add design elements like headings, logos, and content blocks.
- Add a Product Slots Block: Use the
+
button to add aProduct Slots Block
to the Results Page. - Add Slots: Open the
Slot Block settings
and add a slot for each step in the skincare routine. For example, if your routine consists of 4 products, you should add 4 slots to your Slots Block. - Edit the Slot: You can add a title or a description to each slot.
- Include Collections/Categories into Slots: Link the corresponding product collection/category to each slot in the
Include
section. It's vital for displaying recommendations. Slot can only show most-voted products from a collection/category that's included. - Choose Product number: In the
Slot Block settings
you can choose how many products should be recommended per each step. Tip: Our most succseful quizzes recommend a single product per slot.
- Edit the Results Page: Go to the Results Page tab and edit the content. Add design elements like headings, logos, and content blocks.
- Add a Product Slots Block: Use the
+
button to add aProduct Slots Block
to the Results Page. - Add Slots: Open the
Slot Block settings
and add a slot for each step in the skincare routine. For example, if your routine consists of 4 products, you should add 4 slots to your Slots Block. - Edit the Slot: You can add a title or a description to each slot.
- Include Collections/Categories into Slots: Link the corresponding product collection/category to each slot in the
Include
section. It's vital for displaying recommendations. Slot can only show most-voted products from a collection/category that's included. - Choose Product number: In the
Slot Block settings
you can choose how many products should be recommended per each step. Tip: Our most succseful quizzes recommend a single product per slot.
Step 6: Test and Troubleshoot¶
Now that the slots are built and product/collections are linked to each choice, you can test the quiz. To test the quiz, you'll have to save the changes and preview it.
- Publish the changes: Click
Publish/Save
on the top-right menu to update the preview/live quiz. - Preview the quiz: Click
Preview
to test the quiz you've created in a new window. You can test the quiz as much as you like as long as you always open a new preview window. These test responses done as admin are automatically removed after 1 hour to not add to your usage quota. -
Troubleshoot results: Use the quiz's built-in search bar in the
Metrics > Responses
section to understand why specific products were recommended or missing from the recommendations.Tip
Check How to Troubleshoot Quiz Results for detailed instructions on how to use this tool.
By adhering to these steps, you can offer a valuable tool to your customers, enhancing their shopping experience through personalized skincare routine recommendations.