> ## 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.

# Voortgangsbalken & productbadges

> Dit artikel beschrijft hoe de voortgangsbalk- en productfuncties werken.

Je vindt deze functies in de **1-click upsell-editor**, in de linkerzijbalk onder de groep **Funnel-wide widgets** (waarin de voortgangsbalk en de Badge-widget staan):

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="Upsell-editor-zijbalk met de Funnel-wide widgets-voortgangsbalk en de nieuwe Badge-widget gemarkeerd" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

<div id="progress-bars">
  ## Voortgangsbalken
</div>

Met de **Funnel-Level**-widget kun je een voortgangsbalk aan één upsell toevoegen en deze automatisch laten toepassen op alle upsells binnen dezelfde funnel. Dit zorgt voor een consistente ervaring bij alle aanbiedingen en vermindert handmatig instelwerk voor merchants.

* De widget is altijd beschikbaar, maar staat als verborgen gemarkeerd voor bestaande aanbiedingen en funnels.
* Voor nieuw aangemaakte funnels is deze standaard ingeschakeld.
* Merchants kunnen nog steeds een eigen voortgangsbalk uploaden via de **Image**-widget als ze bijvoorbeeld de voorkeur geven aan een eigen ontwerp.

  * Je kunt deze widgets momenteel niet vertalen en moet daarom eigen afbeeldingen uploaden met de gepersonaliseerde vertalingen die je nodig hebt. Vertalingen en meer opties zijn binnenkort beschikbaar!

<div id="settings">
  ### Instellingen
</div>

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="Paneel Edit Progress Bar Widget met stijl-, weergave- en opvullingsopties naast de aanbiedingsvoorvertoning" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

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

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="Voortgangsbalk in Minimal-stijl met winkelwagen-, dollar-, cadeau- en vinkjespictogrammen zonder labels" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal met labels

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="Voortgangsbalk Minimal met labels met de mijlpalen Cart, Order placed en 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="Voortgangsbalk in Maximal-stijl met winkelwagen-, dollar-, cadeau- en vinkjesmijlpaalpictogrammen" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

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

Zwart

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="Zwarte voortgangsbalk weergegeven boven de voorvertoning van de upsell-aanbieding" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

Wit

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="Witte voortgangsbalk weergegeven boven de voorvertoning van de upsell-aanbieding" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

<div id="product-badges">
  ## Productbadges
</div>

Met **productbadges** kunnen merchants belangrijke productdetails direct op de aanbieding uitlichten. Deze badges helpen de aandacht te vestigen op belangrijke functies of aanbiedingen, wat de zichtbaarheid en het kopersvertrouwen vergroot.

* Beschikbaar als optie op elk product.
* Merchants kunnen hun eigen aangepaste badges uploaden.
* Kleuren, tekst en pictogrammen kunnen momenteel niet worden bewerkt, maar aanpasbare templates zijn binnenkort beschikbaar.

<div id="settings-2">
  ### Instellingen
</div>

<div id="badge-labels-options">
  ## Opties voor badgelabels:
</div>

* **Bestseller** - Ideaal om producten met de hoogste verkoop of sterkste prestaties uit te lichten en zo vertrouwen en social proof te vergroten.
* **Trending** - Perfect om producten te tonen die momenteel populair zijn of veel interactie krijgen.
* **New** - Het beste om de aandacht te vestigen op nieuw gelanceerde producten of aanbiedingen.
* **Lowest Price** - Handig om afgeprijsde of voordelige artikelen te promoten en snelle conversies te stimuleren.
* **Ships Free** - Perfect om aanbiedingen met gratis verzending te benadrukken en zo aankooptwijfel te verminderen.

<div id="appearance-options">
  ## Weergaveopties
</div>

Badges zijn er in vier weergavestijlen, passend bij verschillende funnelontwerpen en merkuitstralingen:

* **Vibrant** - Fel en opvallend, ideaal om direct de aandacht te vestigen op belangrijke aanbiedingen.
* **Vibrant Inverse** - Een variant van Vibrant met omgekeerde kleuren voor een krachtiger contrast.
* **Classic Dark** - Strak en professioneel, het beste voor lichtere achtergronden.
* **Classic Light** - Subtiel en minimalistisch, ontworpen voor donkere achtergronden of een zachtere uitstraling.

<div id="position-in-offer">
  ## Positie in de aanbieding
</div>

Badges kunnen op verschillende posities binnen de lay-out van de aanbieding worden geplaatst, zodat ze het beste bij je ontwerp passen en de aandacht trekken waar dat het meest effectief is:

* **Boven de producttitel** - Perfect voor directe zichtbaarheid voordat de shopper de productdetails leest.
* **Naast de productprijs** - Ideaal om urgentie of waarde te versterken vlak bij de prijs.
* **Onder de productprijs** - Het beste voor subtiele boodschappen die de aankoopbeslissing ondersteunen zonder af te leiden.

***

<div id="why-it-matters">
  ## Waarom dit belangrijk is
</div>

Voortgangsbalken laten consequent positieve resultaten zien in het verbeteren van zowel de omzet per bezoeker (RPV) als de conversiepercentages bij veel merchants, ook bij winkels die Smart Funnels gebruiken.

Op vergelijkbare wijze zijn **productbadges** effectief gebleken in het vergroten van vertrouwen en kopersbewustzijn, wat leidt tot meetbare verbeteringen in de algehele funnelprestaties.