Produits 100% originaux sous licence GPL !

Comment ajouter des badges de produits dans WooCommerce

Comment ajouter des badges de produits dans WooCommerce

Vous êtes-vous déjà demandé si vous pouviez remplacer le badge de vente de base de WooCommerce par quelque chose de plus accrocheur (et légèrement moins ennuyeux) ?

Les badges produits personnalisés sont un moyen fantastique de mettre en valeur des articles particuliers dans votre boutique en ligne. Ils sont utiles pour présenter les nouveaux arrivages, signaler les articles en vente ou attirer l’attention sur des offres limitées dans le temps.

Utiliser YITH WooCommerce Badge Management

Nous recommandons d’utiliser YITH WooCommerce Badge Management car il permet d’ajouter et de personnaliser très facilement des badges de produits dans votre boutique en ligne.

De plus, nous avons testé de nombreux plugins YITH au fil des ans, comme ceux qui permettent d’ajouter des abonnements et des vidéos de produits, et ils fonctionnent toujours très bien pour nos utilisateurs.

Vous souhaitez afficher un badge spécial pendant les vacances ? Ou encore afficher le montant des économies réalisées par les clients ? Ce plugin peut faire tout cela. Vous pouvez même paramétrer les badges pour qu’ils s’affichent à certains moments et les masquer plus tard.

Vous pouvez commencer avec la version gratuite ou premium du plugin. La version gratuite est parfaite si vous souhaitez simplement ajouter des badges texte ou image à vos produits.

Dans ce guide, nous vous montrerons comment utiliser la version premium, mais la plupart des étapes fonctionneront de la même manière pour les deux versions. N’oubliez pas que certaines fonctionnalités intéressantes, comme les badges qui affichent automatiquement le montant des remises, ne sont disponibles qu’avec la version premium.

Etape 1 : Masquer le badge de vente par défaut de WooCommerce

Tout d’abord, nous devons cacher le badge de vente intégré de WooCommerce afin qu’il n’entre pas en conflit avec nos badges de produits personnalisés.

La procédure est très simple. Allez dans votre tableau de bord WordPress et cliquez sur YITH « Badge Management. Ensuite, naviguez jusqu’à l’onglet « General Settings ».

Ici, vous trouverez une option qui dit « Hide WooCommerce “On sale” badge “ (Cacher le badge WooCommerce ” En vente »). Activez cette option.

Ensuite, sous « Hide “On sale” on : “, sélectionnez ” All products » pour vous assurer que le badge par défaut n’apparaîtra nulle part dans votre boutique.

Pendant que vous êtes dans les paramètres, vous remarquerez peut-être d’autres options utiles. Vous pouvez choisir de masquer vos badges personnalisés à certains endroits, comme la barre latérale ou les pages de produits individuels.

Cette option est très utile si vous souhaitez que votre boutique reste propre et organisée. Par exemple, si votre site mobile est trop encombré, vous pouvez également y masquer les badges.

N’oubliez pas de cliquer sur le bouton « Enregistrer les options » en bas de la page lorsque vous avez terminé.

Etape 2 : Créer votre badge personnalisé

Maintenant vient la partie amusante : créer votre premier badge de produit personnalisé dans WooCommerce !

Rendez-vous dans l’onglet « Badges » et cliquez sur le bouton « Créer un badge » pour commencer.

Le plugin vous propose 4 types de badges différents : badge texte, badge image, badge CSS ou badge avancé pour les produits de vente.

Chaque type vous permet de créer des moyens uniques de mettre en valeur vos produits. Par exemple, si vous souhaitez marquer vos produits comme « Nouvel Arrivage » ou « Vegan Friendly », les trois premières options conviennent parfaitement.

Mais voici un conseil : si vous créez des badges de réduction, nous vous recommandons vivement d’utiliser l’option avancée, qui se met automatiquement à jour en fonction des changements de prix de votre produit.

Après avoir choisi votre type de badge, donnez-lui un nom qui vous aidera à vous rappeler à quoi il sert.

Si vous avez choisi un badge image, CSS ou avancé, vous verrez toute une collection de designs de badges pré-fabriqués directement dans le plugin.

