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

# Fortschrittsbalken & Produkt-Badges

> Dieser Artikel beschreibt, wie die Funktionen Fortschrittsbalken & Produkt-Badges funktionieren.

Du findest diese Funktionen im **1-Click-Upsell-Editor**, in der linken Seitenleiste unter der Gruppe **Funnel-wide widgets** (die den Fortschrittsbalken und das Badge-Widget enthält):

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="Seitenleiste des Upsell-Editors mit hervorgehobenem Funnel-wide-widgets-Fortschrittsbalken und dem neuen Badge-Widget" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

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

Mit dem **Funnel-Level**-Widget kannst du einem Upsell einen Fortschrittsbalken hinzufügen, der automatisch auf alle Upsells innerhalb desselben Funnels angewendet wird. Das gewährleistet ein einheitliches Erlebnis über alle Angebote hinweg und reduziert gleichzeitig den manuellen Einrichtungsaufwand für Händler.

* Das Widget ist immer verfügbar, aber bei bestehenden Angeboten und Funnels als ausgeblendet markiert.
* Bei neu erstellten Funnels ist es standardmäßig aktiviert.
* Händler können weiterhin über das **Image**-Widget einen eigenen Fortschrittsbalken hochladen, wenn sie ein individuelles Design bevorzugen.

  * Diese Widgets können derzeit nicht übersetzt werden, daher musst du eigene Bilder mit den gewünschten personalisierten Übersetzungen hochladen. Übersetzungen und weitere Optionen werden bald verfügbar sein!

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

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="Panel „Edit Progress Bar Widget“ mit Steuerelementen für Stil, Erscheinungsbild und Abstände neben der Angebotsvorschau" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

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

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="Fortschrittsbalken im Minimal-Stil mit Warenkorb-, Dollar-, Geschenk- und Häkchen-Symbolen ohne Beschriftungen" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal mit Beschriftungen

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="Fortschrittsbalken „Minimal with labels“ mit den Meilensteinen Cart, Order placed und 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="Fortschrittsbalken im Maximal-Stil mit Warenkorb-, Dollar-, Geschenk- und Häkchen-Meilenstein-Symbolen" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

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

Schwarz

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="Fortschrittsbalken in schwarzem Erscheinungsbild über der Upsell-Angebotsvorschau" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

Weiß

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="Fortschrittsbalken in weißem Erscheinungsbild über der Upsell-Angebotsvorschau" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

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

Mit **Produkt-Badges** können Händler wichtige Produktdetails direkt im Angebot hervorheben. Diese Badges lenken die Aufmerksamkeit auf wichtige Merkmale oder Angebote und erhöhen die Sichtbarkeit und das Käufervertrauen.

* Als Option bei jedem Produkt verfügbar.
* Händler können eigene Badges hochladen.
* Farben, Text und Symbole können derzeit nicht bearbeitet werden, aber anpassbare Vorlagen werden bald verfügbar sein.

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

<div id="badge-labels-options">
  ## Optionen für Badge-Beschriftungen:
</div>

* **Bestseller** — Ideal, um Produkte mit den höchsten Verkaufszahlen oder der stärksten Performance hervorzuheben und Vertrauen sowie Social Proof zu stärken.
* **Trending** — Perfekt, um Produkte zu präsentieren, die gerade an Fahrt gewinnen oder hohes Engagement erfahren.
* **New** — Am besten geeignet, um die Aufmerksamkeit auf neu eingeführte Produkte oder Angebote zu lenken.
* **Lowest Price** — Nützlich, um rabattierte oder preislich besonders attraktive Artikel zu bewerben und schnelle Conversions zu fördern.
* **Ships Free** — Perfekt, um Gratisversand-Angebote zu betonen und Kaufzurückhaltung abzubauen.

<div id="appearance-options">
  ## Erscheinungsbild-Optionen
</div>

Badges gibt es in vier Erscheinungsbild-Stilen, passend zu verschiedenen Funnel-Designs und Markenästhetiken:

* **Vibrant** — Hell und auffällig, ideal, um sofortige Aufmerksamkeit auf wichtige Angebote zu lenken.
* **Vibrant Inverse** — Eine Variante von Vibrant mit invertierten Farben für einen kräftigeren Kontrast.
* **Classic Dark** — Sauber und professionell, am besten für hellere Hintergründe.
* **Classic Light** — Dezent und minimalistisch, entworfen für dunklere Hintergründe oder einen weicheren Look.

<div id="position-in-offer">
  ## Position im Angebot
</div>

Badges können an verschiedenen Positionen im Angebotslayout platziert werden, um am besten zu deinem Design zu passen und die Aufmerksamkeit dorthin zu lenken, wo sie am wirksamsten ist:

* **Above Product Title** — Ideal für sofortige Sichtbarkeit, bevor der Käufer die Produktdetails liest.
* **Adjacent to Product Price** — Perfekt, um Dringlichkeit oder Wert in der Nähe des Preises zu unterstreichen.
* **Below Product Price** — Am besten für subtiles Messaging, das die Kaufentscheidung unterstützt, ohne abzulenken.

***

<div id="why-it-matters">
  ## Warum das wichtig ist
</div>

Fortschrittsbalken haben bei vielen Händlern, einschließlich derjenigen, die Smart Funnels verwenden, durchgängig positive Ergebnisse bei der Verbesserung des Umsatzes pro Besucher (RPV) und der Conversion-Raten gezeigt.

Ebenso haben sich **Produkt-Badges** als wirksam erwiesen, um Vertrauen und Käuferbewusstsein zu stärken, was zu messbaren Verbesserungen der gesamten Funnel-Performance führt.