Comment créer une PDP Shopify qui convertit pour les marques Skincare

À retenir

• Une PDP skincare sur Shopify (page produit soin de la peau) doit répondre à des questions qu’une page produit classique ne rencontre jamais : est-ce que ça convient à mon type de peau, est-ce que ça va me donner des boutons, quelle est la concentration, et puis-je l’utiliser avec ce que j’ai déjà.
• Le contexte de la routine est l’action de merchandising skincare qui a le plus de valeur. Préciser où le produit s’intègre dans une routine AM ou PM, avec quoi l’associer et avec quoi ne pas le mélanger transforme un cross-sell en véritable conseil.
• Les données sur les ingrédients doivent aller dans des metafields et metaobjects, pas dans la description. Un glossaire des ingrédients stocké une fois en tant que metaobject peut être référencé par chaque produit qui l’utilise.
• La formulation des allégations est réglementée. Aux États-Unis, la frontière entre un cosmétique et un médicament dépend de l’usage prévu, et dans l’UE, les allégations cosmétiques doivent répondre à six critères communs, dont des preuves à l’appui.
• Inverser le risque lié à l’essai est plus important ici que dans la plupart des catégories : un format voyage comme vraie variante, une politique de retour visible sur la PDP, et un abonnement présenté comme pratique plutôt que comme un engagement forcé.

La plupart des conseils pour les pages produits sont neutres en termes de catégorie. Ils vous disent de corriger votre image principale, d’améliorer votre titre et d’ajouter des avis. C’est vrai, mais insuffisant pour le skincare.

Une PDP skincare sur Shopify échoue sur des questions auxquelles une page générale n’a jamais à répondre. Est-ce que ça marchera sur mon type de peau. Est-ce que ça va me donner des boutons. Qu’y a-t-il vraiment dedans. Combien de temps avant de voir des résultats. Y a-t-il un conflit avec l’acide que j’utilise déjà la nuit. Est-ce sans parfum. Ce guide ne couvre que les aspects spécifiques au skincare. Pour les bases générales, commencez par notre guide sur les pages produits Shopify qui convertissent et revenez ici.

Pourquoi vous pouvez nous faire confiance

Nous sommes dans l’écosystème Shopify depuis plus de quatre ans et avons travaillé avec des centaines de marques Shopify sur leurs boutiques, y compris des marchands de produits de beauté et de skincare. Nous développons Fudge, un éditeur de boutique IA noté 5.0 sur le Shopify App Store et ayant le statut Built for Shopify, nous travaillons donc directement sur la couche du thème où vivent ces blocs.

Ce qu’un acheteur de skincare se demande vraiment

Chaque question supplémentaire à laquelle un acheteur ne trouve pas de réponse sur la page est une raison de fermer l’onglet et d’aller lire un thread Reddit à la place. Les acheteurs de skincare arrivent avec des attentes spécifiques.

Répondez-y dans l’ordre où l’acheteur y pense, et non dans l’ordre où votre thème a décidé d’empiler les sections.

Au-dessus de la ligne de flottaison (above the fold) sur une PDP skincare

Le haut de la page n’a qu’un seul objectif : confirmer rapidement que c’est le bon choix. Cinq éléments méritent cet espace.

Le nom du produit plus une description de “ce qu’il fait”. Un nom fantaisiste seul oblige l’acheteur à chercher. Associez-le à une fonction simple : sérum, exfoliant, crème barrière. Ajouter la concentration dans le nom est une pratique à copier : The Ordinary vend un produit appelé Niacinamide 10% + Zinc 1%, et Paula’s Choice vend un 2% BHA Liquid Exfoliant.

La préoccupation principale qu’il résout. Un problème, mentionné une fois. Un produit qui prétend tout régler donne l’impression de ne rien régler.

La compatibilité avec le type de peau, mentionnée explicitement. “Convient à : tous les types de peau” est une vraie ligne sur la page de The Ordinary, placée à côté d’une liste “Cibles” de préoccupations. Même une réponse très large vaut mieux que le silence, car le silence pousse un acheteur à la peau sensible à imaginer le pire.

