Das Wichtigste in Kürze
- Das „Sale“-Badge erscheint automatisch, wenn du für ein Produkt einen Vergleichspreis festlegst.
- „Neu“, „Bestseller“ und benutzerdefinierte Badges hängen von deinem Theme ab – überprüfe zuerst die Theme-Editor-Einstellungen.
- Viele Themes zeigen Produkt-Tags auf Kategorie- und Produktseiten als Badges an.
- Für individuell gestaltete Badges an bestimmten Positionen nutzt du am besten Fudge.
Produkt-Badges fallen in Produktübersichten sofort auf und machen aus Besuchern Käufer. Ein gut platziertes „Sale“- oder „Bestseller“-Badge erzeugt Dringlichkeit und vermittelt auf einen Blick Social Proof.
Warum du uns vertrauen kannst
Wir haben die Conversion Rate für hunderte Shopify-Stores optimiert. Außerdem haben wir Fudge entwickelt — einen KI-gestützten Editor für Storefronts mit einer 5,0-Sterne-Bewertung 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 gezielt eingesetzt werden.
Badges funktionieren, weil:
- Sie schnellere Entscheidungen in Kategorien fördern, in denen Käufer nur scannen
- „Sale“ und „Bestseller“ echte Social-Proof-Signale senden
- Dringlichkeits-Badges („Nur noch wenige verfügbar“, „Schnell vergriffen“) Zögern reduzieren
Badges funktionieren nicht mehr, wenn:
- Jedes Produkt ein Badge hat – sie werden zu visuellem Rauschen
- Das Badge nicht korrekt ist (alles als „Bestseller“ zu bezeichnen, untergräbt das Vertrauen)
- Das Design mit dem Produktbild kollidiert
Eine nützliche Regel: Wende Badges zu jedem Zeitpunkt auf maximal 20-30 % deines Katalogs an.
Passend dazu: So änderst du Produkt-Badges in Shopify (2026).
Passend dazu: So fügst du Best-Seller-Badges in Shopify hinzu (2026).
Passend dazu: So fügst du Trust Badges zum Shopify Checkout hinzu (2026).
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 – wenn sie gleich sind oder der Vergleichspreis leer ist, erscheint kein Badge. Überprüfe auch die Theme-Editor-Einstellungen deines Themes; manche Themes haben einen Schalter für das Anzeigen des Sale-Badges ("Sale-Badge anzeigen"), der deaktiviert sein könnte. Wenn es immer noch fehlt, wurde das Badge möglicherweise durch eine Anpassung in deinem Theme entfernt.
(Vergleichspreis - aktueller Preis) / Vergleichspreis, abgerundet. Ein Produktteil, 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 an. Viele Themes bieten auch eine Einstellung, um den Prozentsatz zu deaktivieren und stattdessen nur "Sale" anzuzeigen.
Das kannst du tun, es ist aber nicht empfehlenswert. Fest integrierter Sale-Text in Produktbildern wird bei Preisänderungen nicht automatisch aktualisiert, lässt sich nicht für andere Märkte/Währungen übersetzen und schadet der SEO (Google kann keine Preise auf Bildern lesen). Nutze stattdessen den Vergleichspreis + das native Badge – das ist dynamisch und bleibt konsistent.
Standardmäßig im Theme-Editor nicht, aber mit einer eigenen Liquid-Logik schon. Beschreibe deine Bedingung einfach für Fudge ("Zeige dieses 'Nur für Mitglieder'-Badge nur Kunden mit dem Tag 'vip' an") und die KI verpackt das Badge in den passenden {% if customer.tags contains '…' %}-Block. Ideal für VIP-Labels, B2B-spezifische Badges oder alles andere, was an spezielle Kundenattribute geknüpft ist.
Indirekt. Der Text in benutzerdefinierten Badges (wie "Vegan" oder "Bio"), der im HTML-Code der Seite eingebunden ist, kann von Google indexiert werden, was bei passenden Suchbegriffen hilft. Native "Sale"- und "Ausverkauft"-Badges sind für SEO nicht besonders relevant – sie dienen eher der Benutzererfahrung als echten Ranking-Signalen.