Aide · Produits et gamme · Étiquettes et badges

Étiquettes et badges

Les étiquettes attirent l'attention sur des articles spécifiques : la boutique attribue elle-même les mentions « Nouveau », « Top » ou un badge « Soldes », tandis que vous créez vos propres badges tels que « Bio » ou « Fait main », et que les étiquettes de produit indiquent des caractéristiques telles que la classe d'efficacité énergétique accompagnée d'une explication. Ce guide explique d’où provient chaque étiquette, comment vous pouvez contrôler la couleur, l’ordre et le nombre d’étiquettes, ainsi que les aspects juridiques à respecter.

En un coup d’œil

  • Automatique : la boutique attribue automatiquement les mentions « Nouveau », « Top », le badge « Soldes », « Livraison gratuite », « Lot », « Interdit aux moins de 18 ans » et « Produit de deuxième choix » en fonction des caractéristiques de l’article.
  • Badges personnalisés : dans Produits → Badges de produits, avec du texte, une icône ou une image, des couleurs personnalisées et une page dédiée regroupant tous les articles.
  • Étiquettes de produit : sous Produits → Étiquettes de produit, sous forme d’image ou de texte, avec une description qui s’ouvre d’un simple clic.
  • Nombre : par défaut, les listes affichent au maximum trois badges par article, deux sur mobile. Le badge « Soldes » apparaît en premier, les badges personnalisés viennent ensuite.
  • Restez honnête : les mentions sont des messages publicitaires et ne doivent pas induire les clients en erreur.

Dans ce guide

Ce guide ne traite pas des sujets suivants : la création d'articles, les délais de livraison et les principes de base du marquage des articles (guide « Créer et gérer des produits »), les offres spéciales et les prix barrés (guide « Prix et groupes de clients ») ainsi que les balises pour le flux de produits Google (guide « Google Merchant Center et flux de produits »).


À quoi sert chaque étiquette ?

Un badge est un petit symbole apparaissant sur l'image du produit ou à côté du prix. Une étiquette produit est un indicateur comportant une image ou du texte, accompagné d'une explication. Le tableau indique l'origine de chaque indicateur et où vous pouvez le configurer.

MarquageD'où provient-elle ?Où le configurer
« Nouveau »Marquage « Top-New » ou date de création de l'articleFiche produit, Produits → Nouveautés, voir la mention « Nouveau »
« Top »Mention « En vedette »Fiche produit, Produits → Produits phares
Badge « Soldes », par exemple « Offre spéciale -20 % »Offre spéciale ou remise par catégorieProduits → Offres spéciales, fiche produit, voir badge « Soldes »
« Livraison gratuite », « Lot », « Interdit aux moins de 18 ans », « Produit de deuxième choix »Caractéristiques de l'articleFiche produit, voir « Indicateurs automatiques »
Badges personnalisésLeur attribution à l'articleProduits → Badges produit, voir Badges personnalisés
Étiquettes de produitLeur attribution à l'articleProduits → Étiquettes de produit, voir Étiquettes de produit
« Forte demande »Nombre de pages vues en 24 heuresParamètres → Design → Fiche produit, voir « Forte demande »
Page de catégorie dans la boutique proposant quatre articles : une couverture en laine portant les badges « Bio » et « Fait main », un coussin en lin avec le badge « Bio » à gauche et un badge rond illustré à droite, un lampadaire portant la mention « Offre spéciale -20 % », « Nouveauté » et « Top », ainsi que l'étiquette de prix « EEK A » ; un vase portant la mention « Produit de deuxième choix »

Les badges apparaissent dans la liste en haut de l'image du produit, l'étiquette de prix à côté du prix ; pour le luminaire, le nombre maximal de trois badges est atteint, son propre badge n'apparaît que sur la page du produit. Cliquez pour agrandir.

Dans les listes de catégories, les résultats de recherche et les blocs de produits, les badges apparaissent sur l'image du produit ; sur la page du produit, ils se trouvent au-dessus du prix. Un clic sur un badge ouvre la page répertoriant tous les articles qui le portent, voir les pages de badges.


Badges automatiques

Ces badges ne nécessitent aucune gestion particulière. La boutique les attribue dès que l’article remplit la condition requise et les supprime lorsque celle-ci n’est plus remplie.

