Das Wichtigste auf einen Blick
- Sektions-Buttons (Hero-CTAs, Feature-Blöcke) werden direkt in den Einstellungen des Theme-Editors bearbeitet.
- System-Buttons wie „In den Warenkorb“ und „Jetzt kaufen“ werden über Onlineshop > Themes > Aktionen > Sprachen bearbeiten angepasst.
- Du kannst „In den Warenkorb“ nicht ändern, indem du in der Vorschau darauf klickst – es ist ein Textstring und keine Sektions-Einstellung.
- Wenn du einen Button benötigst, den es noch nicht gibt, kann Fudge einen anhand einer einfachen Beschreibung hinzufügen. Siehe auch: Wie man einen Button in Shopify hinzufügt.
Es gibt zwei Arten von Buttons in Shopify, und sie werden an völlig unterschiedlichen Stellen bearbeitet. Den falschen Ort zu wählen, ist die häufigste Ursache für Frust, wenn man Button-Texte ändern möchte.
Warum du uns vertrauen kannst
Wir haben hunderte von Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store.
Die zwei Arten von Shopify-Buttons
Typ 1 – Sektions-Buttons. Dies sind Buttons, die als Blöcke innerhalb von Sektions hinzugefügt werden – Hero-Banner, Feature-Sektions, Bild-mit-Text-Blöcke. Der Text ist direkt im Theme-Editor bearbeitbar.
Typ 2 – System-Buttons. Dies sind Buttons, die durch die Kernfunktionalität von Shopify generiert werden – „In den Warenkorb“, „Jetzt kaufen“, „Weiter einkaufen“, „Check-out“. Ihr Text befindet sich in der Sprachdatei deines Themes, nicht in den Sektions-Einstellungen.
Methode 1 – Sektions-Button-Text im Theme-Editor ändern
Schritt 1. Gehe zu Onlineshop > Themes > Anpassen.
Schritt 2. Navigiere zu der Sektion, die den Button enthält.
Schritt 3. Klicke in der linken Seitenleiste auf die Sektion, um deren Einstellungen zu öffnen.
Schritt 4. Suche den Button-Block in den Sektions-Einstellungen. Klicke darauf, um ihn zu erweitern.
Schritt 5. Aktualisiere das Feld Label oder Button-Text mit deinem neuen Text.
Schritt 6. Klicke auf Speichern.
Die Änderung ist sofort in der Vorschau sichtbar. Falls du den Button nicht in den Sektions-Einstellungen findest, handelt es sich wahrscheinlich um einen System-Button – siehe Methode 2.
Methode 2 – „In den Warenkorb“, „Jetzt kaufen“ und andere System-Button-Texte ändern
Shopify-System-Buttons werden über eine Sprachdatei gesteuert. Du kannst sie nicht bearbeiten, indem du in der Vorschau des Theme-Editors darauf klickst.
Schritt 1. Gehe zu Onlineshop > Themes.
Schritt 2. Klicke bei deinem aktiven Theme auf Aktionen > Sprachen bearbeiten.
Schritt 3. Nutze die Suchleiste oben. Suche nach der exakten Phrase, die du ändern möchtest – zum Beispiel „In den Warenkorb“.
Schritt 4. Die Suche wird das entsprechende Feld anzeigen. Klicke hinein und gib deinen neuen Text ein.
Schritt 5. Klicke auf Speichern.
Gängige System-Button-Begriffe und wo man sie findet
| Button | Suchbegriff |
|---|---|
| „In den Warenkorb“ | add to cart |
| „Jetzt kaufen“ | buy it now |
| „Weiter einkaufen“ | continue shopping |
| „Check-out“ | checkout |
| „Ausverkauft“ | sold out |
Der Bereich „Sprachen bearbeiten“ deckt jeden übersetzbaren String in deinem Theme ab. Nutze die Suche – die Liste ist lang.
Was, wenn der Button-Text nicht aktualisiert wird?
Ein paar Dinge, die du prüfen solltest:
- Du hast das falsche Theme bearbeitet. Stelle sicher, dass du auf „Sprachen bearbeiten“ bei deinem Live/aktiven Theme geklickt hast, nicht bei einem Entwurf.
- Das Theme hat mehrere Sprachdateien. Wenn dein Shop mehrere aktive Sprachen hat, musst du jede einzeln aktualisieren.
- Der Button stammt von einer App. Einige Apps fügen eigene Buttons hinzu (Review-Widgets, Upsell-Apps). Bearbeite diese über die Einstellungen der jeweiligen App.
Button-Schriftart in Shopify ändern
Wenn du die Schriftart der Buttons ändern möchtest (nicht nur den Text), wird dies gesteuert über:
- Theme-Editor > Theme-Einstellungen > Typografie – für die globale Schriftart, die auf Buttons angewendet wird.
- CSS im Assets-Ordner deines Themes – für präzise Schriftänderungen pro Button (Stärke, Größe, Zeichenabstand).
Änderungen der Button-Schriftart, die über das hinausgehen, was der Theme-Editor bietet, erfordern CSS. Wenn dir das nicht geheuer ist, kann Fudge gezielte CSS-Änderungen an deinen Button-Styles anhand einer einfachen Beschreibung vornehmen.
Kurzübersicht
| Was geändert werden soll | Wohin du gehen musst |
|---|---|
| Hero / Sektions-CTA Button-Text | Theme-Editor > Sektion anklicken > Button-Block |
| „In den Warenkorb“-Text | Themes > Aktionen > Sprachen bearbeiten |
| „Jetzt kaufen“-Text | Themes > Aktionen > Sprachen bearbeiten |
| Button-Schriftart / Stil | Theme-Einstellungen > Typografie oder CSS |