Badges produit : promo, nouveauté, best-seller qui convertissent
Les badges produit sont parmi les outils de conversion les plus simples et les plus puissants de votre boutique Shopify. Un petit rectangle jaune "Promo -20%" ou un badge "Nouveau" bien placé peut suffire à attirer l'oeil du client et lui donner confiance. Mais comme tout outil puissant, une mauvaise exécution le ruine. Cet article vous guide pour créer des badges qui vendent vraiment.
Pourquoi les badges produit convertissent
Un badge bien conçu résout deux problèmes clients :
- La confiance : un badge "Meilleur vente" ou "Certifié par nos clients" rassure. Le client sait que ce produit a fait ses preuves.
- L'urgence : un badge "Promo expire demain" crée une légère pression pour acheter maintenant, pas plus tard.
Les badges remplacent aussi la seconde de lecture du client. Au lieu de lui expliquer, vous montrez l'information instantanément en image. C'est particulièrement puissant sur mobile, où chaque pixel compte.
Types de badges à utiliser (et quand)
Promo & réduction
Quand : vous avez une réduction active, limitée dans le temps ou en quantité.
Bon exemple : "-30%" ou "Promo flash" en rouge/orange. Clair, lisible, crédible.
Mauvais exemple : "-30% jusqu'à demain 14h15 en magasin à Lyon" — trop d'infos, le client ne lit pas.
Règle : une seule info par badge. "-30%" suffit. Laissez la page produit expliquer les conditions.
Nouveauté
Quand : votre produit a moins de 30 jours en catalogue (vous décidez du délai).
Bon exemple : "Nouveau" en bleu clair ou noir, placé en haut à gauche.
Mauvais exemple : "Tout nouveau - enfin sorti - jamais vu" — soyez concis.
Utilisez une couleur neutre (noir, gris, bleu) pour les nouveautés. Réservez le rouge/orange aux promotions.
Best-seller & plus vendu
Quand : c'est objectif. Vous savez que ce produit domine vos ventes.
Bon exemple : "Best-seller" ou "Plus vendu" en petit, discret. Crédibilité pure.
Mauvais exemple : Ne jamais inventer. Si ce n'est pas vrai, votre client (et la loi) vous le fera payer.
Erreurs courantes à éviter
Trop de badges
Voir un produit avec 4-5 badges simultanés ("Nouveau", "Promo", "Best-seller", "Gratuit frais port", "Limité") crée du bruit. Le client ne sait pas quoi regarder.
Solution : une seule règle active à la fois. Si un produit est à la fois nouveau ET en promo, choisissez la plus urgente (promo). Quand la promo expire, passez au badge "Nouveau".
Contraste insuffisant
Un badge jaune pâle sur une image jaune disparaît. Testez toujours sur l'image réelle du produit, pas sur un fond blanc générique.
Solution : si votre produit est clair, utilisez un badge sombre (noir, bleu foncé). S'il est sombre, badge clair (blanc, jaune vif).
Typo trop légère
Poids 300 (extralight) peut sembler "design" sur desktop, mais sur mobile 375px, c'est illisible.
Solution : utilisez au minimum 600 de poids (semibold) pour le badge. La lisibilité avant l'esthétique.
Badge mal placé
Mettre un badge au centre du produit cache l'image. En bas à droite sur mobile, c'est trop petit pour être vu.
Solution : haut à gauche ou haut à droite, toujours. C'est le coin qu'on scrute en premier.
Ignorer la cohérence de marque
Si votre boutique utilise du bleu marine et de l'or, mettre soudain des badges en rose fluorescent crée du doute sur la qualité.
Solution : vos badges doivent respecter 2-3 couleurs de votre charte. Consultez votre guide de marque (font, couleurs). Un badge doit dire "c'est moi" rien qu'à la couleur.
Cohérence de marque : la clé souvent oubliée
Un badge n'est pas juste une info. C'est un petit ambassadeur de votre marque. S'il ne "sonne" pas comme vous, le client sent l'incohérence.
Vérifiez :
- Couleur : utilise-t-elle votre palette officielle ? (Si votre site est violet/blanc, le badge doit y correspondre.)
- Typographie : la police correspond-elle ? Même poids, même style ?
- Forme : rectangle, cercle, polygone — décidez d'une forme pour tous les badges. Ne mélangez pas rectangle promo + circle nouveauté.
- Taille : consistance. Un badge 40×40 pour la promo, 80×80 pour le best-seller : trop variable. Restez dans une grille.
Un client qui voit 10 produits différents doit reconnaître immédiatement "ce badge est légitime, c'est de la marque" sans avoir à penser.
Créer des badges Shopify rapidement
Si vous éditez actuellement vos images avec un outil générique (Canva, Photoshop), chaque changement prend du temps. Or les badges changent souvent (fin de promo, nouveau produit).
C'est là qu'un éditeur avec calques de badges fait gagner du temps considérablement. Vous importez votre image, vous ajoutez un calque badge prêt à l'emploi (rectangle, cercle, étoile), vous personnalisez couleur et texte, vous exportez rapidement.
Les templates dynamiques vont plus loin : vous définissez une mise en page avec emplacement fixe pour un badge, puis vous appliquez le même design à de nombreux produits en batch. Chaque badge s'adapte à la couleur de fond du produit (grâce à Studio IA qui génère des contrastes automatiquement).
Pour des plans Pro et Business, ces outils accélèrent considérablement vos cycles de design.
En résumé : la checklist du bon badge
- ✓ 1 badge max par produit (ou 2 exceptions rares)
- ✓ Contraste 3:1 minimum avec l'image
- ✓ Police semibold (600+), taille 28px minimum sur mobile
- ✓ Placé en haut à gauche/droite
- ✓ Couleur dans votre charte
- ✓ Forme cohérente sur tous les badges
- ✓ Info unique : "-30%" pas "jusqu'à demain 14h"
- ✓ Vrai : ne mentez pas
Respectez ces règles, et vos badges travailleront pour augmenter vos conversions.
Questions fréquentes
Combien de badges dois-je mettre par produit ?
Limiter à 1 ou 2 maximum. Trop de badges diluent l'impact et confondent le client. Priorisez : une promo active dépasse un nouveau produit.
Quel contraste de couleur pour un badge ?
Assurez un contraste d'au moins 3:1 entre le badge et la couleur de l'image. Testez sur mobile. Les badges clairs sur images claires disparaissent.
Quelle taille de badge sur mobile ?
Minimum 28×28 pixels de largeur. Testez : votre badge doit rester lisible sur écran 375px. Évitez les textes minuscules.