BadgeApparaît lorsque…Le clic mène à
« Nouveauté »L'option « Produit en nouveauté / Coup de cœur (Top-New) » est activée et que l'article se trouve aujourd'hui dans la période « Top-New du/au », ou que l'article a été créé au cours des dernières semaines, voir la mention « Nouveau »Page « Nouveaux produits »
« Top »L'option « Produit en vedette » est activée et la date d'aujourd'hui se situe dans la période « En vedette du/au »Page « Nos coups de cœur »
Badge « Soldes »une offre spéciale ou une remise par catégorie s'applique et que le client voit les prix, voir « Badge de promotion »Page « Offres spéciales »
« Livraison gratuite »L'option « Livraison gratuite » est activée dans l'onglet « Prix » et le module de livraison « Livraison gratuite » est proposé pour le pays de livraison du visiteur et cette boutique. 4.9.135Page « Livraison gratuite »
« Lot »l'article fait partie d'un lot actif et l'option « Afficher les produits du lot dans la liste des catégories » est activée pour ce lot ; uniquement dans les listes et les blocs de produitsPage « Produits en lot »
« FSK 18 »le bouton « FSK 18 » est activé dans l'onglet « Général »Page « Produits FSK 18 »
« Produits de deuxième choix »« Produits d'occasion/exemplaires défectueux (produits de seconde main) » est activé dans l'onglet « Général »Page « Produits de deuxième choix »
« Offre exclusive »l'article est attribué au client connecté en tant qu'offre personnalisée. Ces attributions proviennent de données importées ; il n'existe pas de formulaire dédié à cet effet dans l'interface d'administration.Page « Offres personnalisées rien que pour vous »

Modifier les textes

« Nouveautés », « Top », « Livraison gratuite », « Lot », « FSK 18 », « Produits de deuxième choix » et « Offre exclusive » sont des textes fixes de la boutique. Vous pouvez les modifier sous Outils → xoLanguage en leur attribuant une valeur personnalisée, par exemple en remplaçant « Nouveau » par « Nouveauté », voir le guide Langues et traduction.

Couleurs

Les couleurs des badges automatiques sont définies par le design, avec un contraste suffisant. Il n’existe pas de paramètre dans le backend pour cela, voir Couleurs.

La « Promotion du produit » dans la fiche produit n’active pas de badge. Elle ajoute simplement le produit à la page des articles en promotion, voir le guide Créer et gérer des produits.


Gérer la mention « Nouveau »

La mention « Nouveau » peut apparaître de deux façons : soit vous la marquez manuellement sur un article, soit la boutique marque automatiquement tout article créé récemment. Les deux cas peuvent se produire simultanément.

Manuellement sur l’article

Dans le masque de la fiche produit, onglet « Général », activez « Produit en tant que nouveauté/coup de cœur (Top-New) ». Avec « Top-New du/au », vous délimitez la période. Des champs vides signifient : sans début ni fin. Après la date de fin, le badge disparaît automatiquement, mais l’option reste activée.

Pour plusieurs articles

Sous Produits → Produits Top-New, vous trouverez tous les articles marqués avec une « Date de début » et une « Date de fin ». Via « Ajouter », recherchez un article et définissez « Commence le » et « Se termine le ». « Supprimer » retire la sélection, l’article est conservé.

Automatiquement selon la date de création

Si, dans Paramètres → Design → Liste des produits → Nouveautés et coups de cœur « Top-New », la valeur est réglée sur « true » (par défaut), chaque article créé au cours des dernières semaines portera la mention « Nouveau ». Le nombre de semaines est défini par le paramètre « Durée du marquage « Nouveau » du produit » dans le même groupe ; la valeur par défaut est 4.

Paramètres types

Vous souhaitez…Voici comment procéder
afficher uniquement les articles sélectionnés comme « Nouveaux »« Nouveautés et coups de cœur « Top-New » » sur false et marquer les articles manuellement
réduire la durée de mise en avant des nouveaux articlesRéduire la durée du marquage « Nouveau » des produits, par exemple à 1 semaine
Exclure un article « Nouveau » en particulierCeci n'est possible que sans automatisation : « Nouveautés et coups de cœur « Top-New » » sur false, marquer les autres articles manuellement
Désactiver complètement la mention « Nouveau »Activer le mode automatique sur false et supprimer tous les marquages sous Produits → Produits Top-New

Ce même paramètre détermine quels articles s’affichent dans le bloc « Nouveautés & Conseils d’achat » : avec true, ce sont les articles marqués et les nouveaux articles créés ; avec false, seuls les articles marqués s’affichent. Après une importation importante, tous les nouveaux articles créés portent la mention « Nouveau » grâce au mode automatique, voir le guide Créer et gérer des produits.


Badge de promotion et prix barré

Si le client paie moins que le prix normal applicable à son groupe de clients, la boutique affiche un badge rouge indiquant la désignation de l’offre et le pourcentage d’économie, par exemple « Offre spéciale -20 % ».

  • Le badge apparaît en cas d’offre spéciale et de remise par catégorie.
  • Si l’économie réalisée est égale à 0 % (arrondi), la boutique masque le badge.
  • Si un groupe de clients ne voit aucun prix, aucun badge n’apparaît.
  • Il a la priorité absolue et s’affiche toujours en premier, voir Ordre et nombre.

Le guide « Prix et groupes de clients » explique d’où proviennent la désignation de l’offre, le prix barré, le prix de vente conseillé et la mention « L’offre prend fin le… », et ce qu’il faut prendre en compte lors de la comparaison avec l’ancien prix. Créer des offres spéciales : voir la section « Offres spéciales » dans ce guide.


