Wichtige Takeaways
- Das „Sale“-Badge erscheint automatisch, wenn du einen Vergleichspreis für ein Produkt festlegst.
- „Neu“-, „Bestseller“- und benutzerdefinierte Badges hängen von deinem Theme ab – prüfe zuerst die Einstellungen im Theme-Editor.
- Viele Themes zeigen Produkt-Tags als Badges auf Kategorie- und Produktseiten an.
- Für individuell gestaltete Badges an bestimmten Positionen solltest du Fudge verwenden.
Produkt-Badges ziehen in Kategorie-Rastern die Aufmerksamkeit auf sich und verwandeln Besucher in Käufer. Ein gut platziertes „Sale“- oder „Bestseller“-Badge erzeugt Dringlichkeit und signalisiert auf einen Blick Social Proof.
Warum du uns vertrauen kannst
Wir haben die Conversion-Rate für Hunderte von Shopify-Stores optimiert. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer Bewertung von 4.9 im Shopify App Store.
Das „Sale“-Badge – automatisch
Shopify zeigt ein „Sale“-Badge bei jedem Produkt an, bei dem der Vergleichspreis höher angesetzt ist als der aktuelle Preis.
So aktivierst du das Sale-Badge:
Schritt 1. Öffne ein Produkt im Admin-Bereich.
Schritt 2. Gib im Abschnitt „Preisgestaltung“ den aktuellen (reduzierten) Preis im Feld Preis ein.
Schritt 3. Gib den ursprünglichen Preis im Feld Vergleichspreis ein.
Schritt 4. Speichern.
Das Badge erscheint automatisch auf Kategorieseiten und Produktseiten. Das genaue Design und die Position werden durch dein Theme gesteuert.
Verwandt: Change Product Badges in Shopify.
Verwandt: Add New Badges in Shopify.
„Neu“, „Bestseller“ und andere Theme-Badges
Einige Shopify-Themes enthalten integrierte Badge-Systeme, die über ein einfaches „Sale“ hinausgehen. Überprüfe deine Theme-Einstellungen, bevor du nach Workarounds suchst.
Schritt 1. Gehe zu Online-Shop > Themes > Anpassen.
Schritt 2. Klicke in einer Kategorieansicht auf eine Produktkarte oder navigiere zu einer Produktseite.
Schritt 3. Suche in den Block- oder Abschnittseinstellungen nach Optionen für Badges. Häufige Bezeichnungen sind „Produkt-Badges“, „Labels“ oder „Sticker“.
Schritt 4. Einige Themes ermöglichen es dir, festzulegen, welcher Produkt-Tag welches Badge auslöst. Wenn du zum Beispiel ein Produkt mit „Neu“ taggst, zeigt das Theme ein „Neu“-Badge auf der Produktkarte an.
Wenn dein Theme dies unterstützt, aktiviere es hier und füge den Produkten die entsprechenden Tags hinzu.
Passend dazu: So fügen Sie ein Hover-Bild zu Shopify-Produktkarten hinzu (2026).
Passend dazu: So fügst du neue Badges in Shopify hinzu (2026).
Product Tags als Badges nutzen
Auch ohne dedizierte Badge-Unterstützung im Theme stellen viele Themes Product Tags visuell in den Kategorieseiten dar.
So fügst du einem Produkt einen Tag hinzu:
Schritt 1. Öffne das Produkt im Admin-Bereich.
Schritt 2. Suche in der rechten Seitenleiste das Feld Tags.
Schritt 3. Füge den Tag hinzu (z. B. „neu“, „bestseller“, „limited-edition“).
Schritt 4. Speichern.
Ob dieser Tag als sichtbares Badge erscheint, hängt allein von deinem Theme ab. Prüfe nach dem Hinzufügen eines Tags deine Kategorieseiten. Wenn etwas erscheint, hast du ein einfaches System, um Badges direkt über den Admin-Bereich zu steuern.
Lohnen sich Product Badges?
Ja – wenn sie sparsam eingesetzt werden.
Badges funktionieren, weil:
- Sie für schnellere Entscheidungen auf Kategorie-Seiten sorgen, wenn Käufer das Angebot nur überfliegen
- „Sale“ und „Bestseller“ echte Social-Proof-Signale aussenden
- Urgency-Badges („Geringer Bestand“, „Schnell vergriffen“) das Zögern reduzieren
Badges verlieren ihre Wirkung, wenn:
- Jedes Produkt ein Badge hat – sie werden dann zu visuellem Rauschen
- Das Badge nicht zutrifft (alles als „Bestseller“ zu markieren, zerstört das Vertrauen)
- Das Design sich mit dem Produktbild beißt
Eine nützliche Faustregel: Nutze Badges für maximal 20-30 % deines Katalogs gleichzeitig.
Mehr dazu: Produkt-Badges in Shopify ändern.
Mehr dazu: Bestseller-Badges in Shopify hinzufügen.
Mehr dazu: Trust-Badges im Shopify-Checkout hinzufügen.
Individuelle Product Badges ohne Code
Wenn dein Theme den benötigten Badge-Typ nicht unterstützt oder das Design nicht passt, hast du zwei Möglichkeiten ohne selbst zu coden:
Eine Shopify-App – verschiedene Apps fügen individuelle Badge-Funktionen hinzu. Suche im Shopify App Store nach „Product Badges“.
Fudge – beschreibe genau, was du möchtest, und Fudge generiert das Badge als nativen Liquid-Code in deinem Theme.
Zum Beispiel: „Füge ein ‚Vegan‘-Badge oben links auf den Produktbildern in Kategorieseiten ein, für alle Produkte mit dem Tag ‚vegan‘. Gestalte es mit grünem Hintergrund und weißem Text.“
Fudge erstellt einen Entwurf der Änderung, den du prüfen kannst, bevor er live geht.
Optionen für die Badge-Platzierung
Gängige Positionen für Badges auf Shopify-Produktseiten:
- Oben links auf dem Produktbild – am besten sichtbar, gut für Sale- und Status-Badges.
- Oben rechts auf dem Produktbild – Alternative, falls die linke Seite mit anderen Elementen kollidiert.
- Unter dem Produkttitel – eignet sich gut für Trust-Labels wie „Vegan“ oder „Bio“.
- Neben dem Preis – natürliche Platzierung für den Kontext eines Angebotspreises.
FAQ
Der Vergleichspreis muss höher sein als der aktuelle Preis – sind beide gleich oder ist der Vergleichspreis leer, erscheint kein Badge. Überprüfe auch die Einstellungen in deinem Theme-Editor; manche Themes haben einen Schalter für "Sale-Badge anzeigen", der deaktiviert sein könnte. Fehlt es danach immer noch, wurde das Badge vielleicht durch eine individuelle Anpassung im Theme entfernt.
(compare_at_price - current_price) / compare_at_price, abgerundet. Ein Produkt, das von 100 € auf 80 € reduziert wurde, zeigt also "20 % Rabatt" an. Manche Themes runden auf die nächsten 5 %; andere zeigen den genauen Prozentsatz. Viele Themes haben auch eine Einstellung, um die Prozentzahl auszublenden und stattdessen nur "Sale" anzuzeigen.
Das geht, wird aber nicht empfohlen. Fest im Bild eingebetteter Sale-Text aktualisiert sich nicht bei Preisänderungen, lässt sich nicht in andere Märkte oder Währungen übersetzen und schadet der SEO (Google kann keine Preise in Bildern lesen). Nutze stattdessen den Vergleichspreis in Kombination mit dem nativen Badge – das ist dynamisch und einheitlich.
Standardmäßig nicht im Theme-Editor, aber mit eigener Liquid-Logik ist das möglich. Beschreibe Fudge einfach die Bedingung ("zeige dieses Member-only-Badge nur Kunden mit dem Tag 'vip' an") und es packt das Badge in den passenden {% if customer.tags contains '…' %}-Block. Praktisch für VIP-Labels, B2B-spezifische Badges oder alles, was an Kundenattribute gekoppelt ist.
Indirekt. Der Text in benutzerdefinierten Badges (wie "Vegan" oder "Bio"), der im HTML der Seite gerendert wird, kann von Google indexiert werden, was bei relevanten Suchanfragen helfen kann. Die nativen Sale- und Ausverkauft-Badges sind dagegen nicht besonders SEO-relevant – sie sind eher UI-Elemente für die Käufer als Ranking-Signale.