Taille et prix par ml ou oz. Le skincare s’achète sur la valeur par utilisation, et un sérum de 30 ml contre un de 50 ml à un prix différent est difficile à comparer de tête. Shopify possède un champ natif de prix unitaire qui s’affiche sur les pages produit, collection, panier et checkout sur les thèmes Online Store 2.0, et l’afficher est une obligation légale dans certaines régions.¹ En Liquid, il se lit via variant.unit_price et le filtre unit_price_with_measurement.²

Un bouton “add to cart” clair. Pas un add to cart en concurrence à parts égales avec un bouton d’abonnement, un upsell de bundle et un lien vers un quiz.

Les ingrédients comme atout de conversion, pas comme note légale en bas de page

La plus grande différence entre une PDP skincare et une page générique est que la liste des ingrédients est une raison d’acheter, pas une obligation de conformité que vous cachez dans un accordéon que personne n’ouvre.

Mettez en avant l’ingrédient phare et sa concentration

Si vous révélez la concentration, dites-le. Les deux exemples ci-dessus mettent le pourcentage dans le titre du produit. Si vous ne la révélez pas, dites plutôt quelque chose d’utile sur sa forme : quel dérivé, à quel pH, dans quel système de diffusion.

Il y a une raison technique pour laquelle la concentration compte, que la plupart des marques n’expliquent jamais aux acheteurs. La FDA exige que les ingrédients cosmétiques soient déclarés par ordre décroissant d’importance, mais les ingrédients présents à 1 % ou moins peuvent être listés dans n’importe quel ordre après ceux dépassant 1 %, et les colorants peuvent suivre dans n’importe quel ordre après cela.³ Donc, la position d’un actif dans une liste INCI n’indique presque rien à un acheteur une fois passées les premières entrées. Dévoiler le chiffre élimine les devinettes.

Affichez la liste INCI complète sur la page

Certaines marques la cachent. Les acheteurs soucieux des ingrédients la trouveront quand même, et ils feront confiance à la marque qui leur a facilité la tâche. Mettez la liste complète dans un bloc extensible près de la buy box plutôt qu’en bas de la page.

Un détail qui vaut la peine d’être copié : le bloc d’ingrédients de The Ordinary comporte une note indiquant que les formulations sont mises à jour avec le temps et que la liste affichée peut différer de celle sur la boîte en fonction de la région et de la date d’achat. C’est honnête, et cela prévient un ticket de support client.

Traduisez la liste en termes simples

La liste INCI est un document juridique rédigé en latin et en langage chimique. À côté, proposez un court glossaire des ingrédients qui comptent : le nom que l’acheteur reconnaît, ce qu’il fait et une ligne sur les personnes à qui il convient. Cinq à huit entrées suffisent amplement. Traduire les quarante, c’est du bruit. Pour la technique, consultez notre guide sur l’ajout d’ingrédients ou d’instructions d’entretien dans Shopify.

Rendez le “sans…” spécifique, pas basé sur la peur

“Clean” est un mot marketing sans signification fixe. “Hypoallergénique” a moins de sens que la plupart des gens ne le pensent : la FDA déclare clairement qu’il n’existe aucune norme ou définition fédérale régissant ce terme, et que les fabricants ne sont pas tenus de justifier cette allégation.⁴

Les attributs spécifiques sont plus crédibles et plus utiles. La page de The Ordinary indique une plage de pH de 5,00 à 6,50 avec des mentions sans alcool, sans huile, sans silicone, vegan et cruelty-free. Ce sont des faits vérifiables sur lesquels un acheteur peut s’appuyer. “Sans 1 300 produits toxiques” est un discours anxiogène qui invite l’acheteur à se méfier de la catégorie plutôt qu’à vous faire confiance.

Comment stocker les données sur les ingrédients sur Shopify

Ne tapez pas ça dans la description du produit. Les descriptions ne sont pas structurées, ne peuvent pas être filtrées et sont impossibles à mettre à jour à grande échelle.

Utilisez les metafields de produit pour les données propres à chaque produit. Créez des définitions sous Paramètres (Settings), puis Données personnalisées (Custom data), puis Produits. Un champ de texte sur une ligne pour l’ingrédient phare et sa concentration, un champ de texte multiligne pour la liste INCI complète, un champ de liste pour les attributs “sans…”. Une fois défini, le champ apparaît sur chaque produit de ce type et peut être connecté à un bloc compatible dans l’éditeur de thème.