Créer ses propres badges

Les badges personnalisés mettent en avant des caractéristiques que la boutique ne reconnaît pas, telles que « Bio », « Fait main » ou un label. Vous créez un badge une seule fois et l’attribuez à autant d’articles que vous le souhaitez.

  1. Sous Produits → Badges de produits, ouvrez l’onglet « Insérer ».
  2. Saisissez une « classe de badge », par exemple bio. Ce champ est obligatoire et sert de nom technique. Utilisez des minuscules, des chiffres et des tirets, et créez une classe distincte pour chaque badge.
  3. Choisissez l’apparence : une « icône de badge » dans la sélection d’icônes, les deux couleurs et, si vous le souhaitez, une « image de badge ».
  4. Dans l’onglet de chaque langue, saisissez le « texte du badge ». Dans la langue par défaut, vous devez indiquer un texte ou une icône. La boutique remplit automatiquement les champs vides des autres langues avec la valeur de la langue par défaut.
  5. Enregistrez en cliquant sur « Insérer ». Attribuez ensuite le badge à l’article, voir la section « Sur l’article ».
Masque des badges produit, Modification : classe de badge « bio », icône de badge « leaf », couleur du texte : blanc, couleur d'arrière-plan : vert, CSS supplémentaire, position du badge : à gauche, afficher le badge dans le panier : non, image du badge vide, onglet de langue « DE » avec le texte du badge « Bio », titre de l'icône du badge et les champs pour l'URL SEO et les balises méta

Le badge « Bio » dans le masque de badge : classe, icône, les deux couleurs et position en haut, texte, titre et informations pour la page du badge dans l’onglet de langue. Cliquez pour agrandir.

Les champs du masque de badge

ChampSignification
« Classe du badge »Champ obligatoire, nom technique. La boutique l'écrit en minuscules, remplace les espaces par des tirets, convertit les trémas et supprime les autres caractères, y compris les traits de soulignement.
« Icône du badge »Symbole précédant le texte, issu de la sélection d’icônes
« Couleur du caractère/du texte du badge », « Couleur d'arrière-plan du badge »Couleurs du badge, voir Couleurs
« CSS supplémentaire »personnalisation supplémentaire, instructions séparées par des points-virgules, par exemple text-transform: uppercase; font-weight: 700
« Position du badge »« À gauche » ou « À droite » en haut de l'image du produit dans les listes
« Afficher le badge dans le panier »affiche également le badge sur l’article dans le panier et dans le panier latéral ; désactivé par défaut
« Image du badge »Image issue du dossier « badges » du gestionnaire de fichiers. Si une image est sélectionnée, la boutique affiche celle-ci à la place de l’icône et du texte.
« Texte du badge »Légende par langue
« Titre de l'icône du badge »Texte affiché au survol de la souris et texte alternatif d’un badge image. Si ce champ est laissé vide, la boutique utilise le texte du badge.
« Info-bulle du badge (survol) »Explication plus détaillée qui s'affiche au survol
« Remarque sur le filtre du badge… »Textes, balises méta et adresse de la page du badge ; voir les pages de badges

À gauche ou à droite

« À gauche » convient aux badges texte, « À droite » aux badges image tels que les labels de qualité ou les logos de fabricants. Si un article comporte un badge à droite, la vignette masque à cet endroit les boutons « Ajouter au panier » et « Comparer ». Dans la vue en liste et dans la vue mobile à deux colonnes, un badge situé à droite est décalé vers la gauche. Sur la page produit, tous les badges apparaissent côte à côte au-dessus du prix.

Badges illustrés

La boutique affiche l’image d’un badge sous forme de cercle de 35 pixels avec une bordure blanche et la recadre en conséquence. Utilisez une image carrée avec le motif au centre. Saisissez un « Badge-Icon Title » : il s'agit du texte alternatif destiné aux lecteurs d'écran. Le formulaire exige néanmoins un texte de badge ou une icône. Ce texte nomme le badge dans la sélection de l'article et sur sa page.

Dans le panier

L’option « Afficher le badge dans le panier » ne s’applique qu’aux badges personnalisés, tels que « Fabrication sur mesure » ou « Non échangeable ». Le panier signale automatiquement les offres spéciales, la livraison gratuite et la mention « FSK 18 ».

La liste sous Produits → Badges de produits affiche pour chaque badge l’« ID », la classe, un « Aperçu » et, dans la colonne « Produits », le nombre d’articles. Ce nombre permet d’ouvrir la liste des articles contenant précisément ces articles. La fonction « Supprimer » supprime également le badge de tous les articles ; la boutique indique au préalable leur nombre.


Couleurs et apparence

Vous configurez les couleurs de vos propres badges dans le masque dédié. Les couleurs des badges automatiques font partie intégrante du design.

