Comment ajouter des badges de produit dans Shopify (2026)

Dernière mise à jour
•
Revu par un expert
•
5 min de lecture

À retenir

  • Le badge “Promo” (Sale) apparaît automatiquement lorsque vous définissez un prix avant réduction sur un produit.
  • Les badges “Nouveau”, “Meilleure vente” et personnalisés dépendent de votre thème - vérifiez d’abord les paramètres de l’Éditeur de thème.
  • Certains thèmes affichent les balises (tags) de produits comme des badges ; Dawn et la plupart des thèmes gratuits ne le font pas.
  • Pour des badges au style personnalisé dans des positions spécifiques, utilisez Fudge.

Pour ajouter des badges de produits dans Shopify, définissez un prix avant réduction pour obtenir un badge Promo automatique. Pour les badges Nouveau, Meilleure vente ou personnalisés, vérifiez les paramètres de badge de votre thème ou utilisez des balises de produit, une application ou une petite modification Liquid. Les badges de produits aident un produit à se démarquer dans une grille de collection.

Pourquoi vous pouvez nous faire confiance

Nous avons travaillé sur l’optimisation du taux de conversion (CRO) de centaines de boutiques Shopify. Nous avons également créé Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 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 incluent des systèmes de badges intégrés qui vont au-delà de la simple mention “Promo”. Vérifiez les paramètres de votre thème avant de chercher des solutions de contournement.

Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.

Étape 2. Cliquez sur une carte produit dans une vue de collection, ou accédez à une page produit.

Étape 3. Regardez dans les paramètres du bloc ou de la section pour trouver les options liées aux badges. Les libellés courants incluent “Badges de produit”, “Étiquettes” ou “Stickers”.

Étape 4. Certains thèmes vous permettent de définir quelle balise de produit déclenche quel badge. Par exemple, ajoutez la balise “new” à un produit et le thème affichera un badge “Nouveau” sur la carte de ce produit.

Si votre thème le permet, activez-le ici et appliquez les balises correspondantes aux produits.

Pour un badge “Nouveau” et savoir quand le retirer, consultez Ajouter un badge “Nouveau” dans Shopify.


Utiliser les tags de produit comme badges

Certains thèmes affichent les balises de produits comme des badges ; Dawn et la plupart des thèmes gratuits ne le font pas.

Pour ajouter une balise à un produit :

Étape 1. Ouvrez le produit dans l’interface d’administration.

Étape 2. Dans la barre latérale droite, trouvez le champ Balises (Tags).

Étape 3. Ajoutez la balise (par ex., “new”, “bestseller”, “limited-edition”).

Étape 4. Enregistrez.

Le fait que cette balise s’affiche sous forme de badge visible dépend entièrement de votre thème. Vérifiez vos pages de collection après avoir ajouté une balise pour voir si quelque chose apparaît. Si c’est le cas, vous disposez d’un système simple pour contrôler les badges depuis l’interface d’administration.


Les badges de produit en valent-ils la peine ?

Oui - lorsqu’ils sont utilisés avec modération.

Les badges fonctionnent car :

  • Ils déclenchent des décisions plus rapides sur les grilles de collection où les acheteurs parcourent rapidement les produits
  • “Promo” et “Meilleure vente” véhiculent de véritables signaux de preuve sociale
  • Les badges d’urgence (“Stock faible”, “Se vend vite”) réduisent l’hésitation

Les badges cessent de fonctionner lorsque :

  • Chaque produit a un badge - ils deviennent une nuisance visuelle
  • Le badge n’est pas exact (qualifier tout de “Meilleure vente” érode la confiance)
  • Le style jure avec l’image du produit

Une règle utile : n’appliquez des badges qu’à 20 à 30 % de votre catalogue à la fois.

Vous voulez des badges au style personnalisé sur vos pages produits ? Décrivez-les à Fudge.
Démarrer l'essai gratuit