Utilisez les metaobjects pour tout ce qui est partagé entre les produits. Les metaobjects sont des structures de données autonomes à champs multiples qui peuvent être référencées par de nombreuses ressources, ce qui correspond exactement à un glossaire d’ingrédients. Définissez un metaobject “Ingredient” avec des champs pour le nom INCI, le nom commun, ce qu’il fait et à qui il convient. Créez une entrée par ingrédient. Ensuite, donnez aux produits un metafield de type “liste de références de metaobject” et faites pointer chaque produit vers les quatre ou cinq entrées qui s’appliquent.

Le gain, c’est que lorsque vous réécrivez votre explication sur la niacinamide, elle se met à jour sur chaque produit qui utilise de la niacinamide. C’est la différence entre un vrai modèle de données et une habitude de copier-coller.

Contexte de la routine et cross-sell qui aide vraiment au lieu de faire du remplissage

C’est l’action de cross-sell spécifique au skincare qui a le plus de valeur sur la page, et la plupart des boutiques font l’impasse. Un cross-sell générique dit “vous aimerez peut-être aussi”. Un cross-sell skincare indique où ce produit se situe dans une routine et ce qui doit l’accompagner. Cela sonne comme un conseil, et le conseil convertit.

Quatre données font le travail.

L’ordre des étapes. The Ordinary étiquette sa page de sérum “STEP 2: TREAT” (Étape 2 : Traiter) au-dessus du nom du produit. L’acheteur sait immédiatement qu’il ne s’agit pas d’un nettoyant ni d’une crème hydratante.

AM, PM ou les deux. Une réponse en un mot qui élimine une véritable source de confusion, surtout pour les actifs.

Pairs with (S’associe avec). Paula’s Choice propose un bloc “Complete Your Routine” organisé par étapes : Nettoyer, Exfolier, Hydrater, chacune avec un produit nommé et un bouton d’ajout au panier, le produit actuel occupant sa propre étape. C’est un cross-sell qui se lit comme une routine.

À ne pas superposer avec. Le bloc le plus sous-utilisé dans l’e-commerce skincare. La page de The Ordinary comporte une liste explicite “Ne pas utiliser avec” nommant la vitamine C directe et indirecte, plus un outil de compatibilité pour vérifier deux produits de la gamme. Dire à un acheteur ce qu’il ne faut pas acheter avec ce produit est un fort signal de confiance, et cela évite l’avis “ça a irrité ma peau” qu’une mauvaise association aurait causé.

Sur Shopify, modélisez l’étape de la routine et AM/PM comme des metafields de produit avec une liste fixe de valeurs autorisées, et modélisez “s’associe avec” et “à ne pas superposer” comme des metafields de type liste de références de produits pour que les blocs affichent de vraies cartes de produits avec les prix et les stocks en temps réel. Pour plus d’exemples à copier, consultez notre sélection des meilleures boutiques Shopify en beauté et cosmétiques.

Des preuves dans une catégorie où les allégations sont réglementées

Les preuves en skincare ont un problème de crédibilité : les acheteurs en ont trop vu. La solution, c’est la spécificité.

Les photos avant/après et leurs limites

Les photos avant/après fonctionnent lorsque le problème est visible : texture, imperfections, rougeurs. Elles échouent pour l’hydratation, le soutien de la barrière cutanée ou tout ce qu’une photo ne peut pas montrer, et un acheteur qui sent qu’on force le trait cesse de croire le reste de la page.

Gardez l’éclairage, la distance et l’expression identiques entre les photos, indiquez le délai et l’utilisation, et ne faites aucune retouche. Si vous ne pouvez pas produire d’avant/après honnêtes, ne simulez pas le format avec des photos libres de droits.

Présentez les résultats d’études comme le fait une marque sérieuse