Badges personnalisés

  1. Sous Produits → Badges de produits, ouvrez le badge en cliquant sur « Modifier ».
  2. Définissez la « Couleur du symbole/du texte du badge » et la « Couleur d'arrière-plan du badge » dans le sélecteur de couleurs.
  3. Enregistrez en cliquant sur « Actualiser ». La boutique en ligne actualisera le design lors de la prochaine consultation de la page. Si vous voyez encore l'ancienne couleur, actualisez la page à l'aide de Ctrl + F5.

Badges automatiques

Dans le thème par défaut, « Nouveau » est en bleu foncé, le badge « Soldes » en rouge foncé, tandis que « Top » et « Livraison gratuite » sont en blanc avec une police foncée. Ces couleurs ont été testées pour garantir une bonne lisibilité et ne sont pas modifiables dans l'interface d'administration. Le choix d’autres couleurs constitue une personnalisation du thème ; n’hésitez pas à nous contacter à ce sujet.

Choisissez deux couleurs différentes. Si la couleur du texte et celle de l’arrière-plan sont identiques, la boutique n’en retient aucune et le badge apparaît en gris. Cela se produit également avec un nouveau badge dont vous ne modifiez pas les couleurs, car les deux champs sont alors définis sur noir.

Veillez au contraste : une police foncée sur fond clair, ou inversement, reste lisible même sur un téléphone portable. Pour le texte normal, les règles relatives à l’accessibilité des sites web (WCAG) recommandent un rapport de contraste d’au moins 4,5 pour 1.


Badges et étiquettes sur les articles

Vous pouvez attribuer des badges et des étiquettes de produit dans la fiche produit, dans l’onglet « Général », sous les rubriques « En vedette » et « Nouveautés ».

Fiche produit, onglet « Général » : produit en vedette : non ; produit en tant que nouveauté/coup de cœur (Top-New) : oui, avec la période « Top-New » du 18/10/2026 au 15/11/2026 ; badges de produit avec les mentions « bio » et « qualité certifiée » accompagnés d'une corbeille, étiquette de produit « Matière : lin » avec un crayon et une corbeille

Dans l’onglet « Général », sous « En vedette » et « Nouveautés », figurent les badges et les étiquettes de produit de l’article ; le crayon et le signe « + » permettent respectivement d’accéder à la gestion et à la sélection. Cliquez pour agrandir.

« Badges produit »

  • Le bouton « Ajouter un badge » répertorie tous les badges que l’article ne porte pas encore.
  • Vous pouvez modifier l'ordre en faisant glisser les entrées. Cet ordre s'applique à l'affichage dans la boutique.
  • La corbeille supprime un badge de l’article.
  • Le crayon « Modifier le badge » ouvre la gestion des badges dans une fenêtre.

« Étiquettes produit »

  • « Ajouter une étiquette » demande d'abord la catégorie de l'étiquette, puis sa valeur.
  • Le crayon à côté d’une étiquette ouvre « Modifier la description personnalisée de l’étiquette » : un texte spécifique à cet article uniquement, voir Description de l’étiquette.
  • « Modifier l'étiquette » ouvre la gestion des étiquettes dans une fenêtre.

La boutique n’enregistre les attributions et l’ordre qu’une fois que vous avez sauvegardé l’article. Si vous copiez un article pour en créer un double, la copie reprend les badges et les étiquettes, y compris les descriptions d’étiquettes personnalisées.

Plusieurs articles à la fois

Pour un grand nombre d’articles, utilisez un importateur CSV, voir le guide Importation et exportation:

  • « Badges produit » : les identifiants des badges séparés par des virgules, par exemple 1,2,4. L’ordre dans la cellule correspond à l’ordre sur l’article. Les identifiants figurent dans la liste des badges.
  • « Étiquettes de produit » : paires composées d’une catégorie d’étiquette et d’une valeur d’étiquette, par exemple 1:1,1:4,2:10. Les identifiants figurent dans les tableaux sous Produits → Étiquettes de produit.
Une importation remplace toutes les attributions de l’article. La boutique ignore les identifiants inconnus. Un texte sans identifiant valide, par exemple del, supprime tous les badges ou toutes les étiquettes. Lors de l’importation des étiquettes, les descriptions individuelles des étiquettes de l’article sont perdues ; veuillez les saisir à nouveau par la suite.

Ordre et nombre

Afin que l'image du produit reste visible, la boutique n'affiche qu'un nombre limité de badges. Si un article remplit plusieurs conditions, ce sont les plus importantes qui prévalent.

Ordre

  1. Badge « Soldes »
  2. « Offre exclusive »
  3. « Lot »
  4. « Nouveau »
  5. « Livraison gratuite »
  6. « Top »
  7. « Interdit aux moins de 18 ans »
  8. « Produit de deuxième choix »
  9. badges personnalisés, classés les uns sous les autres dans l'ordre indiqué sur l'article

Nombre maximal

