Key Takeaways
- Abschnitt-Buttons (Hero-CTAs, Feature-Block-Buttons) werden direkt in den Abschnitteinstellungen des Theme-Editors bearbeitet.
- System-Buttons wie „In den Warenkorb“ und „Jetzt kaufen“ werden über Onlineshop > Themes > Aktionen > Sprachen bearbeiten geändert.
- Du kannst „In den Warenkorb“ nicht ändern, indem du in der Vorschau darauf klickst – es ist ein Sprach-String und keine Abschnitteinstellung.
- Wenn du einen Button brauchst, der noch nicht existiert, kann Fudge ihn 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. Die falsche Stelle zu wählen, ist die häufigste Ursache für Frustration, wenn man den Button-Text ä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 Bewertung von 4.9 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.
Verwandt: Translate Text Manually in Shopify.
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” | in den warenkorb |
| “Jetzt kaufen” | jetzt kaufen |
| “Weiter einkaufen” | weiter einkaufen |
| “Zur Kasse” | zur kasse |
| “Ausverkauft” | ausverkauft |
Der Bildschirm “Sprachen bearbeiten” deckt jeden übersetzbaren Text in deinem Theme ab. Nutze die Suche – die Liste ist lang.
Verwandt: Text in Shopify manuell übersetzen.
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 von Buttons ändern möchtest (nicht nur den Text), wird dies hier gesteuert:
- Theme Editor > Theme-Einstellungen > Typografie – für die globale Schriftart von Buttons.
- CSS im Assets-Ordner deines Themes – für präzise Änderungen (Schriftgewicht, Größe, Zeichenabstand) pro Button.
Änderungen an der Button-Schriftart, die über die Optionen im Theme Editor hinausgehen, erfordern CSS. Wenn du dich damit nicht wohlfühlst, kann Fudge gezielte CSS-Änderungen an deinen Button-Styles basierend auf einer einfachen Beschreibung vornehmen.
Passend dazu: E-Mail-Pop-up in Shopify hinzufügen.
Passend dazu: Versandtext in Shopify ändern.
Passend dazu: Warenkorb-Drawer Text in Shopify aktualisieren.
Kurzübersicht
| Was du ändern möchtest | Wo du das machst |
|---|---|
| Hero / Abschnitt CTA-Button-Text | Theme-Editor > Klick auf Abschnitt > 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 |
FAQ
Es ist ein System-Button, der aus der Sprachdatei deines Themes gerendert wird, kein konfigurierbarer Abschnitts-Block. Abschnitts-Buttons (Hero CTAs, Banner-Buttons) können per Klick bearbeitet werden; System-Buttons erfordern Onlineshop → Themes → Aktionen → Sprachen bearbeiten.
Conversion: minimal, in beide Richtungen. "In den Warenkorb" ist der Standard und Käufer erwarten das. Änderungen wie "In die Tasche" oder "Hinzufügen" können funktionieren, wenn sie zur Stimme deiner Marke passen, aber erwarte keine signifikante Steigerung. SEO: nein - dieser Text wird nicht auf eine Art indexiert, die das Ranking beeinflusst.
Ja, mit benutzerdefinierter Liquid-Logik. Beschreibe die Regel für Fudge ("zeige 'Jetzt vorbestellen' bei Produkten mit dem Tag 'pre-order', ansonsten 'In den Warenkorb'") und es packt das Button-Label in den richtigen {% case product.tags %}- oder {% if product.type %}-Block. Keine Theme-Einstellung bietet das an, also muss es programmiert werden — von Fudge oder einem Entwickler.
Zwei häufige Gründe: (1) du hast einen Theme-Entwurf bearbeitet und dir das Live-Theme angesehen, oder (2) du hast mehrere aktive Sprachen und nur die englische Version bearbeitet (die Seite zeigt den Text deiner anderen Sprache). Bearbeite die Sprachdatei jeder Sprache separat.
Nicht über die Sprachdatei – diese Änderung gilt global. Um sie pro Produkt zu überschreiben, bearbeite das Liquid-Template der Produktseite, um basierend auf einem Tag oder Metafeld unterschiedlichen Text anzuzeigen ({% if product.tags contains 'preorder-back-soon' %}In 2 Wochen wieder da{% else %}Ausverkauft{% endif %}).
