> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Barres de progression et badges de produits

> Cet article explique le fonctionnement des fonctionnalités de barre de progression et de badges de produits.

Vous trouverez ces fonctionnalités dans l'**éditeur d'upsell en 1 clic**, dans la barre latérale gauche, sous le groupe **Funnel-wide widgets** (qui contient la barre de progression et le widget Badge) :

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="Barre latérale de l'éditeur d'upsell mettant en évidence la barre de progression des Funnel-wide widgets et le nouveau widget Badge" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

<div id="progress-bars">
  ## Barres de progression
</div>

Le widget **Funnel-Level** vous permet d'ajouter une barre de progression à un upsell et de l'appliquer automatiquement à tous les upsells du même tunnel. Cela garantit une expérience cohérente entre les offres tout en réduisant la configuration manuelle pour les marchands.

* Le widget est toujours disponible mais marqué comme masqué pour les offres et tunnels existants.
* Il est activé par défaut pour les tunnels nouvellement créés.
* Les marchands peuvent toujours téléverser une barre de progression personnalisée à l'aide du widget **Image** s'ils préfèrent un design sur mesure, etc.

  * Vous ne pouvez actuellement pas traduire ces widgets et devez donc téléverser des images personnalisées avec les traductions dont vous avez besoin. Les traductions et davantage d'options seront bientôt disponibles !

<div id="settings">
  ### Paramètres
</div>

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="Panneau Edit Progress Bar Widget avec les contrôles de style, d'apparence et de marges à côté de l'aperçu de l'offre" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

<div id="style">
  ### Style
</div>

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="Barre de progression de style Minimal affichant les icônes panier, dollar, cadeau et coche sans libellés" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal with labels

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="Barre de progression Minimal with labels affichant les étapes Cart, Order placed et Done" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-with-labels.gif" />

Maximal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-maximal-style-milestones.gif?s=c480f2cb09be0ca53092012ef4e46357" alt="Barre de progression de style Maximal avec les icônes d'étapes panier, dollar, cadeau et coche" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

<div id="appearance">
  ### Apparence
</div>

Black

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="Barre de progression d'apparence Black affichée au-dessus de l'aperçu de l'offre d'upsell" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

White

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="Barre de progression d'apparence White affichée au-dessus de l'aperçu de l'offre d'upsell" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

<div id="product-badges">
  ## Badges de produits
</div>

Les **badges de produits** permettent aux marchands de mettre en avant des détails clés du produit directement sur l'offre. Ces badges aident à attirer l'attention sur des caractéristiques ou des offres importantes, augmentant la visibilité et la confiance des acheteurs.

* Disponibles en option sur chaque produit.
* Les marchands peuvent téléverser leurs propres badges personnalisés.
* Les couleurs, le texte et les icônes ne peuvent actuellement pas être modifiés, mais des modèles personnalisables seront bientôt disponibles.

<div id="settings-2">
  ### Paramètres
</div>

<div id="badge-labels-options">
  ## Options de libellés de badges :
</div>

* **Bestseller** — Idéal pour mettre en avant les produits avec les meilleures ventes ou les plus fortes performances afin de renforcer la confiance et la preuve sociale.
* **Trending** — Parfait pour présenter les produits qui gagnent actuellement en popularité ou connaissent un fort engagement.
* **New** — Idéal pour attirer l'attention sur les produits ou offres récemment lancés.
* **Lowest Price** — Utile pour promouvoir les articles remisés ou au meilleur rapport qualité-prix afin d'encourager des conversions rapides.
* **Ships Free** — Parfait pour souligner les offres de livraison gratuite, aidant à réduire l'hésitation à l'achat.

<div id="appearance-options">
  ## Options d'apparence
</div>

Les badges existent en quatre styles d'apparence pour correspondre aux différents designs de tunnels et esthétiques de marque :

* **Vibrant** — Lumineux et accrocheur, idéal pour attirer immédiatement l'attention sur les offres clés.
* **Vibrant Inverse** — Une variante de Vibrant avec des couleurs inversées pour un contraste plus marqué.
* **Classic Dark** — Épuré et professionnel, idéal pour les arrière-plans clairs.
* **Classic Light** — Discret et minimaliste, conçu pour les arrière-plans sombres ou un rendu plus doux.

<div id="position-in-offer">
  ## Position dans l'offre
</div>

Les badges peuvent être placés à différents endroits de la mise en page de l'offre pour s'adapter au mieux à votre design et attirer l'attention là où c'est le plus efficace :

* **Above Product Title** — Idéal pour une visibilité immédiate avant que l'acheteur ne lise les détails du produit.
* **Adjacent to Product Price** — Parfait pour renforcer l'urgence ou la valeur à proximité du prix.
* **Below Product Price** — Idéal pour un message discret qui soutient la décision d'achat sans distraire.

***

<div id="why-it-matters">
  ## Pourquoi c'est important
</div>

Les barres de progression ont constamment montré des résultats positifs dans l'amélioration du revenu par visiteur (RPV) et des taux de conversion chez de nombreux marchands, y compris ceux utilisant les Smart Funnels.

De même, les **badges de produits** se sont révélés efficaces pour renforcer la confiance et la sensibilisation des acheteurs, conduisant à des améliorations mesurables des performances globales des tunnels.