Sous Paramètres → Général → Valeurs maximales:

  • « Nb max. de badges dans la liste des produits (ordinateur) », par défaut 3
  • « Nombre max. de badges dans la liste des produits (mobile) », par défaut 2
  • « Nombre maximal de badges sur la page de détail du produit (ordinateur) », par défaut 5
  • « Nombre maximal de badges sur la page de détail du produit (mobile) », par défaut 3
Vos propres badges sont supprimés en premier. Si un article bénéficie d’une offre spéciale, des mentions « Nouveau » et « Top », trois emplacements sont déjà occupés dans la liste, et votre badge « Bio » n’apparaîtra que sur la page de détail du produit. Augmentez alors le nombre maximal pour les listes ou renoncez à certains badges. « 0 » signifie « illimité », et non « aucun ».

Pages de badges et adresses

Chaque badge renvoie, d’un simple clic, vers une page regroupant tous les articles qui en sont dotés. Pour vos propres badges, vous pouvez concevoir vous-même cette page, par exemple sous la forme d’une page thématique « Produits bio ».

Page « Badges » de la boutique, avec le titre « Produits portant le label » et le badge vert « Bio », suivi du texte « Nos produits bio issus de l'agriculture biologique contrôlée » et les deux articles portant ce badge

La page d’un badge personnalisé à l’adresse /badge/bio-produits.html, avec le texte issu de la « Remarque sur le filtre du badge en haut » au-dessus de la liste des produits. Cliquez pour agrandir.

Champ dans l'onglet « Langue » du badgeEffet sur la page du badge
« Remarque sur le filtre du badge en haut », « Remarque sur le filtre du badge en bas »Texte au-dessus ou en dessous de la liste des produits, avec éditeur
« Indication du filtre du badge : balises méta - Titre », « … - Description », « … - Mots-clés (séparés par des virgules) »Titre et description de la page pour les moteurs de recherche
« Indication de filtre du badge SEO - URL »Nom dans l’adresse, par exemple bio-produkte pour /badge/bio-produkte.html. Sans saisie, la page dispose d’une adresse avec un paramètre.
  • Le titre est « Produits portant le badge », avec le badge à côté.
  • Vous pouvez modifier la partie badge de l’adresse dans Paramètres → SEO / SEA → Paramètres SEO → Préfixe d’URL des badges produit. Cela ne fonctionne qu’avec les adresses SEO de type « Rewrite », voir le guide SEO & Redirections.
  • Les badges automatiques renvoient vers des pages fixes telles que « Nouveaux produits » ou « Offres spéciales », voir Badges automatiques.

Étiquettes de produit

Une étiquette de produit se compose d’une catégorie d’étiquette, par exemple « Classe d’efficacité énergétique », et de ses valeurs, par exemple de « A » à « G », chacune accompagnée d’une image ou d’un texte. Sélectionnez la valeur appropriée sur la fiche produit.

1. Créer une catégorie de label

Sous Produits → Étiquettes de produit, dans l’onglet « Insérer », saisissez le « Nom de l’étiquette » pour chaque langue et définissez « Étiquette de prix », « Sélection multiple possible » et « Tri ». Enregistrez en cliquant sur « Insérer ».

2. Créer des valeurs

Ouvrez la catégorie avec « Modifier ». Sous « Valeurs de l'étiquette », cliquez sur « Nouvelle entrée » pour créer une valeur : « Tri », « Classe CSS » et, pour chaque langue, « Valeur de l'étiquette », « Image de l'étiquette » et « Description de l'étiquette ». Enregistrez en cliquant sur « Mettre à jour ».

Étiquette produit, modification de la catégorie d'étiquette « Classe d'efficacité énergétique » : étiquette de prix oui, sélection multiple possible non, tri 1, nom de l'étiquette DE, tableau des valeurs d'étiquette avec image, ID, nom, tri et nombre de produits pour les valeurs A, B et C, bouton « Nouvelle entrée »

Une catégorie d’étiquettes servant d’étiquette de prix avec trois valeurs ; « Nouvelle entrée » permet de créer une valeur supplémentaire, « Modifier » ouvre l’image, la classe CSS et la description de l’étiquette d’une valeur. Cliquez pour agrandir.

Où l'étiquette apparaît

« Étiquette de prix »Affichage dans la boutiqueTypique pour
Ouidirectement à côté du prix : dans les listes, sur la page du produit, dans la liste des variantes, dans le panier et dans le panier latéralIndicateurs devant figurer à côté du prix, par exemple une classe d’efficacité énergétique
Nonsur la page du produit, dans la zone d'achat, au-dessus du prix, mais pas dans les listes ni dans le panierMatériau, conseils d’entretien, certifications
  • En l’absence d’image de label, la boutique affiche le texte « Catégorie de label : valeur », par exemple « Matériau : cuir véritable ».
  • L’option « Sélection multiple possible » permet de sélectionner plusieurs valeurs d’une même catégorie pour un même article. Sans ce bouton, la fonction « Ajouter un label » ne propose plus la catégorie dès qu’une valeur a été sélectionnée.
  • Une catégorie sans valeurs n’apparaît pas dans la liste de sélection de l’article.
  • Les étiquettes s’affichent dans l’ordre de « tri » des catégories, puis selon l’ordre de « tri » des valeurs au sein de celles-ci.
  • Si vous supprimez une catégorie ou une valeur, la boutique les supprime également de tous les articles.