Les deux PDP mentionnées plus haut publient des allégations cliniques avec la taille de l’échantillon en note de bas de page. Paula’s Choice précise que son affirmation sur les pores et le sébum est basée sur une étude clinique indépendante avec 32 sujets après 4 semaines, et une autre affirmation sur la barrière cutanée s’appuie sur une étude de 29 sujets. The Ordinary associe ses résultats à une étude clinique sur 35 sujets appliquant le produit deux fois par jour pendant 8 semaines.

Copiez la structure : l’allégation, puis la taille de l’échantillon, la durée et si le résultat a été mesuré ou auto-évalué. Une petite étude décrite honnêtement vaut mieux qu’un gros chiffre sans méthodologie.

Faites attention aux verbes. Les deux marques écrivent “réduit visiblement” et “réduit l’apparence des pores” plutôt que “resserre les pores”. Cette formulation est délibérée, et la section suivante explique pourquoi.

”Testé sous contrôle dermatologique” n’est pas “Recommandé par les dermatologues”

Ce sont des allégations différentes et les acheteurs les confondent. “Testé sous contrôle dermatologique” signifie qu’un dermatologue a participé aux tests, ce qui ne dit rien sur le résultat. “Recommandé par les dermatologues” implique une approbation et nécessite de réelles preuves. Si vous utilisez l’un ou l’autre, soyez prêt à dire en quoi consistaient les tests et qui les a réalisés.

Les avis filtrés par type de peau et problématique

Une moyenne de cinq étoiles est une preuve faible en skincare. Une moyenne de cinq étoiles donnée par des personnes ayant le même type de peau que vous est une preuve solide.

Les plateformes d’avis permettent cela via des attributs personnalisés : collectez le type de peau, les problèmes de peau et l’âge au moment de laisser l’avis, puis laissez les acheteurs filtrer le widget via ces attributs. Trois à cinq attributs est la limite pratique avant que le taux de réponse n’en souffre.

Deux petits détails augmentent la crédibilité. Affichez la répartition complète des notes plutôt que seulement la moyenne, comme le fait Paula’s Choice avec une répartition par étoile sur ses plus de 5 000 avis. Et annoncez clairement votre politique : la section avis de The Ordinary indique que la marque publie tous les avis, positifs ou négatifs.

Les photos de clients non retouchées ont également plus de poids ici que les images studio, car elles montrent le produit sur une peau qui n’est pas éclairée par des professionnels. Placez un bandeau UGC sous les avis plutôt que de le mettre en concurrence avec la galerie principale. Pour les options d’intégration, consultez notre guide sur l’ajout de widgets d’avis dans Shopify.

Une brève note sur la formulation des allégations

Ceci n’est pas un conseil juridique, et un spécialiste de la réglementation devrait examiner vos textes avant leur publication.

Aux États-Unis, le fait qu’un produit soit un cosmétique ou un médicament est déterminé par son utilisation prévue (intended use). Le FD&C Act définit en partie les médicaments comme des articles destinés au diagnostic, à la guérison, à l’atténuation, au traitement ou à la prévention de maladies, et des articles destinés à affecter la structure ou toute fonction du corps. Ainsi, des allégations telles que la restauration de la pousse des cheveux, la réduction de la cellulite ou la modification de la production de mélanine peuvent faire d’un produit un médicament même s’il est commercialisé comme cosmétique.⁵ Dans l’UE, le règlement (UE) n° 655/2013 de la Commission fixe six critères communs que chaque allégation cosmétique doit respecter : conformité légale, véracité, éléments probants, honnêteté, équité et choix éclairé.⁶

C’est pour cela que les marques prudentes écrivent “réduit l’apparence de” plutôt que “élimine”.

Inverser le risque pour un achat perçu comme risqué

Le skincare comporte un risque qu’un t-shirt n’a pas : le produit pourrait aggraver l’état de votre visage. Faites baisser ce risque.

Vendez un format voyage ou échantillon comme une vraie variante. Paula’s Choice propose son exfoliant en format voyage de 1 fl. oz. et en format 10 cotons aux côtés du format classique de 4 fl. oz., le tout dans le même sélecteur de variantes. Un acheteur hésitant obtient un point d’entrée avec peu d’engagement sans quitter la page.

