So fügst du Product Badges in Shopify hinzu (2026)

Zuletzt aktualisiert
•
Von Experten geprüft
•
5 Min. Lesezeit

Wichtigste Erkenntnisse

  • 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 – checke zuerst die Theme-Editor-Einstellungen.
  • Einige Themes zeigen Produkt-Tags als Badges an; Dawn und die meisten kostenlosen Themes tun das nicht.
  • Für individuell gestaltete Badges an bestimmten Positionen solltest du Fudge verwenden.

Um in Shopify Produkt-Badges hinzuzufügen, lege einen Vergleichspreis für ein automatisches Sale-Badge fest. Für Neu-, Bestseller- oder benutzerdefinierte Badges überprüfe die Badge-Einstellungen deines Themes oder verwende Produkt-Tags, eine App oder eine kleine Liquid-Änderung. Produkt-Badges helfen einem Produkt, sich in einem Kategorie-Raster hervorzuheben.

Warum du uns vertrauen kannst

Wir haben für hunderte Shopify-Shops an der Conversion-Rate-Optimierung gearbeitet. Außerdem haben wir Fudge entwickelt, den KI-Operator für Shopify-Shops, mit einer 4.9-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 nur „Sale“ hinausgehen. Überprüfe die Einstellungen deines Themes, bevor du nach Workarounds suchst.

Schritt 1. Gehe zu Onlineshop > Themes > Anpassen.

Schritt 2. Klicke in einer Kategorie-Ansicht auf eine Produktkarte oder navigiere zu einer Produktseite.

Schritt 3. Suche in den Block- oder Abschnittseinstellungen nach badgebezogenen Optionen. Häufige Bezeichnungen sind „Produkt-Badges“, „Labels“ oder „Sticker“.

Schritt 4. Bei manchen Themes kannst du festlegen, welcher Produkt-Tag welches Badge auslöst. Wenn du beispielsweise ein Produkt als „neu“ taggst, zeigt das Theme ein „Neu“-Badge auf der Karte dieses Produkts an.

Wenn dein Theme dies unterstützt, aktiviere es hier und wende die entsprechenden Tags auf Produkte an.

Informationen zu einem „Neu“-Badge und wann es entfernt werden sollte, findest du unter Ein „Neu“-Badge in Shopify hinzufügen.


Product Tags als Badges nutzen

Einige Themes zeigen Produkt-Tags als Badges an; Dawn und die meisten kostenlosen Themes tun das nicht.

So fügst du einem Produkt einen Tag hinzu:

Schritt 1. Öffne das Produkt im Adminbereich.

Schritt 2. Finde 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 angezeigt wird, hängt komplett von deinem Theme ab. Überprüfe deine Kategorie-Seiten nach dem Hinzufügen eines Tags, um zu sehen, ob etwas erscheint. Wenn ja, hast du ein einfaches System zur Steuerung von Badges aus dem Adminbereich.


Lohnen sich Product Badges?

Ja – wenn sie mit Zurückhaltung eingesetzt werden.

Badges funktionieren, weil:

  • Sie auf Kategorie-Rastern, auf denen Käufer die Seite überfliegen, schnellere Entscheidungen auslösen
  • „Sale“ und „Bestseller“ echte Social-Proof-Signale senden
  • Dringlichkeits-Badges („Geringer Bestand“, „Verkauft sich schnell“) das Zögern reduzieren

Badges funktionieren nicht mehr, wenn:

  • Jedes Produkt ein Badge hat – sie werden zu visuellem Rauschen
  • Das Badge nicht akkurat ist (alles „Bestseller“ zu nennen, zerstört das Vertrauen)
  • Das Styling mit dem Produktbild kollidiert

Eine nützliche Regel: Wende Badges auf nicht mehr als 20-30 % deines Katalogs gleichzeitig an.

Willst du individuell gestaltete Badges auf deinen Produktseiten? Beschreibe sie Fudge.
Kostenlose Testversion starten

Für ein Bestseller-Badge siehe Bestseller-Badges in Shopify hinzufügen.


Individuelle Product Badges ohne Code