Images d’étiquettes au format correct

La boutique affiche une image d’étiquette dans sa taille réelle en pixels et n’impose aucune taille fixe. Enregistrez donc les images à la taille à laquelle elles doivent apparaître dans la boutique, puis placez-les dans le dossier « label » du gestionnaire de fichiers.

  • Si un côté dépasse 100 pixels, la boutique affiche un avertissement lors de l’enregistrement de la valeur. Elle procède néanmoins à l’enregistrement.
  • Les fichiers SVG sont également autorisés. Si un fichier SVG ne comporte ni largeur ni hauteur, le navigateur l’affiche avec une largeur de 300 pixels. Exportez donc les fichiers SVG en précisant leur largeur et leur hauteur.
  • La boutique associe la « classe CSS » d’une valeur à l’image d’étiquette. Une règle telle que .eu-label { height: 44px; width: auto; } dans le CSS de votre thème permet alors de limiter la hauteur. N’hésitez pas à nous contacter à ce sujet.

Description de l’étiquette et lien vers une page CMS

Chaque valeur d’étiquette est associée à une « description d’étiquette » avec un éditeur. Elle s’affiche sur la page produit lorsque le client passe la souris sur l’étiquette, et dans une fenêtre lorsqu’il clique dessus, y compris sur mobile.

Créer un lien vers un label

Une étiquette ne dispose pas de champ de lien dédié. Vous indiquez le chemin vers une page CMS, par exemple « Que signifient nos labels ? », dans la description :

  1. Ouvrez la page CMS dans la boutique et copiez son adresse.
  2. Sous Produits → Étiquettes de produit, modifiez la valeur de l’étiquette.
  3. Dans la « Description du label », rédigez un court texte, par exemple « En savoir plus sur ce label », sélectionnez-le et ajoutez-y un lien vers l’adresse copiée.
  4. Enregistrez en cliquant sur « Mettre à jour ». Le lien est cliquable dans la fenêtre qui s'ouvre lorsque l'on clique sur le label.

Description personnalisée par article

Si un article doit afficher un texte différent, par exemple avec la date de contrôle ou un lien vers la fiche technique, ouvrez le crayon à côté du label dans la fiche produit. La « description individuelle du label » remplace la description générale de la valeur pour cet article. Si le champ est vide, c’est la description générale qui s’applique.


La mention « Forte demande »

Si une page produit a été consultée au cours des dernières 24 heures plus souvent qu’une valeur que vous avez choisie, la zone d’achat affiche une mention accompagnée d’un symbole en forme de flamme : « Au cours des dernières 24 heures, … personnes ont consulté ce produit. »

Zone d'achat de la page produit : mention accompagnée d'un symbole en forme de flamme « Au cours des dernières 24 heures, 129 personnes ont consulté ce produit. », en dessous, l'étiquette de prix « EEK A », les badges « Offre spéciale -20 % », « Nouveau », « Top » et « Fait main » côte à côte, le prix de 159,20 € et l'ancien prix de 199,00 €

Sur la page du produit, on trouve la mention « Forte demande », l’étiquette de prix et tous les badges au-dessus du prix, y compris ici votre propre badge, qui n’avait plus de place dans la liste. Cliquez pour agrandir.

Activer et désactiver

Sous Paramètres → Design → Fiche produit → Badge « Forte demande », saisissez le nombre de consultations à partir duquel la mention apparaît. La valeur par défaut est 100. Avec « 0 », vous désactivez la mention.

Ce qui est compté

La boutique compte les pages vues enregistrées par son compteur de visiteurs. Si quelqu’un charge la page cinq fois, cela compte pour cinq pages vues. Si, sous Paramètres → Interfaces → SEO/SEA → xoStats (statistiques de la boutique) → Compteur de visiteurs : « Compter les bots : oui/non » est réglé sur « true », les moteurs de recherche sont également pris en compte.

Ce chiffre correspond au nombre de consultations, et non au nombre de personnes. La phrase « … personnes ont consulté ce produit » peut donc suggérer un intérêt plus important qu’il n’y en a réellement. Modifiez-la sous Outils → xoLanguage: Recherchez « Personnes ayant consulté ce produit » et saisissez comme valeur personnalisée, par exemple, « Au cours des dernières 24 heures, ce produit a été consulté %s fois. ». Laissez tel quel le paramètre %s pour le nombre. Vous pouvez également choisir une valeur suffisamment élevée pour que l’affirmation corresponde à la réalité pour votre clientèle, ou désactiver cette mention.

Autres indicateurs et ce qu’ils ne sont pas

Certaines mentions figurant sur l’article ressemblent à des étiquettes, mais proviennent d’autres sections de la boutique.

