Back to the blog

Shopify cosmetics stores: product pages, routines and skin quizzes

Herbera and Cocunat illustrate two challenges in cosmetics ecommerce, helping people choose and connecting sales channels.
Shopify cosmetics stores

A cosmetics store on Shopify has to help buyers choose products and understand how to use them. A product page answers questions about one item. A routine puts several products in order. A quiz can help buyers who still need a recommendation. Herbera and Cocunat illustrate two distinct jobs, helping people choose and coordinating several sales channels.

Herbera Cosmetics: connecting a skin assessment to the store

At Migraciones.io, we migrated Herbera from WooCommerce to Shopify and built a custom theme. Its previous skin quiz was unreliable and the team was losing answers. We rebuilt the journey and connected it to Klaviyo so the team could follow up after giving a recommendation.

A product page explains how one formula fits into a routine. A quiz uses answers to choose what to recommend. Test the results for different profiles and check what happens when the recommended item is out of stock.

First question in Herbera’s skin quiz with options for describing skin
From the Herbera quiz. The shopper describes their skin before seeing product recommendations.

Cocunat: coordinating stores, markets and ecommerce

Shopify’s Cocunat case study documents a move from custom infrastructure and the work to connect stores and online sales. For brands expanding across markets, identify who maintains pricing and range, which locations supply inventory and how you distinguish first-time buyers from returning ones.

The case describes a custom storefront. If you are choosing a Shopify theme for a small team, use daily tasks as the test. Can the team edit product pages, collections and routines in the tools it already uses?

What a cosmetics product page needs to answer

  • Choice. Who the product is for, its format and quantity. Keep ingredient and usage information easy to find on mobile.
  • Application. Where it fits in a routine, when to apply it and instructions specific to the formula.
  • Purchase. Make single products, sets and variants easy to distinguish. Check price and contents in the cart.
  • Reorder. Help customers find the same product again. For reminders, review consent and the data each message needs.

When to use a routine, a bundle or a quiz

Use a routine to explain an order of application. Use a bundle when the contents and total price can be stated clearly. Save the quiz for choices that depend on the answers. Walk through all three on mobile and see whether a shopper can explain what they are buying, why and what is included.

What Herbera’s before-and-after comparison shows

The Herbera case compares the same eye contour product in WordPress and Shopify. It shows where the description, instructions and purchase options appear. The project combined design, migration and a quiz, so use the screenshots to study page structure.

The same Herbera eye contour product on WordPress and later on Shopify
Cropped screenshots from the Herbera case. WordPress is on the left and Shopify on the right. Compare the order in which the page presents product information.

Try this on mobile. Ask someone to find the pack size, explain when to apply the product and add the right format to the cart. Note where they need another page or have to go back. That helps distinguish a missing detail from a detail that is hard to find.

Organise catalogue data so the team can maintain it

Which details belong where
DetailHow to use it
Format and quantityUse a variant when it changes what enters the cart. Match the product page and order.
Ingredients and useKeep editable information per product. Test that missing data does not show an empty panel.
Routine stepReuse the field to order products and build routine collections.
Bundle contentsShow what the cart contains. Decide what happens when one item is unavailable.

Use Shopify metafields to store product details. Decide which details the whole line shares and which are specific to a product before setting them up. A single ingredient list can then support several layouts.

Check whether a skin quiz recommends useful products

  1. Identify which questions change a recommendation and which products each answer can lead to.
  2. Test an incomplete profile, overlapping rules and an unavailable result.
  3. Show why each item appears and let shoppers open its product page before buying.
  4. Check what Klaviyo receives when a shopper consents to follow-up and what the shopper sees if they only want the result.

Herbera’s team can update questions, products and rules in the theme. Keep cosmetic advice separate from questions that need a health professional.

What should you measure?

Follow starts, displayed results, product clicks and purchases. A high completion rate says little about whether shoppers can buy the recommended item. Review stock and which recommendations people actually open.

What to keep when moving from WooCommerce

List the products and categories that get search traffic, their variants and the information that distinguishes them. Map where each old link should land. For Herbera, design and data moved in parallel so we could check the new store before the switch. See our Shopify migration approach, Shopify design service and Klaviyo integration.

First published on this site on 12 November 2026. The date above indicates where this guide sits in the editorial archive.