Wichtigste Erkenntnisse
- Quick-Add/In den Warenkorb-Buttons auf Produktkarten: Im Theme Editor > Abschnitts-Einstellungen für Kategorien aktivieren.
- CTAs auf Kategorie-Ebene (Banner, Promo-Abschnitte): Über Theme Editor > Abschnitt hinzufügen einbauen.
- Eigene Buttons mit bestimmten Zielen: Einen Button-Block in einem Rich-Text- oder Banner-Abschnitt hinzufügen.
- Für CTAs, die von Theme Editor-Abschnitten nicht unterstützt werden, kannst du Fudge nutzen, um den Code zu generieren.
Um CTAs zu einer Shopify-Kategorieseite hinzuzufügen, aktiviere Quick-Add in den Einstellungen des Produktraster-Abschnitts für Buttons auf jeder Karte. Oder füge dem Kategorie-Template ein Bildbanner oder einen Rich-Text-Abschnitt mit einem Button hinzu, um einen CTA für die gesamte Kategorie zu erstellen. Beides wird unten erklärt.
Warum du uns vertrauen kannst
Wir haben Hunderte von Shopify-Storefronts aufgebaut und angepasst. Außerdem haben wir Fudge entwickelt, den KI-Operator für Shopify-Stores, der im Shopify App Store mit 4.9 bewertet ist.
Produktkarten-CTAs – Quick-Add-Buttons
Der häufigste CTA auf einer Kategorieseite ist der Quick-Add-Button (Schnell hinzufügen) auf jeder Produktkarte. Damit können Kunden Produkte direkt aus dem Produktraster in den Warenkorb legen, ohne die Produktseite besuchen zu müssen.
So aktivierst du Quick-Add-Buttons:
Schritt 1. Gehe zu Onlineshop > Themes > Anpassen.
Schritt 2. Navigiere zu einer Kategorieseite.
Schritt 3. Klicke in der linken Seitenleiste auf den Abschnitt Kategorie oder Produktraster (also den Abschnitt, der deine Produkte anzeigt).
Schritt 4. Suche nach einer Einstellung wie “Schnellkauf aktivieren”, “Quick buy” oder “In den Warenkorb anzeigen”.
Schritt 5. Aktiviere die Einstellung und speichere.
Quick-Add-Buttons erscheinen auf Produktkarten normalerweise beim Hovern (Desktop) oder sind dauerhaft sichtbar (Mobile). Bei Produkten mit Varianten (Farben, Größen) öffnet der Quick-Add meist ein Pop-up zur Variantenauswahl.
Um herauszufinden, ob deine Käufer die Buttons nutzen, schau dir Klick-Events in Shopify tracken an.
CTAs auf Kategorie-Ebene – Banner und Buttons
Für einen CTA, der für die gesamte Kategorie gilt – wie ein “Shoppe den Sommer-Edit”-Banner mit Button oder ein “Kostenloser Versand ab 75 €“-Callout – fügst du ihn als Abschnitt über den Theme Editor hinzu.
Schritt 1. Gehe zu Onlineshop > Themes > Anpassen > navigiere zu einer Kategorieseite.
Schritt 2. Klicke in der Abschnittsliste auf Abschnitt hinzufügen. Wähle:
- Bildbanner – ein Bild in voller Breite mit einer Überschrift und einem Button-Overlay
- Rich Text – ein Textblock mit optionalem Button
- Promo-Banner – falls dein Theme diesen Abschnittstyp hat
Schritt 3. Richte den Abschnitt ein: Füge deine Überschrift, Text, Button-Label und Button-Link hinzu.
Schritt 4. Ziehe den Abschnitt an die richtige Position im Seitenlayout (über oder unter das Produktraster).
Schritt 5. Speichere ab.
Hinweis: Abschnitte, die im Theme Editor für das Kategorie-Template hinzugefügt werden, erscheinen auf allen Kategorieseiten. Für Kategorie-spezifische CTAs erstelle separate Kategorie-Templates oder nutze die Methode mit Metafeldern pro Kategorie, wie in Ein Banner zu einer Shopify-Kategorieseite hinzufügen beschrieben.
Einen „Alle ansehen“ oder „Jetzt shoppen“ Button hinzufügen
Wenn du einen einfachen Button haben möchtest, der auf ein bestimmtes Ziel verlinkt (eine Kategorie, eine Landingpage oder eine externe URL), füge ihn in einem Rich Text-Abschnitt (oder in einem beliebigen Abschnitt mit einem Button-Block) im Theme Editor hinzu.
In einem Rich Text-Abschnitt siehst du ein Feld für das Button-Label und den Button-Link. Setze das Label auf “Jetzt shoppen” oder “Alle ansehen” und den Link auf dein gewünschtes Ziel.
CTAs auf Produktkarten jenseits von Quick-Add
Einige Stores möchten ausgefeiltere Interaktionen auf der Produktkarte – einen “Für später speichern”-Button, eine “Vergleichen”-Checkbox, ein Wunschlisten-Icon oder eine Größenauswahl direkt auf der Karte.
Das geht über den Standard-Quick-Add-Schalter im Theme Editor hinaus. Dafür sind Code-Änderungen am Produktkarten-Template nötig.
Beschreibe Fudge, dem KI-Operator für Shopify-Stores, was du möchtest: “Füge oben rechts auf jeder Produktkarte auf Kategorieseiten ein Wunschlisten-Herz-Icon hinzu. Ein Klick darauf speichert das Produkt auf einer Wunschliste.”
Stickige „Diese Kategorie shoppen“ CTAs
Eine Sticky Bottom Bar (fixierte Leiste unten) oder ein Floating Button (schwebender Button) mit einem spezifischen CTA für die Kategorie (z. B. “Alle 47 Produkte ansehen”) hält eine klare Aktion beim Scrollen sichtbar.
Das ist im Standard-Theme Editor nicht verfügbar. Beschreibe es Fudge: “Füge auf Kategorieseiten auf Mobile einen Sticky Button am unteren Rand hinzu, der ‘Alle [Kategoriename]-Produkte ansehen’ sagt. Er soll verschwinden, wenn der User den Footer erreicht.” Fudge erstellt einen Entwurf, den du auf dem Handy prüfen kannst, bevor du ihn veröffentlichst, und seine Conversion-Arbeit vergleicht die Conversion Rate auf deinen Kategorieseiten vor und nach der Änderung.
Strategie für die CTA-Platzierung
Wo du CTAs auf einer Collection-Seite platzierst, ist wichtig:
- Ganz oben (über dem Grid): Funktioniert gut für Promo-Banner (“Sommer-Sale – bis zu 40 % Rabatt”), bei denen du den Kontext vor dem Stöbern festlegen willst.
- Im Produkt-Grid: Quick-Add-Buttons sitzen direkt im Grid selbst.
- Zwischen den Grid-Reihen: Einige Shops fügen einen Promo-CTA-Block zwischen den Produktreihen ein (z. B. nach der zweiten Reihe). Das ist eine individuelle Anpassung.
- Unter dem Grid: Ein guter Platz für einen “Nicht gefunden, wonach du suchst? Kontaktiere uns”- oder Newsletter-Anmelde-CTA.
FAQ
Warum wird der Quick-Add-Button auf meinen Produktkarten nicht angezeigt?
Dafür gibt es meist drei Gründe: (1) Der Schalter existiert in deinem Theme, ist aber in den Einstellungen des Kategorie-Abschnitts deaktiviert, (2) deine Theme-Version ist älter als das Quick-Add-Feature (ältere Versionen von Debut/Brooklyn haben es nicht) oder (3) Produkte ohne verfügbare Varianten und ausverkaufte Artikel verbergen den Quick-Add oft automatisch.
Sollte der Quick-Add-Button die Variantenauswahl überspringen?
Bei Produkten ohne Varianten (oder nur einer Variante) – ja, überspringe die Auswahl und füge es direkt hinzu. Bei Produkten mit mehreren Varianten (Größen, Farben) – niemals überspringen; du bekommst sonst Retouren und Beschwerden von Käufern, die die falsche Variante gewählt haben. Moderne Themes regeln diesen Unterschied automatisch.
Kann ich auf jeder einzelnen Kategorieseite einen anderen CTA haben?
Ja, aber das erfordert etwas Setup. Der sauberste Ansatz: Beschreibe Fudge, was du möchtest ("lese CTA-Text und -Link aus einem Metafeld pro Kategorie, greife auf einen Standard zurück, falls leer"). Fudge baut dir dann den durch Metafelder gesteuerten Abschnitt, sodass du den CTA pro Kategorie ohne zusätzliche Templates festlegen kannst. Alternative: Jeweils eigene Kategorie-Templates mit eigener CTA-Konfiguration.
Beeinträchtigen CTA-Buttons die Ladezeit der Kategorieseite?
Nur minimal. Der Button selbst ist nur HTML/CSS. Quick-Add-Buttons sind etwas schwerer, weil sie beim Klicken Variantendaten abrufen, aber das passiert auf Abruf – nicht beim ersten Laden der Seite.
Was ist der beste CTA-Text für eine Kategorieseite?
Spezifisch schlägt generisch. "Shoppe 47 Sommerkleider" funktioniert besser als "Jetzt shoppen". "Kostenlose Retouren bei jeder Bestellung" ist besser als "Mehr erfahren". Sag den Käufern genau, was sie bekommen, wenn sie klicken – vage CTAs schneiden konstant schlechter ab.
