À retenir
- Le badge « Promo » apparaît automatiquement lorsque vous définissez un prix avant réduction sur un produit.
- Les badges « Nouveau », « Best Seller » 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 des produits sous forme de badges sur les pages de collection et de produits.
- Pour des badges personnalisés placés à des endroits précis, utilisez Fudge.
Les badges de produits attirent l’attention dans les grilles de collection et transforment les visiteurs en acheteurs. Un badge « Promo » ou « Best Seller » bien placé crée un sentiment d’urgence et sert de preuve sociale en un coup d’œil.
Pourquoi vous pouvez nous faire confiance
Nous avons travaillé sur l’optimisation du taux de conversion (CRO) de centaines de boutiques Shopify. Nous avons aussi créé Fudge — un éditeur de boutique assisté par l’IA noté 5.0 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, à condition de les utiliser avec modération.
Les badges fonctionnent car :
- Ils aident à prendre des décisions plus rapides sur la page collection où les acheteurs survolent les produits.
- “Promo” et “Meilleure vente” envoient de véritables 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 véridique (appeler tout et n’importe quoi “Meilleure vente” détruit la confiance).
- Le style du badge jure avec l’image du produit.
Une règle utile : n’appliquez des badges qu’à 20 à 30 % de votre catalogue à la fois maximum.
À lire aussi : Modifier les badges de produit dans Shopify.
À lire aussi : Ajouter des badges Meilleure vente dans Shopify.
À lire aussi : 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 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 également les paramètres de votre éditeur de thème ; certains thèmes ont une option "Afficher le badge de réduction" qui peut être désactivée. Si le badge n'apparaît toujours pas, il se peut que votre thème l'ait supprimé lors d'une personnalisation.
(compare_at_price - current_price) / compare_at_price, arrondi à l'entier inférieur. Ainsi, un produit qui passe de 100 $ à 80 $ affichera "-20 %". Certains thèmes arrondissent aux 5 % les plus proches ; d'autres affichent le pourcentage exact. De nombreux thèmes ont aussi un paramètre pour masquer le pourcentage et simplement afficher "Promo".
Vous pouvez, mais ce n'est pas recommandé. Un texte promotionnel incrusté dans vos images ne se met pas à jour lorsque les prix changent, ne se traduit pas pour d'autres devises ou marchés et nuit à votre SEO (Google ne peut pas lire les prix dans les images). Utilisez plutôt le prix avant réduction combiné au badge natif : c'est un système dynamique et cohérent.
Pas nativement dans l'éditeur de thème, mais c'est possible avec une logique Liquid personnalisée. Décrivez la condition à Fudge ("afficher ce badge réservé aux membres uniquement pour les clients avec le tag 'vip'") et l'outil enveloppera le badge dans le bon bloc {% if customer.tags contains '…' %}. C'est très pratique pour des labels VIP, des badges exclusifs au B2B ou tout ce qui dépend des attributs de vos clients.
Indirectement. Le texte présent dans des badges personnalisés (comme "Vegan" ou "Bio") et rendu dans le HTML de la page est indexable par Google, ce qui peut aider avec les mots-clés correspondants. Les badges natifs Promo et Épuisé ne sont pas très pertinents pour le SEO - ils relèvent davantage de l'interface utilisateur que de signaux de ranking.