Livraison gratuite

La boutique n’affiche le badge « Livraison gratuite » que lorsque le module d’expédition « Livraison gratuite » s’applique à l’article. Configuration : guide Expédition et livraison.

Points bonus et articles gratuits

Il n’existe pas de badge pour cela. La boutique indique les points ou la mention « gratuit à partir de… » sous forme de texte à côté du prix, voir le guide « Points bonus et produits gratuits ».

Images générées par IA

La mention « Généré par IA » doit être ajoutée directement sur l’image, et non via un badge ; voir le guide Images et médias. 4.10

Garantie UE et label GARAN

La boutique émet elle-même la mention relative à la garantie et le label GARAN. Ne les reproduisez pas sous forme d’étiquette produit, voir le guide « Label de garantie UE ».

Labels Google

Les labels personnalisés custom_label_0 à custom_label_4 ne doivent figurer que dans le flux de produits destiné à vos campagnes. Personne ne les voit dans la boutique ; voir le guide Google Merchant Center.

Délai de livraison

Le délai de livraison et la disponibilité indiqués sur la fiche produit ne sont pas des badges. Vous les gérez directement dans la fiche produit ; voir le guide « Créer et gérer des produits ».


Veillez à l’exactitude des mentions

Les badges et les étiquettes constituent des allégations publicitaires. Conformément à la loi contre la concurrence déloyale (UWG), ils ne doivent pas induire les clients en erreur. Vérifiez donc régulièrement que chaque mention est toujours exacte.

ÉtiquetageCe à quoi vous devez prêter attention
« Nouveau »Uniquement tant que l’article est effectivement nouveau dans la gamme. Limitez la durée d’utilisation et vérifiez, après chaque importation, quels articles portent cette mention.
Badge « Soldes », prix barréEn cas de réductions de prix, des règles particulières s’appliquent au prix de référence ; voir le guide « Prix et groupes de clients ».
« Forte demande »La boutique compte les pages vues, pas les visiteurs. Adaptez le texte ou désactivez la mention, voir « Forte demande ».
Labels et distinctionsUniquement avec une preuve valide et conformément aux conditions fixées par l’éditeur. Un label utilisé comme image de badge doit figurer sur les articles auxquels il s’applique.
« Livraison gratuite »Doit correspondre aux frais de livraison réels. Vérifiez les pays pris en charge par le module de livraison.

Cette section constitue une indication et non un conseil juridique. Pour toute question concernant des mentions spécifiques, veuillez consulter votre conseiller juridique.


Si un label manque ou semble incorrect

vous constatez…Cause fréquenteSolution
votre propre badge apparaît sur la page du produit, mais pas dans la listeNombre maximal de badges dans la liste atteint ; vos badges apparaissent en fin de listeAugmenter le « Nombre max. de badges dans la liste des produits », voir Ordre et nombre
Le badge est gris au lieu d’apparaître dans vos couleursCouleur du texte et couleur d'arrière-plan identiqueschoisissez deux couleurs différentes, actualisez la page avec Ctrl + F5
Le badge « à droite » apparaît à gaucheAffichage en liste ou affichage mobile sur deux colonnestel que prévu ; « Nombre de produits côte à côte (mobile) » sous Paramètres → Design → Liste des produits
Les boutons « Liste de souhaits » et « Comparer » ne s'affichent pas dans la vignetteL'article porte un badge « À droite ».Régler le badge sur « Gauche »
« Nouveau » sur presque tous les articlesAffichage automatique en fonction de la date de création, par exemple après une importationRéduire la durée ou désactiver la fonction automatique, voir la mention « Nouveau »
La mention « Nouveau » manque malgré la mention « Top-New »La période « Top-New du/au » est expirée ou n'a pas encore commencéModifier les dates ou vider le champ
« Livraison gratuite » n'apparaît pasLe module « Livraison gratuite » est désactivé ou ne s'applique pas au pays de livraison du visiteurVérifier le module et la zone de livraison
Le badge « Soldes » est manquantLa réduction est inférieure à 0,5 % ou le groupe de clients ne voit pas les prixVérifier le prix promotionnel et le groupe
Image du badge trop grandeImage en taille réelle ou fichier SVG sans largeur ni hauteurRéduire l'image ou enregistrer le fichier SVG avec des dimensions
La page du badge comporte une adresse avec un paramètre« Remarque sur le filtre de badge SEO - URL » videSaisir un nom pour l'adresse

Foire aux questions

Comment gérer la mention « Nouveauté » sur les produits ?

Manuellement via « Produit en tant que nouveauté/coup de cœur (Top-New) » dans l'onglet « Général », avec « Top-New du/au » si vous le souhaitez, ou pour de nombreux articles sous Produits → Produits Top-New. La boutique marque automatiquement tous les articles créés au cours des dernières semaines, à condition que Paramètres → Design → Liste des produits → « Nouveautés et coups de cœur « Top-New » » soit réglé sur « true ». Le nombre de semaines est défini par le paramètre « Durée du marquage « Nouveau » du produit », voir le marquage « Nouveau ».

