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.
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 |
|---|---|
| ”Add to cart” | add to cart |
| ”Buy now” / “Buy it now” | buy it now |
| ”Continue shopping” | continue shopping |
| ”Check out” | checkout |
| ”Sold out” | sold out |
Der Bereich „Sprachen bearbeiten“ deckt jeden übersetzbaren Text in deinem Theme ab. Nutze die Suche – die Liste ist lang.
Passend dazu: 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 es findest |
|---|---|
| Hero / Sektion CTA-Button-Text | Theme Editor > Klick auf Sektion > 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
Das ist ein System-Button, der aus der Sprachdatei deines Themes gerendert wird, kein konfigurierbarer Sektions-Block. Sektions-Buttons (Hero-CTAs, Banner-Buttons) lassen sich per Klick bearbeiten; System-Buttons erfordern den Weg über Onlineshop → Themes → Aktionen → Sprachen bearbeiten.
Conversion: minimal, egal in welche Richtung. „In den Warenkorb“ ist der Standard und Käufer erwarten ihn. Änderungen wie „In die Tasche“ oder „Hinzufügen“ können funktionieren, wenn sie zu deiner Markenstimme passen, aber erwarte keinen signifikanten Uplift. SEO: nein – dieser Text wird nicht so indexiert, dass er das Ranking beeinflusst.
Ja, mit benutzerdefinierter Liquid-Logik. Beschreibe Fudge die Regel („zeige ‚Jetzt vorbestellen‘ bei Produkten, die mit ‚pre-order‘ getaggt sind, andernfalls ‚In den Warenkorb‘“) und es verpackt die Button-Beschriftung in den richtigen {% case product.tags %}- oder {% if product.type %}-Block. Keine Theme-Einstellung bietet diese Möglichkeit, daher muss sie programmiert werden – von Fudge oder einem Entwickler.
Zwei häufige Ursachen: (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 dies pro Produkt zu überschreiben, bearbeite das Liquid-Template der Produktseite, um basierend auf einem Tag oder Metafeld einen anderen Text zu rendern ({% if product.tags contains 'preorder-back-soon' %}In 2 Wochen wieder da{% else %}Ausverkauft{% endif %}).
