Wichtigste Erkenntnisse
- Shopify zeigt „Sale“- und „Ausverkauft“-Badges automatisch an. Alle anderen erfordern eine Einrichtung.
- Einige Themes nutzen Produkt-Tags, um benutzerdefinierte Badges auszulösen; Dawn und die meisten kostenlosen Themes tun dies nicht.
- Für Badge-Arten, die dein Theme nicht unterstützt, kannst du mit Fudge eine benutzerdefinierte Version erstellen.
- Badges funktionieren am besten in Kategorie-Rastern, wo Käufer mehrere Produkte auf einmal vergleichen.
Um in Shopify ein „Neu“-Badge hinzuzufügen, tagge das Produkt mit new und überprüfe, ob dein Theme Tag-Badges anzeigt. Dawn und die meisten kostenlosen Themes tun das nicht, weshalb du eventuell die Badge-Einstellungen deines Themes, eine App oder eine kleine Liquid-Anpassung brauchst. Ein „Neu“-Badge fällt wiederkehrenden Kunden auf, die dein Sortiment bereits kennen.
Warum du uns vertrauen kannst
Wir haben Storefronts für hunderte von Shopify-Brands erstellt und wissen, was konvertiert. Wir haben auch Fudge entwickelt, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store.
Was sind Produkt-Badges in Shopify?
Produkt-Badges sind kleine Labels, die auf Produktbildern oder -karten erscheinen – auf Kategorie- und Produktseiten –, um den Status oder eine Eigenschaft eines Produkts hervorzuheben.
Native Shopify-Badges:
- Sale - automatisch, wenn ein Vergleichspreis (compare-at price) festgelegt ist
- Ausverkauft (Sold Out) - automatisch, wenn der Bestand null erreicht
Häufige benutzerdefinierte Badges:
- Neu
- Bestseller
- Limited Edition
- Staff Pick
- Trending
- Wieder da (Back in Stock)
- Vegan / Bio / Handgemacht (Trust Labels)
Benutzerdefinierte Badges erfordern, dass dein Theme sie unterstützt, oder eine eigene Implementierung.
Wie sich Badges von reinen Text-Labels wie „Vegan“ unterscheiden, erfährst du unter Labels vs. Badges.
So fügst du ein „Neu“-Badge mithilfe von Produkt-Tags hinzu
Einige Themes nutzen Produkt-Tags, um benutzerdefinierte Badges auszulösen; Dawn und die meisten kostenlosen Themes tun das nicht. Bei Themes, die es unterstützen:
Schritt 1. Öffne das Produkt, das du mit einem Badge versehen möchtest.
Schritt 2. Finde das Feld Tags in der rechten Seitenleiste.
Schritt 3. Füge den Tag new (kleingeschrieben) hinzu.
Schritt 4. Speichere das Produkt.
Schritt 5. Überprüfe eine Kategorieseite. Wenn dein Theme „new“ als Auslöser für ein Badge erkennt, erscheint das Label automatisch.
Wenn nichts angezeigt wird, hat das Theme diese Funktion nicht integriert. Überprüfe als Nächstes die Einstellungen im Theme-Editor.
Für andere Badge-Arten siehe Produkt-Badges in Shopify hinzufügen.
Badge-Einstellungen im Theme Editor prüfen
Schritt 1. Gehe zu Onlineshop > Themes > Anpassen (Customize).
Schritt 2. Navigiere zu einer Kategorieseite.
Schritt 3. Klicke auf den Kategorie-Abschnitt oder eine Produktkarte.
Schritt 4. Suche im Einstellungsbereich nach einer Option für Badges, Labels oder Produkt-Sticker.
Schritt 5. Bei einigen Themes kannst du bestimmte Tags bestimmten Badge-Labels zuweisen. Konfiguriere den Tag „new“ so, dass der Text „Neu“ angezeigt wird, und wähle deine Badge-Farbe.
Wenn diese Option in deinem Theme existiert, hast du nun ein Tag-basiertes Badge-System für jeden benötigten Badge-Typ.
Hinzufügen benutzerdefinierter Badge-Typen („Limited Edition“, „Staff Pick“ etc.)
Für Badge-Arten, die über das hinausgehen, was dein Theme nativ unterstützt:
Option A – Eine Badge-App. Suche im Shopify App Store nach „product badges“ oder „product labels“. Etliche kostenlose und kostenpflichtige Apps fügen flexible Badge-Systeme ohne Code hinzu.
Option B – Fudge. Beschreibe das gewünschte Badge und Fudge, der KI-Operator für Shopify-Stores, erstellt es als nativen Liquid-Code in deinem Theme, ohne ein App-Skript auf jeder Seite laden zu müssen.
Beispiel-Prompt: „Füge oben rechts auf Produktbildern ein ‘Limited Edition’-Badge für jedes Produkt mit dem Tag ‘limited-edition’ hinzu. Verwende einen roten Banner-Stil (red ribbon) mit weißem Text.“
Oder: „Füge auf Kategorie-Karten ein ‘Staff Pick’-Badge unter dem Produkttitel für Produkte mit dem Tag ‘staff-pick’ hinzu. Gestalte es als kleines, unterstrichenes Label in der Akzentfarbe der Brand.“
Fudge erstellt einen Entwurf zur Überprüfung – nichts wird geändert, bis du zustimmst. Sobald deine Badges im Theme aktiv sind, kannst du die Badge-App löschen. Fudge kann auch den Code finden, den eine deinstallierte App hinterlassen hat, und eine Bereinigung vorschlagen. Siehe, welche Shopify-Apps Fudge ersetzt.
Für ein Bestseller-Badge siehe Bestseller-Badges in Shopify hinzufügen.
Wie lange sollte ein „Neu“-Badge auf einem Produkt bleiben?
Es gibt in Shopify keinen automatischen Ablauf für benutzerdefinierte Badges. Du musst den Tag „new“ manuell oder nach einem Zeitplan entfernen.
Ein häufiger Ansatz: Füge den Tag „new“ hinzu, wenn du das Produkt veröffentlichst, und entferne ihn nach 30-60 Tagen. Einige Händler machen dies monatlich als Teil ihrer routinemäßigen Admin-Aufgaben.
Für größere Kataloge kannst du Shopify Flow verwenden, um das Entfernen von Tags nach einer bestimmten Anzahl von Tagen zu automatisieren.
Design-Prinzipien für Badges
- Halte es klein. Badges sollten das Produktbild ergänzen, nicht verdecken.
- Ein Badge pro Produkt. Mehrere sich überlappende Badges wirken unübersichtlich.
- Einheitliche Positionierung. Wenn alle Badges im gesamten Collection-Grid in derselben Ecke platziert sind, wirkt das durchdacht.
- Hoher Kontrast. Dunkler Text auf hellem Hintergrund oder umgekehrt – Badges müssen auch in kleinen Größen gut lesbar sein.
- Passend zu deiner Marke. Ein Badge in der Akzentfarbe deiner Marke fügt sich besser ein als ein generisches, rotes Standard-Badge.
FAQ
Kann ich ein „Neu“-Badge nach einer bestimmten Anzahl von Tagen automatisch entfernen lassen?
Ja, mit Shopify Flow. Erstelle einen Flow, der täglich für jedes Produkt ausgelöst wird, prüft, ob das Produkt vor mehr als X Tagen erstellt wurde, und den Tag new gegebenenfalls entfernt. Ohne Flow müsstest du dies manuell oder über eine Tag-Management-App erledigen.
Warum wird mein „Neu“-Tag nicht als Badge im Storefront angezeigt?
Zwei häufige Gründe: (1) Dein Theme unterstützt den Tag new nicht spezifisch (es verwendet vielleicht einen anderen Namen wie new-arrival) oder (2) die Badge-Funktion ist in den Produktkarten-Einstellungen des Theme-Editors deaktiviert. Wenn dein Theme gar keine tagbasierten Badges rendert, beschreibe Fudge, was du möchtest („zeige ein grünes Neu-Badge auf jedem Produkt mit dem Tag 'new' an“) und es fügt die Badge-Logik direkt im Snippet der Produktkarte hinzu.
Kann ich einem Produkt mehrere Badges hinzufügen?
Die meisten Themes unterstützen das, zeigen sie aber gestapelt oder nebeneinander an, was meistens überladen wirkt. Bessere Praxis: Wähle ein primäres Badge pro Produkt basierend auf einer Prioritätshierarchie (Sale > Limited > Neu > Bestseller). Wenn du wirklich mehrere benötigst, erstelle ein individuelles Badge-Layout, das Überlappungen gezielt handhabt.
Wo erscheinen Badges standardmäßig?
Auf Produktkarten auf Kategorieseiten und in jedem Produktraster (Suchergebnisse, ähnliche Produkte). Einige Themes zeigen sie auch auf der Produktseite selbst an, in der Nähe des Titels oder Bildes. Auf den Artikelzeilen im Warenkorb oder in der Bestellübersicht werden sie normalerweise nicht angezeigt.
Sollten „Neu“- und „Bestseller“-Badges auf demselben Produkt angezeigt werden?
Normalerweise nicht – sie senden widersprüchliche Signale. „Neu“ suggeriert ungetestet; „Bestseller“ suggeriert bewährt. Wähle das, was für die Phase des Produkts relevanter ist. Einige Händler nutzen „Neu“ für die ersten 30 Tage und wechseln dann basierend auf der tatsächlichen Verkaufsleistung zu anderen Badges.
