Advanced Promo Kit vous permet d'ajouter des étiquettes de produits accrocheuses — des badges qui se placent directement sur les images des produits de votre boutique WooCommerce. Les étiquettes sont entièrement personnalisables : vous choisissez la forme, le texte, les couleurs, la taille et la position, et vous pouvez éventuellement les planifier pour qu'elles n'apparaissent que pendant une période de vente ou de campagne. Cet article vous guide dans la création de votre première étiquette, de A à Z.
Ce dont vous aurez besoin
- WooCommerce installé et actif
- Advanced Promo Kit installé et actif Advanced Promo Kit
- Au moins un produit WooCommerce publié
Étape 1 — Ouvrir l'écran de création d'étiquette
Dans votre tableau de bord WordPress, cliquez sur Promo Kit dans le menu de gauche, puis cliquez sur Create Label.
Étape 2 — Remplir l'onglet Général
L'onglet Général contrôle le texte de votre étiquette et sa forme.
- Dans le champ Title, entrez un nom interne pour cette étiquette. Ceci est pour votre référence uniquement et n'est pas montré aux clients.
- Dans le champ Texte du badge, tapez le texte que vous souhaitez voir apparaître sur le badge — par exemple, SOLDE, NOUVEAU, ou -20%. Vous pouvez utiliser des variables dynamiques (voir le tableau ci-dessous) pour afficher automatiquement des données de produit en direct. Comment utiliser les espaces réservés de contenu dynamique dans les étiquettes de produits
- Sous Text Options, définissez la taille de la police (8 à 72 px), l'épaisseur de la police (Normal, Bold, Semi Bold ou Light) et la hauteur de ligne.
- Sous Forme du badge, cliquez sur la forme que vous souhaitez utiliser. Il y a 12 formes disponibles : Rectangle Horizontal, Rectangle Vertical, Pilule, Cercle, Carré, Ruban Gauche, Ruban Droit, Étiquette, Hexagone, Étoile, Bannière et Image Personnalisée. Si vous choisissez Image Personnalisée, un bouton de téléchargement apparaît pour que vous puissiez utiliser votre propre fichier image comme badge.
Variables dynamiques
Tapez l'un de ces codes dans le champ Texte du badge. Advanced Promo Kit les remplace par des valeurs réelles lorsque l'étiquette est affichée sur un produit de votre boutique.
| Variable | Remplacé par |
|---|---|
{product_price} | Le prix actuel du produit |
{regular_price} | Le prix régulier (hors solde) du produit |
{sale_price} | Le prix soldé du produit |
{discount_percent} | Le pourcentage de réduction, par ex. 20% |
{discount_amount} | Le montant fixe de la réduction, par ex. 10 $ |
{stock_quantity} | Le stock actuel du produit |
Étape 3 — Personnaliser le style
Cliquez sur l'onglet Style pour contrôler l'apparence de votre étiquette. L'onglet est divisé en plusieurs sections.
Options de style
- Couleur de l'insigne — cliquez sur le carré de couleur pour ouvrir le sélecteur de couleurs et choisir une couleur d'arrière-plan pour votre étiquette.
- Largeur et Hauteur — entrez des valeurs en pixels (20–500 px) pour définir la taille de l'insigne.
- Rayon de bordure — ajustez chaque coin indépendamment pour arrondir les bords.
- Additional Styles — ajoutez tout CSS personnalisé dont vous avez besoin pour cette étiquette spécifique.
Opacité et position
- Opacité — définissez la transparence de l'étiquette de 0 (invisible) à 100 (entièrement opaque).
- Rotation — faites pivoter l'insigne entre 0 et 360 degrés.
- Direction du texte — choisissez Horizontal ou Vertical.
- Badge Placement — choisissez si l'insigne se trouve sur l'image du produit (la chevauchant) ou à l'extérieur de l'image (en dessous).
- Position — choisissez haut ou bas, et gauche ou droite, puis entrez des décalages en pixels pour ajuster précisément où l'insigne apparaît.
Plus d'options de style
L'onglet Style vous donne également ces options :
- Dégradé — activez un remplissage en dégradé bicolore. Choisissez parmi six directions de dégradé.
- Ombre — ajoutez une ombre portée à votre insigne avec une couleur personnalisée, un rayon de flou et des décalages X/Y.
- Animation — faites animer l'insigne automatiquement. Effets disponibles : Pulsation, Flash, Secousse, Rebond, Rotation et Balancement.
- URL cliquable — faites de l'insigne un lien cliquable qui emmène les clients vers une URL que vous spécifiez.
- Info-bulle — affichez un texte d'info-bulle lorsque les clients survolent l'insigne.
Étape 4 — Définir un calendrier (facultatif)
Cliquez sur l'onglet Calendrier si vous souhaitez que l'étiquette n'apparaisse que pendant une fenêtre de temps spécifique — par exemple, uniquement pendant une vente de fin de semaine.
- Date de début — la date et l'heure auxquelles l'étiquette commence à s'afficher. Laissez ce champ vide pour afficher l'étiquette immédiatement après l'enregistrement.
- Date de fin — la date et l'heure auxquelles l'étiquette cesse de s'afficher. Laissez ce champ vide pour afficher l'étiquette indéfiniment.
Étape 5 — Enregistrer l'étiquette
Une fois que vous êtes satisfait de vos paramètres, cliquez sur Save en haut de l'écran. L'étiquette est créée et apparaîtra dans votre liste d'étiquettes. Réglez le commutateur en haut de l'écran sur Active pour que l'étiquette s'affiche sur votre boutique, car une nouvelle étiquette commence inactive. Vous pouvez la modifier à tout moment en cliquant dessus dans la liste.
Utilisation de l'aperçu en direct
Au fur et à mesure que vous remplissez les onglets Général et Style, l'aperçu en direct sur le côté droit de l'écran se met à jour en temps réel. Il affiche un exemple de produit avec votre étiquette appliquée afin que vous puissiez voir à quoi elle ressemblera avant de l'enregistrer.
L'aperçu utilise des valeurs de produit fictives. Les variables dynamiques comme {discount_percent} afficheront les valeurs correctes pour chaque produit réel de votre boutique une fois l'étiquette en ligne.
Questions fréquemment posées
Comment attribuer une étiquette à des produits spécifiques ?
Après avoir enregistré une étiquette, ouvrez le produit que vous souhaitez étiqueter et trouvez la boîte méta Advanced Promo Kit sur l'écran de modification du produit. Créez l'étiquette là-bas. Elle s'applique uniquement à ce produit et a toujours la priorité sur les étiquettes globales. Vous pouvez également utiliser l'onglet Conditions lors de la création d'une étiquette pour l'appliquer automatiquement aux produits qui correspondent aux critères que vous définissez Comment configurer les règles d'affichage des étiquettes et les conditions dans Advanced Promo Kit — par exemple, tous les produits d'une catégorie particulière ou en promotion.
Puis-je utiliser plus d'une étiquette sur le même produit ?
Un produit peut avoir une étiquette spécifique au produit, plus toutes les étiquettes globales dont il correspond aux conditions. Le paramètre Maximum Labels Per Product limite le nombre d'étiquettes qui apparaissent à la fois, et il est défini par défaut sur 3. Chaque étiquette a ses propres paramètres de position, vous pouvez donc les empiler ou les répartir sur l'image du produit.
Le texte de mon insigne semble serré ou coupé. Comment y remédier ?
Ouvrez l'onglet Style de votre étiquette et augmentez les valeurs de Width (Pixel) et Height (Pixel). Vous pouvez également réduire la taille de la police sous Text Options dans l'onglet General. La taille par défaut de l'insigne est de 80×30px, ce qui convient aux textes courts, donc les étiquettes plus longues, y compris celles qui utilisent des variables dynamiques, nécessitent plus d'espace. Un bon point de départ est de 240 à 280px de large et de 36 à 40px de haut. Prévisualisez le résultat et ajustez jusqu'à ce que le texte s'affiche confortablement.
Besoin d'aide ?
Si vous avez une question ou rencontrez des problèmes, nous sommes là pour vous aider.
- Utilisateurs Premium : Ouvrir un ticket de support
- Utilisateurs gratuits : Visitez notre forum communautaire