Puis-je créer un lien direct entre une étiquette de produit et une page CMS ?

Il n’existe pas de champ de lien dédié. Insérez le lien dans la « Description du label » de la valeur. Lorsque le client clique sur le label sur la page du produit, la description s’ouvre dans une fenêtre et le lien devient cliquable, voir Description du label.

Où puis-je modifier la couleur des badges de produit ?

Pour vos propres badges, rendez-vous dans Produits → Badges de produits et utilisez les options « Couleur du symbole/texte du badge » et « Couleur d’arrière-plan du badge ». Choisissez deux couleurs différentes, sinon le badge apparaîtra en gris. Les couleurs des badges automatiques tels que « Nouveau » ou le badge « Soldes » font partie du design et ne peuvent pas être modifiées dans l'interface d'administration, voir Couleurs.

Pourquoi mon badge n'apparaît-il pas dans la liste des produits ?

Par défaut, les listes affichent au maximum trois badges, deux sur mobile, et vos propres badges apparaissent en dernier dans l’ordre d’affichage. Si l’article porte déjà un badge « Soldes », « Nouveau » et « Top », il n’y a plus de place. Augmentez le « Nombre max. de badges dans la liste des produits » dans Paramètres → Général → Valeurs maximales, voir Ordre et nombre.

Pourquoi tous les articles portent-ils la mention « Nouveau » après une importation ?

Lorsque l’option « Nouveautés et coups de cœur « Top-New » » est réglée sur « true », tout article créé au cours des dernières semaines est considéré comme nouveau, y compris ceux issus d’une importation. Réduisez la « Durée du marquage « Nouveau » » ou désactivez l’option automatique en la réglant sur « false », puis marquez les nouveautés manuellement.

Puis-je modifier les textes « Nouveau » ou « Top » ?

Oui, sous Outils → xoLanguage en tant que valeur personnalisée. Cela vaut également pour « Livraison gratuite », « Lot », « FSK 18 » et « Produit de deuxième choix ». Vous pouvez personnaliser vos badges dans le masque de badge avec « Texte du badge ».

Comment attribuer le même badge à plusieurs articles ?

À l’aide d’un fichier CSV et de la colonne « Badges produit », dans laquelle les identifiants des badges sont séparés par des virgules. L’importation remplace tous les badges de l’article. Vous pouvez attribuer des badges à des articles individuels dans le masque de gestion des articles, voir « Sur l’article ».

Comment supprimer un badge de tous les articles ?

Supprimez-le sous Produits → Badges de produits ; la boutique le supprimera alors également de tous les articles. Si vous souhaitez conserver le badge, ouvrez les articles concernés en cliquant sur le nombre dans la colonne « Produits » et supprimez-le individuellement à cet endroit.

Pourquoi l’image de mon badge est-elle si grande ?

La boutique affiche les images d’étiquette dans leur taille réelle en pixels. Enregistrez l’image dans la taille souhaitée ; un fichier SVG doit avoir une largeur et une hauteur définies, sinon le navigateur l’affichera avec une largeur de 300 pixels. Lors de l’enregistrement, la boutique affiche un avertissement à partir d’une longueur de côté de 100 pixels, voir « Étiquette de produit ».

Quelle est la différence entre un badge et une étiquette de produit ?

Un badge est un petit symbole apparaissant sur l’image du produit ou à côté du prix, qui redirige vers une page regroupant tous les articles qui en sont dotés. Une étiquette produit est un indicateur issu d’une catégorie comportant des valeurs, comme une classe d’efficacité énergétique, accompagné d’une image et d’une description qui s’ouvre d’un simple clic.

Pourquoi la mention « Livraison gratuite » n'apparaît-elle pas sur un article marqué ?

Le badge n’apparaît que si le module d’expédition « Livraison gratuite » est activé et proposé pour le pays de livraison du visiteur et cette boutique. Vérifiez le module et la zone d’expédition, voir le guide Expédition & Livraison.

La mention « Forte demande » compte-t-elle vraiment le nombre de personnes ?

Non, la boutique compte les pages vues au cours des dernières 24 heures. Si quelqu’un charge la page plusieurs fois, chaque consultation est comptabilisée. Modifiez la valeur sous Outils → xoLanguage ou désactivez l’indication en la réglant sur 0, voir « Forte demande ».

Puis-je également afficher un badge dans le panier ?

Oui, vous pouvez créer vos propres badges à l’aide du bouton « Afficher le badge dans le panier ». La boutique les affiche alors sur l’article dans le panier et dans le panier latéral.

Guides complémentaires

Nous vous aidons à vous installer

Nous créons avec vous des badges et des étiquettes de produits, adaptons les couleurs et les tailles des étiquettes à votre design et vérifions quels marquages apparaissent dans vos listes.

Contacter l'assistance dès maintenant