Points clés
- Le badge “Promo” apparaît automatiquement lorsque vous définissez un prix de comparaison sur un produit.
- Les badges “Nouveau”, “Meilleure vente” et les badges personnalisés dépendent de votre thème - vérifiez d’abord les paramètres de l’éditeur de thème.
- De nombreux thèmes affichent les tags de produits sous forme de badges sur les pages de collection et de produits.
- Pour des badges au design personnalisé et à des emplacements spécifiques, utilisez Fudge.
Les badges de produits attirent l’attention dans les grilles de collection et transforment les visiteurs en acheteurs. Un badge “Promo” ou “Meilleure vente” bien placé crée l’urgence et sert de preuve sociale au premier coup d’œil.
Pourquoi vous pouvez nous faire confiance
Nous avons travaillé sur l’optimisation du taux de conversion de centaines de boutiques Shopify. Nous avons également créé Fudge — un éditeur de vitrine par IA noté 4.8 sur le Shopify App Store.
Le badge “Promo” - automatique
Shopify affiche automatiquement un badge “Promo” sur tout produit pour lequel le prix avant réduction est supérieur au prix actuel.
Pour déclencher le badge Promo :
Étape 1. Ouvrez un produit dans l’interface d’administration.
Étape 2. Dans la section Prix, saisissez le prix actuel (réduit) dans le champ Prix.
Étape 3. Saisissez le prix d’origine dans le champ Prix avant réduction.
Étape 4. Enregistrez.
Le badge apparaît automatiquement sur les pages de collection et les pages de produit. Le style exact et l’emplacement sont gérés par votre thème.
“Nouveau”, “Meilleure vente” et autres badges du thème
Certains thèmes Shopify intègrent des systèmes de badges natifs qui vont au-delà de la simple “Promo”. Vérifiez les paramètres de votre thème avant de chercher d’autres solutions.
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Cliquez sur une carte produit dans votre collection, ou allez sur une page produit.
Étape 3. Regardez dans les paramètres du bloc ou de la section pour trouver les options liées aux badges. On les retrouve souvent sous les noms “Product badges”, “Labels” ou “Stickers”.
Étape 4. Certains thèmes vous permettent de définir quel tag de produit déclenche quel badge. Par exemple, si vous ajoutez le tag “new” à un produit, le thème affiche un badge “Nouveau” sur la carte de ce produit.
Si votre thème le permet, activez l’option à cet endroit et appliquez les bons tags à vos produits.
À lire aussi : Ajouter une image au survol sur les cartes produits Shopify.
À lire aussi : Ajouter de nouveaux badges dans Shopify.
Utiliser les tags de produit comme badges
Même sans prise en charge spécifique des badges par le thème, de nombreux thèmes affichent visuellement les tags de produit sur les grilles de collection.
Pour ajouter un tag à un produit :
Étape 1. Ouvrez le produit dans l’interface d’administration.
Étape 2. Dans la barre latérale droite, cherchez le champ Balises.
Étape 3. Ajoutez le tag (par ex. “new”, “bestseller”, “limited-edition”).
Étape 4. Enregistrez.
Le fait que ce tag s’affiche sous forme de badge dépend entièrement de votre thème. Vérifiez vos pages de collection après avoir ajouté un tag pour voir si quelque chose apparaît. Si c’est le cas, vous disposez d’un système simple pour gérer vos badges depuis l’admin.
Les badges de produit en valent-ils la peine ?
Oui - lorsqu’ils sont utilisés avec modération.
Les badges fonctionnent parce que :
- Ils déclenchent des décisions plus rapides sur les pages collections où les acheteurs survolent les produits
- Les mentions « Promo » et « Meilleure vente » apportent de vrais signaux de preuve sociale
- Les badges d’urgence (« Stock faible », « Se vend vite ») réduisent l’hésitation
Les badges ne fonctionnent plus quand :
- Chaque produit a un badge - cela devient du bruit visuel
- Le badge n’est pas précis (qualifier tout de « Meilleure vente » nuit à la confiance)
- Le style jure avec l’image du produit
Une règle utile : n’appliquez des badges qu’à 20-30 % maximum de votre catalogue en même temps.
Sur le même sujet : Modifier les badges produits sur Shopify.
Sur le même sujet : Ajouter des badges Meilleure vente sur Shopify.
Sur le même sujet : Ajouter des badges de confiance au checkout Shopify.
Des badges de produit personnalisés sans coder
Si votre thème ne prend pas en charge le type de badge qu’il vous faut, ou si le style ne va pas, il vous reste deux options pour ne pas toucher au code vous-même :
Une application Shopify : plusieurs apps permettent d’ajouter des badges personnalisés. Cherchez “product badges” dans le Shopify App Store.
Fudge : décrivez exactement ce que vous voulez et Fudge génère le badge en code Liquid natif directement dans votre thème.
Par exemple : “Ajoute un badge ‘Vegan’ dans le coin supérieur gauche des images de produit sur les pages de collection, pour tout produit avec le tag ‘vegan’. Mets un fond vert et du texte blanc.”
Fudge prépare un brouillon de la modification pour que vous puissiez la relire avant la mise en ligne.
Options d’emplacement pour les badges
Positions courantes des badges sur les pages produits Shopify :
- En haut à gauche de l’image produit - très visible, idéal pour les badges Promo et de statut
- En haut à droite de l’image produit - position alternative si le coin supérieur gauche entre en conflit avec d’autres éléments
- Sous le titre du produit - fonctionne bien pour les labels de confiance de type “Vegan” ou “Bio”
- À côté du prix - emplacement naturel pour préciser un prix réduit
FAQ
Le prix avant réduction (compare-at price) doit être supérieur au prix actuel - s'ils sont égaux ou que le prix avant réduction est vide, aucun badge n'apparaît. Vérifiez aussi les paramètres de l'éditeur de thème ; certains thèmes ont une option "Afficher le badge de réduction" qui peut être désactivée. S'il manque toujours, votre thème l'a peut-être supprimé lors d'une personnalisation.
(compare_at_price - current_price) / compare_at_price, arrondi à l'entier inférieur. Un produit passant de 100 € à 80 € affichera donc "-20 %". Certains thèmes arrondissent aux 5 % les plus proches ; d'autres affichent le pourcentage exact. De nombreux thèmes permettent aussi de désactiver le pourcentage pour afficher simplement "Promo".
C'est possible, mais déconseillé. Le texte incrusté dans les images ne s'adapte pas quand les prix changent, ne se traduit pas pour d'autres marchés/devises, et nuit au SEO (Google ne lit pas les prix dans les images). Utilisez plutôt le prix avant réduction + un badge natif - c'est dynamique et cohérent.
Pas nativement dans l'éditeur de thème, mais oui avec de la logique Liquid personnalisée. Décrivez la condition à Fudge ("affiche ce badge Membres uniquement aux clients avec le tag 'vip'") et il entourera le badge avec le bon bloc {% if customer.tags contains '…' %}. Pratique pour les labels VIP, les badges spécifiques B2B, ou tout ce qui est conditionné par les attributs clients.
Indirectement. Le texte des badges personnalisés (comme "Vegan" ou "Bio") qui est généré dans le HTML de la page est indexable par Google, ce qui peut aider pour des mots-clés pertinents. Les badges natifs Promo ou Épuisé n'ont pas vraiment d'impact SEO - c'est de l'UI pour les acheteurs plutôt que des signaux de classement.
