Recommending a Skincare Routine with RevenueHunt app¶
In this tutorial, you’ll learn how to make and publish a short quiz that recommends the best cosmetic (skincare) products to your customers organized into near categories.
You’ll 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’ll learn how to make and publish a short quiz that recommends the best cosmetic (skincare) products to your customers organized into near categories.
You’ll 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’ll learn how to make and publish a short quiz that recommends the best cosmetic (skincare) products to your customers organized into near categories.
You’ll 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’ll learn how to make and publish a short quiz that recommends the best cosmetic (skincare) products to your customers organized into near categories.
You’ll 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’ll learn how to make and publish a short quiz that recommends the best cosmetic (skincare) products to your customers organized into near categories.
You’ll 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’ll learn how to make and publish a short quiz that recommends the best cosmetic (skincare) products to your customers organized into near categories.
You’ll 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, it is possible to group products into slots and recommend a product for each step in your beauty routine.
Tip
Check out our Skincare Quiz Demo site and take the quiz to see an example.
Objective: In this tutorial, you’ll learn how to build a quiz that recommends a four-step skincare routine to your customers.
Let’s get started.
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, it is possible to group products into slots and recommend a product for each step in your beauty routine.
Tip
Check out our Skincare Quiz Demo site and take the quiz to see an example.
Objective: In this tutorial, you’ll learn how to 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, it is possible to group products into slots and recommend a product for each step in your beauty routine.
Tip
Check out our Skincare Quiz Demo site and take the quiz to see an example.
Objective: In this tutorial, you’ll learn how to build a quiz that recommends a four-step skincare routine to your customers.
Let’s get started.
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, it is possible to group products into slots and recommend a product for each step in your beauty routine.
Tip
Check out our Skincare Quiz Demo site and take the quiz to see an example.
Objective: In this tutorial, you’ll learn how to build a quiz that recommends a four-step skincare routine to your customers.
Let’s get started.
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, it is possible to group products into slots and recommend a product for each step in your beauty routine.
Tip
Check out our Skincare Quiz Demo site and take the quiz to see an example.
Objective: In this tutorial, you’ll learn how to build a quiz that recommends a four-step skincare routine to your customers.
Let’s get started.
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, it is possible to group products into slots and recommend a product for each step in your beauty routine.
Tip
Check out our Skincare Quiz Demo site and take the quiz to see an example.
Objective: In this tutorial, you’ll learn how to build a quiz that recommends a four-step skincare routine to your customers.
Let’s get started.
Create Collections/Categories¶
- In the Skincare Quiz Demo shop, there are four types of skincare products: cleansers, toners, serums, and moisturizers.
- For the slots to work correctly, you’ll have to create four collections and include all the corresponding 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 this article for detailed instructions on managing collections in Shopify.
- Give it a name and a description.
- Next, you’ll select how to add products to a collection. You can do that manually, selecting each product one by one, or you can make an automatic collection based on a product tag.
- To create a Cleansers collection, we’ll choose the tag to be equal to the word
cleanser
. Shopify will automatically add all the products with this 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.
-
For the quiz to work as a funnel and filter products based on the age and skin type, you need to create collections for each age group and skin type and product type.
-
Create Manual Collections for Age Groups: Go to
Shopify > Products > Collections > Add collection
. Create aManual
collection for each age group that includes only the products that are relevant to that age group for 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 aManual
collection 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 aSmart
collection 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, you’ll have to create four categories and include all the corresponding 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 this article 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, you’ll have to create four categories and include all the corresponding 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 this article 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, you’ll have to create four categories and include all the corresponding 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 this article 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, you’ll have to create four collections and include all the corresponding 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 open the
Catalogue
by clickingview products
. For each category, create a collection in your Standalone account via the Catalogue tab or a Google Product Feed with the right products.
Sync¶
Once you’ve made changes to your products and collections, you should 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.
- Once it’s finished, all your products and collections will be up to date in the app.
Info
Your store is also fully synced every 24 hours.
Once you’ve made changes to your products and collections in Shopify, the RevenueHunt app will automatically detect the changes and sync them with the app.
Tip
If you don't see the new items in the app catalog, you can run quick catalog import from the App Settings > Catalogue page.
Once you’ve made changes to your products and collections/categories, you should 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.
- Once it’s finished, all your products and collections will be up to date in the app.
Info
Your store is also fully synced every 24 hours.
Once you’ve made changes to your products and collections/categories, you should 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.
- Once it’s finished, all your products and collections will be up to date in the app.
Info
Your store is also fully synced every 24 hours.
Once you’ve made changes to your products and collections/categories, you should 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.
- Once it’s finished, all your products and collections will be up to date in the app.
Info
Your store is also fully synced every 24 hours.
Once you’ve made changes to your products and collections/categories, you should 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.
- Once it’s finished, all your products and collections will be 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.
-
You can start from scratch or use one of our pre-designed Skincare templates.
Tip
Check out our previous step-by-step tutorial to learn how to use the Quiz Builder.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name question
to make the quiz personal. Multiple-choice questions
can be useful in finding out the client’s age, skin type, skin concerns or the environment they live in.- Additionally, a skin sensitivity question will be added. In the next section of this tutorial, you’ll learn how to exclude products containing allergens from your 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.
-
You can start from scratch or use one of our pre-designed Skincare templates.
Tip
Check out our previous step-by-step tutorial to learn how to use the Quiz Builder.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Multiple-choice question
to find out the client’s age and skin type. - Use a
Name question
to 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.
-
You can start from scratch or use one of our pre-designed Skincare templates.
Tip
Check out our previous step-by-step tutorial to learn how to use the Quiz Builder.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name question
to make the quiz personal. Multiple-choice questions
can be useful in finding out the client’s age, skin type, skin concerns or the environment they live in.- Additionally, a skin sensitivity question will be added. In the next section of this tutorial, you’ll learn how to exclude products containing allergens from your 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.
-
You can start from scratch or use one of our pre-designed Skincare templates.
Tip
Check out our previous step-by-step tutorial to learn how to use the Quiz Builder.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name question
to make the quiz personal. Multiple-choice questions
can be useful in finding out the client’s age, skin type, skin concerns or the environment they live in.- Additionally, a skin sensitivity question will be added. In the next section of this tutorial, you’ll learn how to exclude products containing allergens from your 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.
-
You can start from scratch or use one of our pre-designed Skincare templates.
Tip
Check out our previous step-by-step tutorial to learn how to use the Quiz Builder.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name question
to make the quiz personal. Multiple-choice questions
can be useful in finding out the client’s age, skin type, skin concerns or the environment they live in.- Additionally, a skin sensitivity question will be added. In the next section of this tutorial, you’ll learn how to exclude products containing allergens from your 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.
-
You can start from scratch or use one of our pre-designed Skincare templates.
Tip
Check out our previous step-by-step tutorial to learn how to use the Quiz Builder.
-
Start building the quiz by adding simple questions relevant to the customer.
- Use a
Name question
to make the quiz personal. Multiple-choice questions
can be useful in finding out the client’s age, skin type, skin concerns or the environment they live in.- Additionally, a skin sensitivity question will be added. In the next section of this tutorial, you’ll learn how to exclude products containing allergens from your 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 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, let’s link the skin type collections/categories.
- You can link one or more collections/categories to the same choice.
- Continue like this and make sure that each choice in the quiz has products or collections/categories linked, otherwise you may end up with empty results.
Product recommendation algorithm
The product recommendation algorithm works like a voting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one vote.
- 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 votes.
Once your quiz is built and styled, you should add products or collections to individual choices.
Warning
It's recommended to either link products or a collection to each choice. Don't mix them.
If a product is upvoted in a choice but it is also in a collection that is linked to that choice, it will receive 2 votes from the same choice, which can skew the results.
For that reason, we recommend either linking individual products to a choice or a dedicated single 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
Upvoting
section and clickUpvote > Collections
. - For the age question, you can link the
Teens
,30-50
and50+
collections created earlier to each respective choice. - Then, link the
Skin type
collections to the choices in the Skin type question. For example, link theDry or Normal
collection to theDry
andNormal
choices. Link theCombination
collection to theCombination
choice. Link theOily
collection to theOily
choice.
Product recommendation algorithm
The product recommendation algorithm works like a voting system.
- Products/Collections of products are linked to each choice.
- When a customer picks that choice all the linked products receive one vote.
- 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 votes.
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, let’s link the skin type collections/categories.
- You can link one or more collections/categories to the same choice.
- Continue like this and make sure that each choice in the quiz has products or collections/categories linked, otherwise you may end up with empty results.
Product recommendation algorithm
The product recommendation algorithm works like a voting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one vote.
- 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 votes.
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, let’s link the skin type collections/categories.
- You can link one or more collections/categories to the same choice.
- Continue like this and make sure that each choice in the quiz has products or collections/categories linked, otherwise you may end up with empty results.
Product recommendation algorithm
The product recommendation algorithm works like a voting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one vote.
- 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 votes.
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, let’s link the skin type collections/categories.
- You can link one or more collections/categories to the same choice.
- Continue like this and make sure that each choice in the quiz has products or collections/categories linked, otherwise you may end up with empty results.
Product recommendation algorithm
The product recommendation algorithm works like a voting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one vote.
- 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 votes.
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, let’s link the skin type collections/categories.
- You can link one or more collections/categories to the same choice.
- Continue like this and make sure that each choice in the quiz has products or collections/categories linked, otherwise you may end up with empty results.
Product recommendation algorithm
The product recommendation algorithm works like a voting system.
- Products are linked to each choice.
- When a customer picks that choice all the linked products receive one vote.
- 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 votes.
Exclude Products¶
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 products
text and a white bar will appear. - Simply add the products that contain an allergen.
Now, when a customer says he’s sensitive to aloe vera, all the products that contain it will be excluded from the possible recommendations.
Warning
❗Be careful when using exclusions. Once a product has been excluded it won't show on the results page, even if it was upvoted in another question.
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 products
text and a white bar will appear. - Simply add the products that contain an allergen.
Now, when a customer says he’s sensitive to aloe vera, all the products that contain it will be excluded from the possible recommendations.
Warning
❗Be careful when using exclusions. Once a product has been excluded it won't show on the results page, even if it was upvoted in another question.
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 products
text and a white bar will appear. - Simply add the products that contain an allergen.
Now, when a customer says he’s sensitive to aloe vera, all the products that contain it will be excluded from the possible recommendations.
Warning
❗Be careful when using exclusions. Once a product has been excluded it won't show on the results page, even if it was upvoted in another question.
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 products
text and a white bar will appear. - Simply add the products that contain an allergen.
Now, when a customer says he’s sensitive to aloe vera, all the products that contain it will be excluded from the possible recommendations.
Warning
❗Be careful when using exclusions. Once a product has been excluded it won't show on the results page, even if it was upvoted in another question.
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 products
text and a white bar will appear. - Simply add the products that contain an allergen.
Now, when a customer says he’s sensitive to aloe vera, all the products that contain it will be excluded from the possible recommendations.
Warning
❗Be careful when using exclusions. Once a product has been excluded it won't show on the results page, even if it was upvoted in another question.
Edit the Results Page¶
It’s time to edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the previous tutorial to see examples of different blocks being used.
-
To make the page more attractive, let’s add a
content block
. In this block, we’ll describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
It’s time to 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 previous tutorial to see examples of different blocks being used.
-
Add Product Block: Include a
Product Block
to display the recommended routine. InSlot settings
set theMax. recommended items
to four. - Preview the quiz: Update the preview/with the top-right
Save
button and clickPreview
to test the quiz. Take the quiz a few times to check if the recommended products are displayed in accordance with the product matrix.
It’s time to edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the previous tutorial to see examples of different blocks being used.
-
To make the page more attractive, let’s add a
content block
. In this block, we’ll describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
It’s time to edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the previous tutorial to see examples of different blocks being used.
-
To make the page more attractive, let’s add a
content block
. In this block, we’ll describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
It’s time to edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the previous tutorial to see examples of different blocks being used.
-
To make the page more attractive, let’s add a
content block
. In this block, we’ll describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
It’s time to edit the Results Page.
-
Add a heading, a logo or a content block to customize the page.
Tip
Check the previous tutorial to see examples of different blocks being used.
-
To make the page more attractive, let’s add a
content block
. In this block, we’ll describe every step in the beauty routine. - Remember to use Markdown language to style your text.
The page is almost done.
Add Slots¶
Now let’s add a space for products.
- As a skincare store, you’d like to recommend a routine composed of a cleanser, a toner, a serum, and a moisturizer.
- Use
+
to add aProduct Slots Block
and 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 won’t work unless you
include collections/categories
to each of them. It’s how they know 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.
Et voila! You’ve just created a dynamic result page for your beauty quiz!
Now let’s sort the recommended products into clear steps/categories. As a skincare store, you’d like to recommend a routine composed of a cleanser, a toner, a serum, and a moisturizer.
- Use
+ Add slot
to add extra slots to your Product Block on the Results page. You'll need 4 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 items
to 1 for each slot.
-
Slots won’t work as expected unless you
Add segments
to each of them. It’s how they know which products to choose.Open the Slot settings, scroll down to the
Add segments
section and clickAdd > Collection
.- Add the
Cleansers Quiz
smart collection in the Cleansers Slot - Add the
Toners Quiz
smart collection in the Toners Slot - Add the
Serums Quiz
smart collection in the Serum Slot, - Add the
Moisturizers Quiz
smart collection in the Moisturizer Slot.
- Add the
-
Save the changes with the top-right
Save
button.
Now let’s add a space for products.
- As a skincare store, you’d like to recommend a routine composed of a cleanser, a toner, a serum, and a moisturizer.
- Use
+
to add aProduct Slots Block
and 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 won’t work unless you
include collections/categories
to each of them. It’s how they know 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.
Et voila! You’ve just created a dynamic result page for your beauty quiz!
Now let’s add a space for products.
- As a skincare store, you’d like to recommend a routine composed of a cleanser, a toner, a serum, and a moisturizer.
- Use
+
to add aProduct Slots Block
and 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 won’t work unless you
include collections/categories
to each of them. It’s how they know 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.
Et voila! You’ve just created a dynamic result page for your beauty quiz!
Now let’s add a space for products.
- As a skincare store, you’d like to recommend a routine composed of a cleanser, a toner, a serum, and a moisturizer.
- Use
+
to add aProduct Slots Block
and 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 won’t work unless you
include collections/categories
to each of them. It’s how they know 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.
Et voila! You’ve just created a dynamic result page for your beauty quiz!
Now let’s add a space for products.
- As a skincare store, you’d like to recommend a routine composed of a cleanser, a toner, a serum, and a moisturizer.
- Use
+
to add aProduct Slots Block
and 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 won’t work unless you
include collections/categories
to each of them. It’s how they know 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.
Et voila! You’ve just created a dynamic result page for your beauty quiz!
Preview the quiz¶
- Update the preview/live quiz with the top-right
Publish
button. - You can test the quiz by clicking the
Preview
/Test Quiz
button. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview with the top-right
Save
button. - You can test the quiz again by clicking the
Preview
button. - 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
Publish
button. - You can test the quiz by clicking the
Preview
/Test Quiz
button. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publish
button. - You can test the quiz by clicking the
Preview
/Test Quiz
button. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publish
button. - You can test the quiz by clicking the
Preview
/Test Quiz
button. - Take the quiz a few times to check if the correct products are recommended.
- Update the preview/live quiz with the top-right
Publish
button. - You can test the quiz by clicking the
Preview
/Test Quiz
button. - Take the quiz a few times to check if the correct products are recommended.
Publish¶
Now you’re ready to publish the quiz on your website. Let’s add it inline with a new page.
- To do that, go to the
Share
tab and select theInline
publish option. - Click
Show Instructions for Legacy Themes
. - Adjust the quiz’s width and height and click
Get code
to generate a code. - Copy the code and navigate to your
Online Store > Pages
in Shopify. - Add a new page and give it a name.
- Click the
Show HTML
button and paste the code copied from the app. - Make sure to
save
the changes.
Now you’re ready to publish the quiz on your website. Let’s add it inline with a new page.
- Go to the
Publish
section 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
Apps
menu select theInline Quiz
by 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
Save
button.
- In Shopify go to
- Create a new page:
- Next, head over to Shopify
Online Store > Pages
and create a new page. - Apply the quiz template to the page.
- Set the page visibility to `Visibe
- Next, head over 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 add a link to the page created in the previous step. - Save the changes with the top-right
Save
button.
- Next open Shopify
- From now on, the inline quiz will be visible on that page.
Now you’re ready to publish the quiz on your website. Let’s add it inline with a new page.
- Obtain Inline Embed Code: From the quiz builder, click
Share
, selectInline
mode. - Edit the inline quiz settings and click
Get the code
. Copy the HTML embed code. - In WordPress, open
Pages
and clickAdd New Page
. - In the editor, add a page title. Then, find a
Custom HTML
element 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
update
the page. - From now on, the inline quiz will be visible on that page.
Now you’re ready to publish the quiz on your website. Let’s 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 won't be loaded on your website. - Obtain Inline Embed Code: From the quiz builder, click
Share
, selectInline
mode. - Edit the inline quiz settings and click
Get the code
. Copy the HTML embed code. - In your Magento dashbaord go to
Content
>Pages
. ClickAdd New Page
. - Edit the Page Title and open the
Content
tab. ClickEdit with Page Builder
. - Select
Elements
>Rows
and drag a row into the canvas. - Next open
Elements
and pickHTML Code
. Drag theHTML Code
onto the Row. - Click the gear icon to open
HTML settings
. - Under
Enter HTML, CSS or JavaScript code
paste 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 you’re ready to publish the quiz on your website. Let’s 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 won't be loaded on your website. - Obtain Inline Embed Code: From the quiz builder, click
Share
, selectInline
mode. - 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 Content
switch to theHTML
editor. Paste the HTML code copied from the app. - Save the changes.
- From now on, the inline quiz will be visible on that page.
Now you’re ready to publish the quiz on your website. Let’s 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 won't be loaded on your website. - Obtain Inline Embed Code: From the quiz builder, click
Share
, selectInline
mode. - Edit the inline quiz settings and click
Get the code
. Copy the HTML embed code. - In your store customization options find the
Pages
menu and create a new page. - In the page editor find a
Custom HTML
element. 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.
Congratulations! You’ve just created and published your first skincare routine quiz!
This article explains provides a step by step video tutorial on how to create a skincare routine quiz with the Revenue Hunt app.