Pour un badge Meilleure vente, consultez Ajouter des badges Meilleure vente dans Shopify.


Des badges de produit personnalisés sans coder

Si votre thème ne prend pas en charge le type de badge dont vous avez besoin, ou si le style ne convient pas, vous avez deux options sans avoir à toucher au code vous-même :

Une application Shopify - plusieurs applications ajoutent une fonctionnalité de badge personnalisé. Cherchez “product badges” dans le Shopify App Store.

Fudge - décrivez exactement ce que vous voulez et Fudge, l’opérateur IA pour les boutiques Shopify, génère le badge en code Liquid natif dans votre thème.

Par exemple : “Ajoute un badge ‘Vegan’ dans le coin supérieur gauche des images de produits sur les pages de collection, pour tout produit ayant la balise ‘vegan’. Donne-lui un fond vert et un texte blanc.”

Fudge prépare la modification dans son éditeur de boutique pour que vous puissiez la vérifier avant sa mise en ligne, puis compare le taux d’ajout au panier sur ces pages avant et après l’apparition des badges.


Options d’emplacement pour les badges

Positions courantes pour les badges sur les pages produits Shopify :

  • En haut à gauche de l’image du produit - le plus visible, idéal pour les badges Promo et de statut
  • En haut à droite de l’image du 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 comme “Vegan” ou “Bio”
  • À côté du prix - emplacement naturel pour le contexte du prix soldé

Pour des libellés de texte sous le titre plutôt que des badges sur l’image, consultez Libellés vs. Badges.


FAQ

Pourquoi mon badge Promo ne s'affiche-t-il pas sur Shopify ?

Le prix avant réduction doit être supérieur au prix actuel - s'ils sont égaux ou si le prix avant réduction est vide, aucun badge n'apparaît. Vérifiez également les paramètres de l'Éditeur de thème de votre thème ; certains thèmes ont un bouton "Afficher le badge de réduction" qui peut être désactivé. S'il est toujours absent, votre thème a peut-être supprimé le badge lors d'une personnalisation.

Comment est calculé le pourcentage sur un badge Promo ?

Par votre thème, généralement comme suit : (prix avant réduction - prix) / prix avant réduction. Un produit passant de 100 € à 80 € affiche "-20%". Dawn affiche "Promo" sans pourcentage ; d'autres thèmes ont un paramètre pour cela.

Puis-je mettre le texte "Promo" directement dans l'image du produit au lieu d'utiliser un badge ?

Vous pouvez, mais ce n'est pas recommandé. Le texte de promotion incrusté dans les images de produits ne se met pas à jour lorsque les prix changent, ne se traduit pas pour d'autres marchés/devises et nuit au SEO (Google ne peut pas lire les prix dans les images). Utilisez plutôt le prix avant réduction + le badge natif - c'est dynamique et cohérent.

Puis-je afficher des badges différents pour différents segments de clients ?

Pas nativement dans l'Éditeur de thème, mais oui avec une logique Liquid personnalisée. Décrivez la condition à Fudge ("affiche ce badge 'Réservé aux membres' uniquement aux clients ayant la balise 'vip'") et il enveloppera le badge dans le bon bloc {% if customer.tags contains '…' %}. Utile pour les labels VIP, les badges spécifiques au B2B ou tout ce qui est restreint par les attributs des clients.

Les badges affectent-ils mes résultats de recherche Shopify ?

Indirectement. Le texte des badges personnalisés (comme "Vegan" ou "Bio") qui est rendu dans le code HTML de la page est indexable par Google, ce qui peut aider pour les correspondances de mots-clés pertinents. Les badges natifs Promo et Épuisé ne sont pas particulièrement pertinents pour le SEO - ils relèvent de l'UI destinée à l'acheteur plutôt que de signaux de classement.

Jacques's signature
Ajoutez des badges de produits personnalisés juste en décrivant ce que vous voulez.

You might also be interested in

Jacques Blom
Jacques Blom
CTO chez Fudge.