Affichez la politique de retour ou de satisfaction sur la PDP, pas dans le footer. The Ordinary indique une politique de retour de 365 jours dans la zone de la buy box, et Paula’s Choice affiche une garantie de remboursement à 100 % près du bloc de preuves. Si votre politique est bonne, elle doit se trouver là où la décision se prend. Consultez notre guide sur l’ajout de garanties sur une page produit Shopify.

Présentez l’abonnement comme une commodité, pas comme un piège. Le skincare est véritablement un produit consommable, le réassort est donc un réel avantage. Indiquez la fréquence, la réduction et la façon de se désabonner dans le même bloc. Cacher les conditions d’annulation coûte plus cher en confiance que ce que ça rapporte en rétention.

Gérez la question de la grossesse sans y répondre. Ne prenez pas de décision de sécurité sur une page produit. Énoncez les faits de la formulation, notez les actifs présents et dirigez l’acheteuse vers un professionnel de santé.

Filtrage, variantes et comportement lors du changement de variante

Les catalogues skincare se parcourent par type de peau et préoccupation, et non par nom de collection.

Stockez le type de peau et la préoccupation en tant que données structurées, soit sous forme de tags, soit sous forme de list metafields, puis exposez-les comme filtres sur la boutique. Un acheteur qui peut filtrer sur “peau grasse, imperfections” accède à une sélection en un clic au lieu de lire douze pages produits. Si le problème de navigation est trop complexe pour un simple filtre, un parcours guidé fonctionne mieux : consultez notre guide pour créer un funnel de quiz Shopify.

Le changement de variante doit mettre à jour tout ce qui a changé. En skincare, cela signifie généralement la taille. Le changement doit donc mettre à jour le prix, le prix unitaire, l’image du packaging, la disponibilité et l’URL.

Un piège spécifique au skincare : si une variante a un dosage différent plutôt qu’une taille différente, le bloc d’ingrédients et les instructions d’utilisation doivent changer avec, ce qui signifie que ces champs appartiennent à la variante plutôt qu’au produit.

Mobile et vitesse de page

La majeure partie du trafic skincare se fait sur mobile, et les deux éléments les plus lourds sur une PDP skincare sont les deux plus spécifiques à cette catégorie : les blocs d’ingrédients et le widget d’avis.

Le contenu sur les ingrédients doit se replier, pas disparaître. Mettez la liste INCI complète, les instructions d’utilisation et le glossaire dans des accordéons. Gardez l’ingrédient phare et la ligne du type de peau développés, car ce sont eux qui motivent la décision. N’empilez pas non plus six accordéons fermés d’affilée, car cela donne l’impression que vous cachez des choses. Regroupez-les en ingrédients, mode d’emploi, et expéditions/retours.

Les widgets d’avis sont la source habituelle de ralentissement. La plupart des applications d’avis tierces injectent leurs propres scripts, polices et feuilles de style, qui se chargent souvent que l’acheteur scrolle jusque-là ou non. Chargez le widget en lazy loading, conservez la note globale rendue côté serveur pour éviter les layout shifts (décalages de mise en page), et mesurez le poids réel plutôt que de faire des suppositions.

Un sticky add to cart mérite sa place ici car les pages skincare sont longues. L’acheteur qui vient de terminer le glossaire des ingrédients ne devrait pas avoir à scroller tout en haut.

Quoi construire et où

Une partie relève des paramètres du thème, une autre nécessite de la modélisation de données, et une autre demande une section personnalisée. Savoir distinguer tout ça évite bien des efforts inutiles.

Le travail sur les metafields est une configuration unique qui s’avère payante pour tout le catalogue. Notre guide sur l’ajout de metafields aux produits Shopify couvre l’étape des définitions.

Les sections personnalisées sont là où la plupart des marques de skincare bloquent, car aucun thème n’est livré avec un bloc d’étape de routine ou un bloc de conflit de layering. C’est le vide que Fudge comble : vous décrivez le bloc, et il écrit le Liquid, CSS et JavaScript dans votre thème, en lisant les données existantes de votre marque et de vos produits. Le résultat est un code de thème natif plutôt qu’une surcouche rendue par une application, il n’y a donc pas de script supplémentaire sur la page et le bloc reste en place si jamais vous désinstallez Fudge.

FAQ