Wenn dein Theme den von dir benötigten Badge-Typ nicht unterstützt oder das Styling nicht passt, hast du zwei Optionen, ohne selbst Code anfassen zu müssen:

Eine Shopify-App – mehrere Apps fügen benutzerdefinierte Badge-Funktionen hinzu. Suche im Shopify App Store nach „product badges“.

Fudge – beschreibe genau, was du willst, und Fudge, der KI-Operator für Shopify-Shops, generiert das Badge als nativen Liquid-Code in deinem Theme.

Zum Beispiel: „Füge ein ‚Vegan‘-Badge in der oberen linken Ecke von Produktbildern auf Kategorie-Seiten für alle Produkte hinzu, die mit ‚vegan‘ getaggt sind. Gestalte es mit einem grünen Hintergrund und weißem Text.“

Fudge entwirft die Änderung in seinem Shop-Editor zur Überprüfung durch dich, bevor etwas live geht, und vergleicht dann die Add-to-Cart-Rate auf diesen Seiten vor und nach dem Erscheinen der Badges.


Optionen für die Badge-Platzierung

Häufige 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 Position, wenn oben links mit anderen Elementen in Konflikt steht
  • Unter dem Produkttitel – funktioniert gut für Vertrauens-Labels wie „Vegan“ oder „Bio“
  • Neben dem Preis – natürliche Platzierung für den Kontext des Angebotspreises

Für Text-Labels unter dem Titel statt Badges auf dem Bild, siehe Labels vs. Badges.


FAQ

Warum wird mein Sale-Badge in Shopify nicht angezeigt?

Der Vergleichspreis muss höher sein als der aktuelle Preis – wenn sie gleich sind oder der Vergleichspreis leer ist, wird kein Badge angezeigt. Prüfe auch die Theme-Editor-Einstellungen deines Themes; manche Themes haben einen Schalter für das "Sale-Badge anzeigen", der deaktiviert sein könnte. Wenn es immer noch fehlt, hat dein Theme das Badge vielleicht durch eine Anpassung entfernt.

Wie wird der Prozentsatz auf einem Sale-Badge berechnet?

Durch dein Theme, meist als (Vergleichspreis - Preis) / Vergleichspreis. Ein Produkt von 100 € → 80 € zeigt „20% Rabatt“ (oder "20% off"). Dawn zeigt „Sale“ ohne Prozentsatz; andere Themes haben eine Einstellung dafür.

Kann ich den „Sale“-Text in das Produktbild einfügen, anstatt ein Badge zu verwenden?

Das kannst du, aber es wird nicht empfohlen. Eingebackener Sale-Text in Produktbildern aktualisiert sich nicht, wenn sich Preise ändern, lässt sich nicht in andere Märkte/Währungen übersetzen und schadet dem SEO (Google kann keine Preise in Bildern lesen). Nutze stattdessen den Vergleichspreis + natives Badge – das ist dynamisch und konsistent.

Kann ich verschiedenen Kundensegmenten unterschiedliche Badges anzeigen?

Nicht nativ im Theme-Editor, aber ja, mit benutzerdefinierter Liquid-Logik. Beschreibe Fudge die Bedingung ("Zeige dieses Nur-für-Mitglieder-Badge nur Kunden an, die mit 'vip' getaggt sind") und es verpackt das Badge in den richtigen {% if customer.tags contains '…' %} Block. Nützlich für VIP-Labels, B2B-spezifische Badges oder alles, was durch Kundenattribute geschützt ist.

Beeinflussen Badges meine Shopify-Suchergebnisse?

Indirekt. Der Text in benutzerdefinierten Badges (wie „Vegan“ oder „Bio“), der im Seiten-HTML gerendert wird, ist für Google indexierbar, was bei relevanten Keyword-Treffern helfen kann. Native Sale- und Ausverkauft-Badges sind nicht besonders SEO-relevant – sie sind eher kundenorientiertes UI als Ranking-Signale.

Jacques's signature
Füge benutzerdefinierte Produkt-Badges hinzu, indem du einfach beschreibst, was du willst.

You might also be interested in

Jacques Blom
Jacques Blom
CTO bei Fudge.