Recommending a Skincare Routine with RevenueHunt app¶
In this tutorial you will learn how to make and publish a short quiz. It recommends the best skincare products for a customer, organized into clear categories.
What you will learn
- how to build a funnel quiz based on a product matrix
- how to build a quiz that recommends product based on multiple criteria
- how to create hidden collections in Shopify
- how to link products and collections to choices in the quiz
- how the recommendation algorithm works
- how to edit the results page
- how to sort product recommendations into slots (clear steps)
- how to publish the quiz on a dedicated page in your Shopify store
- how to add a link to the quiz page to your website menu
In this tutorial you will learn how to make and publish a short quiz. It recommends the best skincare products for a customer, organized into clear categories.
What you will learn
- how to build a quiz from scratch
- different question types and how to use them
- how to recall information from the previous questions
- how to customize quiz design
- how to link products
- how the recommendation algorithm works
- how to edit the results page
- how to use Markdown Language
- how to publish the quiz
In this tutorial you will learn how to make and publish a short quiz. It recommends the best skincare products for a customer, organized into clear categories.
What you will learn
- how to build a quiz from scratch
- different question types and how to use them
- how to recall information from the previous questions
- how to customize quiz design
- how to link products
- how the recommendation algorithm works
- how to edit the results page
- how to use Markdown Language
- how to publish the quiz
In this tutorial you will learn how to make and publish a short quiz. It recommends the best skincare products for a customer, organized into clear categories.
What you will learn
- how to build a quiz from scratch
- different question types and how to use them
- how to recall information from the previous questions
- how to customize quiz design
- how to link products
- how the recommendation algorithm works
- how to edit the results page
- how to use Markdown Language
- how to publish the quiz
In this tutorial you will learn how to make and publish a short quiz. It recommends the best skincare products for a customer, organized into clear categories.
What you will learn
- how to build a quiz from scratch
- different question types and how to use them
- how to recall information from the previous questions
- how to customize quiz design
- how to link products
- how the recommendation algorithm works
- how to edit the results page
- how to use Markdown Language
- how to publish the quiz
In this tutorial you will learn how to make and publish a short quiz. It recommends the best skincare products for a customer, organized into clear categories.
What you will learn
- how to build a quiz from scratch
- different question types and how to use them
- how to recall information from the previous questions
- how to customize quiz design
- how to link products
- how the recommendation algorithm works
- how to edit the results page
- how to use Markdown Language
- how to publish the quiz
Intro¶
If you run a cosmetics shop you may want to recommend a full routine to your customers instead of singular products. With the RevenueHunt app, you can group products into slots and recommend a product for each step in your beauty routine.
Tip
Take the quiz on the Skincare Quiz Demo site to see an example.
Objective: Build a quiz that recommends a four-step skincare routine to your customers.
- The quiz recommends a tailored skincare routine including a cleanser, toner, serum, and moisturizer.
- Recommendations are based on two key factors: age group and skin type.
- The logic is derived from a product matrix that categorizes products accordingly.
Skincare Product Matrix
| Age/Skin Type | Dry or Normal | Oily | Combination |
|---|---|---|---|
| Teens | Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel | Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin | All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion |
| 30–50 | Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream | Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion | Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin |
| 50+ | Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream | Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion | Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel |
If you run a cosmetics shop you may want to recommend a full routine to your customers instead of singular products. With the RevenueHunt app, you can group products into slots and recommend a product for each step in your beauty routine.
Tip
Take the quiz on the Skincare Quiz Demo site to see an example.
Objective: Build a quiz that recommends a four-step skincare routine to your customers.
Get started below.
If you run a cosmetics shop you may want to recommend a full routine to your customers instead of singular products. With the RevenueHunt app, you can group products into slots and recommend a product for each step in your beauty routine.
Tip
Take the quiz on the Skincare Quiz Demo site to see an example.
Objective: Build a quiz that recommends a four-step skincare routine to your customers.
Get started below.
If you run a cosmetics shop you may want to recommend a full routine to your customers instead of singular products. With the RevenueHunt app, you can group products into slots and recommend a product for each step in your beauty routine.
Tip
Take the quiz on the Skincare Quiz Demo site to see an example.
Objective: Build a quiz that recommends a four-step skincare routine to your customers.
Get started below.
If you run a cosmetics shop you may want to recommend a full routine to your customers instead of singular products. With the RevenueHunt app, you can group products into slots and recommend a product for each step in your beauty routine.
Tip
Take the quiz on the Skincare Quiz Demo site to see an example.
Objective: Build a quiz that recommends a four-step skincare routine to your customers.
Get started below.
If you run a cosmetics shop you may want to recommend a full routine to your customers instead of singular products. With the RevenueHunt app, you can group products into slots and recommend a product for each step in your beauty routine.
Tip
Take the quiz on the Skincare Quiz Demo site to see an example.
Objective: Build a quiz that recommends a four-step skincare routine to your customers.
Get started below.
Create collections/categories¶
-
The quiz works as a funnel. To filter products by age and skin type, create a collection for each age group, skin type and product type.
-
Create Manual Collections for Age Groups: Go to
Shopify > Products > Collections > Add collection. For each age group, create aManualcollection. Include only the products relevant to that age group, across all skin types.--Teens-- Collection should include the following products:
Age Group Dry or Normal Oily Combination 🌟 Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --30 to 50-- Collection should include the following products:
Age Group Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 🌟30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --50+-- Collection should include the following products:
Age Group Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 🌟50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel Tip
Uncheck online store visibility to keep the collections hidden from your online storefront.
-
Create Manual Collections for Skin Types: Go to
Shopify > Products > Collections > Add collection. Create aManualcollection for each skin type that includes only the products that are relevant to that skin type.--Dry or Normal Skin Type-- Collection should include the following products:
Age Group 🌟Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --Oily Skin Type-- Collection should include the following products:
Age Group Dry or Normal 🌟Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --Combination Skin Type-- Collection should include the following products:
Age Group Dry or Normal Oily 🌟Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel -
Create Smart Collections for Product Types Using Tags: Go to
Shopify > Products > Collections > Add collection. Create aSmartcollection for each product type based on a product tag. For example, a Cleansers collection should include all the products with the Cleanser tag. A Toners collection should include all the products with the Toner tag, etc.--Cleansers Quiz-- Collection should include the following products:
Age Group Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --Toners Quiz-- Collection should include the following products:
Age Group Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --Serums Quiz-- Collection should include the following products:
Age Group Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel --Moisturizers Quiz-- Collection should include the following products:
Age Group Dry or Normal Oily Combination Teens Foaming Cream Cleanser; Aloe Soothing Toner; Vitamin C Serum; Moisturizing Cream-Gel Neutrogena Oil-Free Acne Face Wash; Balancing Force Oil Control Toner; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin All Natural Face Cleanser; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion 30–50 Morning Cleanser; Aloe Soothing Toner; The Ordinary "Buffet" + Copper Peptides 1%; Relaxing Night Cream Redness-Relief Cleansing Lotion; Balancing Force Oil Control Toner; Vitamin C Serum; Oil-Free Moisture Lotion Neutrogena Oil-Free Acne Face Wash; United State Balancing Tonic; Super Antioxidant Serum; Oil-Free Moisture-Combination Skin 50+ Foaming Cream Cleanser; Ultra Facial Toner; Khadi Global Natural Hyaluronic Acid Serum; Relaxing Night Cream Redness-Relief Cleansing Lotion; United State Balancing Tonic; The Ordinary "Buffet" + Copper Peptides 1%; Oil-Free Moisture Lotion Morning Cleanser; Balancing Force Oil Control Toner; Super Antioxidant Serum; Moisturizing Cream-Gel
- In the Skincare Quiz Demo shop, there are four types of skincare products: cleansers, toners, serums, and moisturizers.
- For the slots to work correctly, create four collections and put the matching products in them. 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.
- To create a collection, click on the top-right button. Check create a collection in your Shopify store for detailed instructions on managing collections in Shopify.
- Give it a name and a description.
- Next, select how to add products to a collection. Add them manually, one product at a time, or make an automatic collection based on a product tag.
- To create a Cleansers collection, set the tag to
cleanser. Shopify then adds every product with that tag to the collection. - You can create the toners, serums and moisturizer collections the same way.
- You can have more than one collection that includes some of the same products. An anti-aging or oily skin collection can be composed of several cleansers, serums or moisturizers.
- In the Skincare Quiz Demo shop, there are four types of skincare products: cleansers, toners, serums, and moisturizers.
- For the slots to work correctly, create four categories and put the matching products in them. 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.
- To create a category, check create a category in your WooCommerce store for detailed instructions on managing categories in WooCommerce.
- In the Skincare Quiz Demo shop, there are four types of skincare products: cleansers, toners, serums, and moisturizers.
- For the slots to work correctly, create four categories and put the matching products in them. 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.
- To create a category, check create a category in your Magento store for detailed instructions on managing categories in Magento.
- In the Skincare Quiz Demo shop, there are four types of skincare products: cleansers, toners, serums, and moisturizers.
- For the slots to work correctly, create four categories and put the matching products in them. 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.
- To create a category, check create a category in your BigCommerce store for detailed instructions on managing categories in BigCommerce.
- In the Skincare Quiz Demo shop, there are four types of skincare products: cleansers, toners, serums, and moisturizers.
- For the slots to work correctly, create four collections and put the matching products in them. 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.
- To create a collection, go to the Success Checklist and click
view productsto open theCatalogue. Create a collection for each category, either in the Catalogue tab or through a Google Product Feed.
Sync¶
Product data such as names, prices and images is pulled live from Shopify. It stays up to date on its own after you change a product or a collection.
Tip
If new tags, collections or vendors do not appear in the quiz builder, run a quick catalog import from the App settings > Catalog page.
After you change your products or collections, sync them with the app.
- The process is done automatically in the background but to make it faster, you can hit the sync button in the Success Checklist.
- The sync may take between 30 to 60 minutes.
- When the sync finishes, your products and collections are up to date in the app.
Info
Your store is also fully synced every 24 hours.
After you change your products or collections and categories, sync them with the app.
- The process is done automatically in the background but to make it faster, you can hit the sync button in the Success Checklist.
- The sync may take between 30 to 60 minutes.
- When the sync finishes, your products and collections are up to date in the app.
Info
Your store is also fully synced every 24 hours.
After you change your products or collections and categories, sync them with the app.
- The process is done automatically in the background but to make it faster, you can hit the sync button in the Success Checklist.
- The sync may take between 30 to 60 minutes.
- When the sync finishes, your products and collections are up to date in the app.
Info
Your store is also fully synced every 24 hours.
After you change your products or collections and categories, sync them with the app.
- The process is done automatically in the background but to make it faster, you can hit the sync button in the Success Checklist.
- The sync may take between 30 to 60 minutes.
- When the sync finishes, your products and collections are up to date in the app.
Info
Your store is also fully synced every 24 hours.
After you change your products or collections and categories, sync them with the app.
- The process is done automatically in the background but to make it faster, you can hit the sync button in the Success Checklist.
- The sync may take between 30 to 60 minutes.
- When the sync finishes, your products and collections are up to date in the app.
Info
Your store is also fully synced every 24 hours.
Build the quiz¶
Now you can build your quiz.
-
Start from scratch, or use one of the pre-designed Skincare templates.
Tip
To learn how to use the Quiz builder, see Making Your First Product Recommendation Quiz.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Multiple-choice questionto find out the customer's age and skin type. - Use a
Name questionto make the quiz personal. - Finish the quiz with an
Email question. Quiz responses can be sent to your mailing list or CRM for segmented retargeting.
- Use a
Now you can build your quiz.
-
Start from scratch, or use one of the pre-designed Skincare templates.
Tip
To learn how to use the Quiz Builder, see Making Your First Product Recommendation Quiz.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name questionto make the quiz personal. Multiple-choice questionscan be useful in finding out the customer's age, skin type, skin concerns or the environment they live in.- Add a skin sensitivity question as well. Exclude products explains how to keep products containing allergens out of the recommendations.
- Finish the quiz with an
email question. Quiz responses can be sent to your mailing list or CRM for segmented retargeting.
- Use a
Now you can build your quiz.
-
Start from scratch, or use one of the pre-designed Skincare templates.
Tip
To learn how to use the Quiz Builder, see Making Your First Product Recommendation Quiz.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name questionto make the quiz personal. Multiple-choice questionscan be useful in finding out the customer's age, skin type, skin concerns or the environment they live in.- Add a skin sensitivity question as well. Exclude products explains how to keep products containing allergens out of the recommendations.
- Finish the quiz with an
email question. Quiz responses can be sent to your mailing list or CRM for segmented retargeting.
- Use a
Now you can build your quiz.
-
Start from scratch, or use one of the pre-designed Skincare templates.
Tip
To learn how to use the Quiz Builder, see Making Your First Product Recommendation Quiz.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name questionto make the quiz personal. Multiple-choice questionscan be useful in finding out the customer's age, skin type, skin concerns or the environment they live in.- Add a skin sensitivity question as well. Exclude products explains how to keep products containing allergens out of the recommendations.
- Finish the quiz with an
email question. Quiz responses can be sent to your mailing list or CRM for segmented retargeting.
- Use a
Now you can build your quiz.
-
Start from scratch, or use one of the pre-designed Skincare templates.
Tip
To learn how to use the Quiz Builder, see Making Your First Product Recommendation Quiz.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name questionto make the quiz personal. Multiple-choice questionscan be useful in finding out the customer's age, skin type, skin concerns or the environment they live in.- Add a skin sensitivity question as well. Exclude products explains how to keep products containing allergens out of the recommendations.
- Finish the quiz with an
email question. Quiz responses can be sent to your mailing list or CRM for segmented retargeting.
- Use a
Now you can build your quiz.
-
Start from scratch, or use one of the pre-designed Skincare templates.
Tip
To learn how to use the Quiz Builder, see Making Your First Product Recommendation Quiz.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name questionto make the quiz personal. Multiple-choice questionscan be useful in finding out the customer's age, skin type, skin concerns or the environment they live in.- Add a skin sensitivity question as well. Exclude products explains how to keep products containing allergens out of the recommendations.
- Finish the quiz with an
email question. Quiz responses can be sent to your mailing list or CRM for segmented retargeting.
- Use a
Quiz design¶
- In the Quiz design tab, you can change the look and feel of the quiz.
- You can even add custom CSS code to make it pop.
- In the Quiz Design tab, you can change the look and feel of the quiz.
- You can even add custom CSS code to make it pop.
- In the Quiz Design tab, you can change the look and feel of the quiz.
- You can even add custom CSS code to make it pop.
- In the Quiz Design tab, you can change the look and feel of the quiz.
- You can even add custom CSS code to make it pop.
- In the Quiz Design tab, you can change the look and feel of the quiz.
- You can even add custom CSS code to make it pop.
- In the Quiz Design tab, you can change the look and feel of the quiz.
- You can even add custom CSS code to make it pop.
Upvote collections/categories¶
Once your quiz is built and styled, you should add products or collections to individual choices.
Warning
Link either products or a collection to each choice. Do not mix them.
A product can be upvoted in a choice and also sit in a collection linked to that choice. It then receives 2 upvotes from the same choice, which skews the results.
So link either individual products to a choice, or one dedicated collection to a choice.
- To do that, go to the Questions tab and select a choice. This will open the Choice settings.
- Under Choice settings, find the
Upvotingsection and clickUpvote > Collections. - For the age question, you can link the
Teens,30-50and50+collections created earlier to each respective choice. - Then, link the
Skin typecollections to the choices in the Skin type question. For example, link theDry or Normalcollection to theDryandNormalchoices. Link theCombinationcollection to theCombinationchoice. Link theOilycollection to theOilychoice.
Product recommendation algorithm
The product recommendation algorithm works like a upvoting system.
- Products/Collections of products are linked to each choice.
- When a customer picks that choice all the linked products receive one upvote.
- This includes all the products inside the linked collection.
- At the end, the results page will show slots with products sorted by the number of upvotes.
Once your quiz is built and styled, you should add products and collections to individual choices.
- To do that, go to the Quiz Builder and open the Link Collections/Categories tab.
- For the age question, you can link the youth and anti-aging collections/categories created earlier.
- Then link the skin type collections and categories.
- You can link one or more collections/categories to the same choice.
- Continue until every choice in the quiz has products, collections or categories linked. A choice with nothing linked produces empty results.
Product recommendation algorithm
The product recommendation algorithm works like a upvoting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one upvote.
- This includes all the products inside the linked collection.
- At the end, the results page will show slots with products sorted by the number of upvotes.
Once your quiz is built and styled, you should add products and categories to individual choices.
- To do that, go to the Quiz Builder and open the Link Collections/Categories tab.
- For the age question, you can link the youth and anti-aging collections/categories created earlier.
- Then link the skin type collections and categories.
- You can link one or more collections/categories to the same choice.
- Continue until every choice in the quiz has products, collections or categories linked. A choice with nothing linked produces empty results.
Product recommendation algorithm
The product recommendation algorithm works like a upvoting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one upvote.
- This includes all the products inside the linked collection.
- At the end, the results page will show slots with products sorted by the number of upvotes.
Once your quiz is built and styled, you should add products and categories to individual choices.
- To do that, go to the Quiz Builder and open the Link Collections/Categories tab.
- For the age question, you can link the youth and anti-aging collections/categories created earlier.
- Then link the skin type collections and categories.
- You can link one or more collections/categories to the same choice.
- Continue until every choice in the quiz has products, collections or categories linked. A choice with nothing linked produces empty results.
Product recommendation algorithm
The product recommendation algorithm works like a upvoting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one upvote.
- This includes all the products inside the linked collection.
- At the end, the results page will show slots with products sorted by the number of upvotes.
Once your quiz is built and styled, you should add products and categories to individual choices.
- To do that, go to the Quiz Builder and open the Link Collections/Categories tab.
- For the age question, you can link the youth and anti-aging collections/categories created earlier.
- Then link the skin type collections and categories.
- You can link one or more collections/categories to the same choice.
- Continue until every choice in the quiz has products, collections or categories linked. A choice with nothing linked produces empty results.
Product recommendation algorithm
The product recommendation algorithm works like a upvoting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one upvote.
- This includes all the products inside the linked collection.
- At the end, the results page will show slots with products sorted by the number of upvotes.
Once your quiz is built and styled, you should add products and categories to individual choices.
- To do that, go to the Quiz Builder and open the Link Collections/Categories tab.
- For the age question, you can link the youth and anti-aging collections/categories created earlier.
- Then link the skin type collections and categories.
- You can link one or more collections/categories to the same choice.
- Continue until every choice in the quiz has products, collections or categories linked. A choice with nothing linked produces empty results.
Product recommendation algorithm
The product recommendation algorithm works like a upvoting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one upvote.
- This includes all the products inside the linked collection.
- At the end, the results page will show slots with products sorted by the number of upvotes.
Exclude products¶
No need to exclude products. The product matrix will recommend the correct products based on the customer's answers.
Remember the sensitivity question asked at the end of the quiz? To remove harmful products from the recommendations use the exclude products feature.
- To exclude a product go to the Link Products tab and select a question.
- Tap on the greyed
exclude productstext and a white bar will appear. - Add the products that contain an allergen.
When a customer says they are sensitive to aloe vera, every product that contains it is excluded from the recommendations.
Warning
Be careful with exclusions. Once a product is excluded it does not show on the results page, even if another question upvoted it.
Remember the sensitivity question asked at the end of the quiz? To remove harmful products from the recommendations use the exclude products feature.
- To exclude a product go to the Link Products tab and select a question.
- Tap on the greyed
exclude productstext and a white bar will appear. - Add the products that contain an allergen.
When a customer says they are sensitive to aloe vera, every product that contains it is excluded from the recommendations.
Warning
Be careful with exclusions. Once a product is excluded it does not show on the results page, even if another question upvoted it.
Remember the sensitivity question asked at the end of the quiz? To remove harmful products from the recommendations use the exclude products feature.
- To exclude a product go to the Link Products tab and select a question.
- Tap on the greyed
exclude productstext and a white bar will appear. - Add the products that contain an allergen.
When a customer says they are sensitive to aloe vera, every product that contains it is excluded from the recommendations.
Warning
Be careful with exclusions. Once a product is excluded it does not show on the results page, even if another question upvoted it.
Remember the sensitivity question asked at the end of the quiz? To remove harmful products from the recommendations use the exclude products feature.
- To exclude a product go to the Link Products tab and select a question.
- Tap on the greyed
exclude productstext and a white bar will appear. - Add the products that contain an allergen.
When a customer says they are sensitive to aloe vera, every product that contains it is excluded from the recommendations.
Warning
Be careful with exclusions. Once a product is excluded it does not show on the results page, even if another question upvoted it.
Remember the sensitivity question asked at the end of the quiz? To remove harmful products from the recommendations use the exclude products feature.
- To exclude a product go to the Link Products tab and select a question.
- Tap on the greyed
exclude productstext and a white bar will appear. - Add the products that contain an allergen.
When a customer says they are sensitive to aloe vera, every product that contains it is excluded from the recommendations.
Warning
Be careful with exclusions. Once a product is excluded it does not show on the results page, even if another question upvoted it.
Edit the results page¶
Now edit the Results page.
-
Add a heading, a logo or a text block to customize the page. For example, you can add a text block to include more information about the recommended skincare routine.
Tip
Check the Making Your First Product Recommendation Quiz || Recommending the Best Cleanser to see examples of different blocks being used.
-
Add Product block: Include a
Product Blockto display the recommended routine. InSlot settingsset theMax. recommended itemsto four. - Preview the quiz: Click the top-right
Savebutton to update the preview, then clickPreview. Take the quiz a few times and check the recommendations against the product matrix.
Now edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the Making Your First Product Recommendation Quiz || Recommending the Best Cleanser to see examples of different blocks being used.
-
Add a
content blockto describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
Now edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the Making Your First Product Recommendation Quiz || Recommending the Best Cleanser to see examples of different blocks being used.
-
Add a
content blockto describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
Now edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the Making Your First Product Recommendation Quiz || Recommending the Best Cleanser to see examples of different blocks being used.
-
Add a
content blockto describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
Now edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the Making Your First Product Recommendation Quiz || Recommending the Best Cleanser to see examples of different blocks being used.
-
Add a
content blockto describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
Now edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the Making Your First Product Recommendation Quiz || Recommending the Best Cleanser to see examples of different blocks being used.
-
Add a
content blockto describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
Add slots¶
Now sort the recommended products into clear steps. A skincare routine is a cleanser, a toner, a serum and a moisturizer.
- Use
+ Add slotto add slots to the Product block on the Results page. You need four slots in total. - In Slot settings you can:
- Edit the slot name,
- Add a description,
- And select how many products should be recommended in each slot. Set the
Max. recommended itemsto 1 for each slot.
-
Slots need segments.
Add segmentsto each slot, so that it knows which products to choose.Open the Slot settings, scroll down to the
Add segmentssection and clickAdd > Collection.- Add the
Cleansers Quizsmart collection in the Cleansers Slot - Add the
Toners Quizsmart collection in the Toners Slot - Add the
Serums Quizsmart collection in the Serum Slot, - Add the
Moisturizers Quizsmart collection in the Moisturizer Slot.
- Add the
-
Save the changes with the top-right
Savebutton.
Now add a space for products.
- A skincare routine is a cleanser, a toner, a serum and a moisturizer.
- Use
+to add aProduct Slots Blockand create four different slots for each of the products. - In product slot settings you can:
- Edit the slot name,
- Add a description,
- And select how many products should be recommended in each slot.
- Slots need collections.
include collections/categoriesin each slot, so that it knows which products to choose.- Include the Cleansers collection/category in the Cleansers Slot
- Include the Toners collection/category in the Toners Slot
- Include the Serums collection/category in the Serum Slot, etc.
- Make sure that the products in these collections/categories are linked to the answers in the quiz. Otherwise, the slots will produce empty results.
- Follow the same steps to create a morning routine.
You have created a dynamic results page for your beauty quiz.
Now add a space for products.
- A skincare routine is a cleanser, a toner, a serum and a moisturizer.
- Use
+to add aProduct Slots Blockand create four different slots for each of the products. - In product slot settings you can:
- Edit the slot name,
- Add a description,
- And select how many products should be recommended in each slot.
- Slots need collections.
include collections/categoriesin each slot, so that it knows which products to choose.- Include the Cleansers collection/category in the Cleansers Slot
- Include the Toners collection/category in the Toners Slot
- Include the Serums collection/category in the Serum Slot, etc.
- Make sure that the products in these collections/categories are linked to the answers in the quiz. Otherwise, the slots will produce empty results.
- Follow the same steps to create a morning routine.
You have created a dynamic results page for your beauty quiz.
Now add a space for products.
- A skincare routine is a cleanser, a toner, a serum and a moisturizer.
- Use
+to add aProduct Slots Blockand create four different slots for each of the products. - In product slot settings you can:
- Edit the slot name,
- Add a description,
- And select how many products should be recommended in each slot.
- Slots need collections.
include collections/categoriesin each slot, so that it knows which products to choose.- Include the Cleansers collection/category in the Cleansers Slot
- Include the Toners collection/category in the Toners Slot
- Include the Serums collection/category in the Serum Slot, etc.
- Make sure that the products in these collections/categories are linked to the answers in the quiz. Otherwise, the slots will produce empty results.
- Follow the same steps to create a morning routine.
You have created a dynamic results page for your beauty quiz.
Now add a space for products.
- A skincare routine is a cleanser, a toner, a serum and a moisturizer.
- Use
+to add aProduct Slots Blockand create four different slots for each of the products. - In product slot settings you can:
- Edit the slot name,
- Add a description,
- And select how many products should be recommended in each slot.
- Slots need collections.
include collections/categoriesin each slot, so that it knows which products to choose.- Include the Cleansers collection/category in the Cleansers Slot
- Include the Toners collection/category in the Toners Slot
- Include the Serums collection/category in the Serum Slot, etc.
- Make sure that the products in these collections/categories are linked to the answers in the quiz. Otherwise, the slots will produce empty results.
- Follow the same steps to create a morning routine.
You have created a dynamic results page for your beauty quiz.
Now add a space for products.
- A skincare routine is a cleanser, a toner, a serum and a moisturizer.
- Use
+to add aProduct Slots Blockand create four different slots for each of the products. - In product slot settings you can:
- Edit the slot name,
- Add a description,
- And select how many products should be recommended in each slot.
- Slots need collections.
include collections/categoriesin each slot, so that it knows which products to choose.- Include the Cleansers collection/category in the Cleansers Slot
- Include the Toners collection/category in the Toners Slot
- Include the Serums collection/category in the Serum Slot, etc.
- Make sure that the products in these collections/categories are linked to the answers in the quiz. Otherwise, the slots will produce empty results.
- Follow the same steps to create a morning routine.
You have created a dynamic results page for your beauty quiz.
Preview the quiz¶
- Update the preview with the top-right
Savebutton. - You can test the quiz again by clicking the
Previewbutton. - Take the quiz a few times to check if the correct products are recommended based on the product matrix.
- Update the preview/live quiz with the top-right
Publishbutton. - You can test the quiz by clicking the
Preview/Test Quizbutton. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publishbutton. - You can test the quiz by clicking the
Preview/Test Quizbutton. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publishbutton. - You can test the quiz by clicking the
Preview/Test Quizbutton. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publishbutton. - You can test the quiz by clicking the
Preview/Test Quizbutton. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publishbutton. - You can test the quiz by clicking the
Preview/Test Quizbutton. - Take the quiz a few times to check if the correct products are recommended.
Publish¶
Now publish the quiz on your website. Add it inline with a new page.
- Go to the
Publishsection and check the instructions forAdd the quiz to a dedicated landing page. - Create a new page template:
- In Shopify go to
Online Store > Theme > Customize. - Under Home page top menu select
Pages > Add new page template. Give the template a name. - In the page template editor, add a section. From
Appsmenu select theInline Quizby RevenueHunt. - In the Inline Quiz settings, select the quiz formatting (for example, you can make the quiz full width).
- Save the template with the top-right
Savebutton.
- In Shopify go to
- Create a new page:
- Next, go to Shopify
Online Store > Pagesand create a new page. - Apply the quiz template to the page.
- Set the page visibility to
Visible.
- Next, go to Shopify
- Add the quiz to the menu:
- Next open Shopify
Content > Menus. - Select the Main menu and add a new item.
- Give it a name, for example
New Quiz Page, and link it to the page you created in the previous step. - Save the changes with the top-right
Savebutton.
- Next open Shopify
- From now on, the inline quiz will be visible on that page.
Now publish the quiz on your website. Add it inline with a new page.
- To do that, go to the
Sharetab and select theInlinepublish option. - Click
Show Instructions for Legacy Themes. - Adjust the quiz’s width and height and click
Get codeto generate a code. - Copy the code and navigate to your
Online Store > Pagesin Shopify. - Add a new page and give it a name.
- Click the
Show HTMLbutton and paste the code copied from the app. - Make sure to
savethe changes.
Now publish the quiz on your website. Add it inline with a new page.
- Obtain Inline Embed Code: From the quiz builder, click
Share, selectInlinemode. - Edit the inline quiz settings and click
Get the code. Copy the HTML embed code. - In WordPress, open
Pagesand clickAdd New Page. - In the editor, add a page title. Then, find a
Custom HTMLelement and add it to the page in a place where you want the quiz to show. - In the element, paste the code copied from the app.
- Save the changes and
updatethe page. - From now on, the inline quiz will be visible on that page.
Now publish the quiz on your website. Add it inline with a new page.
- Add the following embed.js script before the
</head>close tag in the header. Without it, the quiz does not load on your website. - Obtain Inline Embed Code: From the quiz builder, click
Share, selectInlinemode. - Edit the inline quiz settings and click
Get the code. Copy the HTML embed code. - In your Magento dashboard go to
Content>Pages. ClickAdd New Page. - Edit the Page Title and open the
Contenttab. ClickEdit with Page Builder. - Select
Elements>Rowsand drag a row into the canvas. - Next open
Elementsand pickHTML Code. Drag theHTML Codeonto the Row. - Click the gear icon to open
HTML settings. - Under
Enter HTML, CSS or JavaScript codepaste the HTML code copied from the app. - Remember to save the changes.
- From now on, the inline quiz will be visible on that page.
Now publish the quiz on your website. Add it inline with a new page.
- Add the following embed.js script before the
</head>close tag in the header. Without it, the quiz does not load on your website. - Obtain Inline Embed Code: From the quiz builder, click
Share, selectInlinemode. - Edit the inline quiz settings and click
Get the code. Copy the HTML embed code. - In BigCommerce, go to
Storefront>Web Pages. ClickCreate a Web Page. - Under
Web Page Details>Page Contentswitch to theHTMLeditor. Paste the HTML code copied from the app. - Save the changes.
- From now on, the inline quiz will be visible on that page.
Now publish the quiz on your website. Add it inline with a new page.
- Add the following embed.js script before the
</head>close tag in the header. Without it, the quiz does not load on your website. - Obtain Inline Embed Code: From the quiz builder, click
Share, selectInlinemode. - Edit the inline quiz settings and click
Get the code. Copy the HTML embed code. - In your store customization options find the
Pagesmenu and create a new page. - In the page editor find a
Custom HTMLelement. In the element settings paste the code copied from the app. - Save the changes.
- From now on, the inline quiz will be visible on that page.
You have created and published your first skincare routine quiz.
This article has a step-by-step video tutorial. It shows how to create a skincare routine quiz with the RevenueHunt app.