Comment ajouter des badges de produit dans Shopify (2026)

Dernière mise à jour
Spécialiste consulté
5 min de lecture
Jacques Blom
Jacques Blom
CTO chez Fudge.

Points clés

  • Le badge “Promo” (Sale) s’affiche automatiquement quand vous définissez un prix avant réduction sur un produit.
  • Les badges “Nouveau” (New), “Meilleure vente” (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.
  • Beaucoup de thèmes affichent les tags de produit sous forme de badges sur les pages de collection et de produit.
  • Pour utiliser des badges au style personnalisé à des endroits précis, utilisez Fudge.

Les badges de produit attirent l’œil dans les grilles de collection et transforment les simples visiteurs en acheteurs. Un badge “Promo” ou “Meilleure vente” bien placé crée un sentiment d’urgence et fait office de preuve sociale en un clin 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 :

Les badges ne fonctionnent plus quand :

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

Vous voulez des badges au style unique sur vos pages produit ? Décrivez-les à Fudge.
Try Fudge for Free

À 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 :


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 votre Éditeur de thème ; certains thèmes disposent d’une option pour afficher le badge de promotion qui peut être désactivée. S’il n’apparaît toujours pas, il se peut que votre thème ait supprimé le badge suite à une personnalisation.

Comment Shopify calcule-t-il le pourcentage de remise affiché sur un badge Promo ?

(prix avant réduction - prix actuel) / prix avant réduction, arrondi à l’entier inférieur. Ainsi, un produit passant de 100 € à 80 € affichera « -20 % ». Certains thèmes arrondissent aux 5 % les plus proches ; d’autres affichent le pourcentage exact. De nombreux thèmes proposent également un paramètre permettant de masquer le pourcentage pour afficher simplement « Promo ».

Puis-je utiliser des images de produits qui incluent déjà la promotion au lieu d’un badge Promo ?

Vous le pouvez, mais ce n’est pas recommandé. Un 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 ou devises, et nuit au SEO (Google ne peut pas lire les prix dans les images). Utilisez plutôt le prix avant réduction et le badge natif : c’est un système dynamique et cohérent.

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

Pas nativement dans l’Éditeur de thème, mais c’est possible avec de la logique Liquid personnalisée. Décrivez la condition à Fudge (« affiche ce badge Réservé aux membres uniquement pour les clients avec le tag ‘vip’ ») et il encapsulera le badge dans le bon bloc {% if customer.tags contains '…' %}. C’est idéal pour les labels VIP, les badges spécifiques au B2B ou tout ce qui est restreint par les attributs des clients.

Les badges ont-ils un impact sur mes résultats de recherche Shopify ?

Indirectement. Le texte des badges personnalisés (comme « Vegan » ou « Bio ») qui est inséré dans le code HTML de la page peut être indexé par Google, ce qui peut vous aider à vous positionner sur des mots-clés pertinents. Les badges natifs Promo ou Épuisé ne sont pas particulièrement pertinents pour le SEO – ils relèvent davantage de l’interface utilisateur que des signaux de classement.

Jacques's signature
Ajoutez des badges produit personnalisés simplement en décrivant ce que vous voulez.

You might also be interested in

Comment personnaliser votre page produit Shopify (2026)
Comment personnaliser la mise en page de votre produit sur Shopify : ajoutez des sections, réorganisez les blocs et créez des templates sur mesure pour certains produits spécifiques.
Comment ajouter des badges « Nouveau » dans Shopify (2026)
Découvrez comment ajouter des badges Nouveau, Édition limitée et Choix de l'équipe dans Shopify à l'aide de tags de produit, de paramètres de thème ou de code Liquid personnalisé.
Comment ajouter des badges Best-seller dans Shopify (2026)
Découvrez comment ajouter un badge Best-seller aux produits Shopify à l'aide de tags, des paramètres du thème, d'applications ou d'une solution Liquid sur mesure.