Vous pouvez choisir celui qui vous convient. Ces badges prêts à l’emploi vous font gagner du temps, et vous pouvez toujours les personnaliser pour qu’ils correspondent au style de vos pages WooCommerce.

Ce plugin brille vraiment par ses options de personnalisation. Selon le type de badge que vous avez choisi, vous pouvez ajuster toutes sortes de paramètres pour que votre badge soit parfait sur les images de vos produits.

Vous voulez changer la couleur ? Rien de plus simple. Vous voulez ajuster la transparence du badge ? Aucun problème. Vous pouvez même faire pivoter le badge ou le déplacer sur vos produits jusqu’à ce qu’il soit placé au bon endroit.

Lorsque vous êtes satisfait de l’aspect de votre badge, cliquez sur « Enregistrer le badge » pour terminer.

Etape 3 : Créer une règle pour afficher votre badge

Maintenant que nous avons créé notre badge personnalisé, indiquons à WooCommerce où et quand l’afficher.

Dirigez-vous vers l’onglet « Règles du badge » et cliquez sur « Définir une règle ».

Les règles sont des instructions qui indiquent à vos badges quand ils doivent apparaître sur les images de vos produits.

Le plugin vous offre quatre façons principales de contrôler l’emplacement de vos badges : badge de produit, badge de catégorie, badge de balise et badge de classe d’expédition.

Vous pouvez choisir la règle « Badge de produits » pour ajouter des badges à certains articles ou la règle « Badge de catégorie » pour couvrir des catégories entières de produits.

La règle de badge de balise affiche des badges sur les produits partageant la même balise WooCommerce, et la règle de badge de classe d’expédition affiche des badges basés sur les options d’expédition.

Chaque règle cible différents aspects du produit, mais elles fonctionnent toutes de la même manière. Il vous suffit donc de choisir celle qui répond le mieux à vos besoins.

Ensuite, donnez un nom simple à votre règle afin de pouvoir la retrouver facilement par la suite.

Recherchez ensuite le paramètre « Afficher le badge dans : ». C’est ici que vous décidez quels produits recevront votre badge. Rien de plus simple.

Mais certaines options sont assorties de paramètres supplémentaires à configurer. Par exemple, si vous choisissez « Produits récents uniquement », vous pouvez faire apparaître les badges sur les articles ajoutés au cours des derniers jours (7, 14 ou 30 jours, par exemple).

Il est ainsi très facile de mettre automatiquement en évidence les nouveaux arrivages dans votre boutique sans avoir à ajouter manuellement des badges à chaque produit.

Il peut arriver que vous souhaitiez que certains produits ne portent pas de badge. C’est là que le paramètre « Exclure des produits » s’avère utile.

Il vous suffit d’activer ce paramètre et de saisir le nom des produits pour lesquels vous ne souhaitez pas afficher le badge. Ces articles resteront sans badge même s’ils correspondent à vos autres règles.

Ensuite, sélectionnez le modèle de badge que vous souhaitez utiliser dans le menu déroulant « Badge à attribuer ».

C’est ici que les choses deviennent vraiment flexibles.Vous pouvez programmer l’apparition de vos badges et choisir qui peut les voir.

L’option « Schedule rule » est parfaite pour les offres à durée limitée.

Lorsque vous l’activez, le plugin vous demande de définir des dates de début et de fin pour vos badges.

Et si vous souhaitez afficher des badges spéciaux pour certains clients, par exemple afficher un badge « Remise VIP » uniquement pour les clients les plus fidèles, vous pouvez également le faire.

Pour ce faire, il vous suffit de sélectionner « Uniquement des utilisateurs ou des rôles d’utilisateurs spécifiques » dans le paramètre « Afficher le badge à ».Vous pouvez choisir de l’afficher sur tous les produits, les ajouts récents, les articles en vente, les produits populaires en vedette ou même uniquement sur les produits en stock.

Lorsque tout vous semble correct, cliquez sur « Enregistrer la règle » et le tour est joué !

Demande nouveau produit