Das Wichtigste in Kürze
- Section Buttons (Hero CTAs, Feature Block Buttons) werden direkt in den Abschnitts-Einstellungen im Theme Editor bearbeitet.
- System-Buttons wie “In den Warenkorb” und “Jetzt kaufen” werden über Onlineshop > Themes > Aktionen > Sprachen bearbeiten geändert.
- Man kann “In den Warenkorb” nicht ändern, indem man in der Vorschau darauf klickt - es ist ein Sprach-String und keine Abschnitts-Einstellung.
- Falls du einen Button brauchst, den es noch nicht gibt, kann Fudge ihn anhand einer einfachen englischen Beschreibung hinzufügen. Siehe auch: how to add a button in Shopify.
Es gibt zwei Arten von Buttons in Shopify, und sie werden an völlig unterschiedlichen Orten bearbeitet. Den falschen zu erwischen, 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 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
Es ist ein System-Button, der über die Sprachdatei deines Themes gerendert wird, kein konfigurierbarer Section Block. Section Buttons (Hero CTAs, Banner Buttons) lassen sich durch einfaches Klicken bearbeiten; bei System-Buttons musst du über Onlineshop → Themes → Aktionen → Sprachen bearbeiten gehen.
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 zu deiner Markenstimme passen, aber erwarte keine signifikante Steigerung. 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 mit dem Tag 'pre-order', ansonsten 'In den Warenkorb'") und es hüllt das Button-Label in den richtigen {% case product.tags %} oder {% if product.type %} Block. Keine Theme-Einstellung bietet dies an, es muss also programmiert werden — von Fudge oder einem Entwickler.
Dafür gibt es zwei häufige Ursachen: (1) Du hast ein 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). Du musst die Sprachdatei für jede Sprache separat bearbeiten.
Nicht über die Sprachdatei - diese Änderung gilt global. Um es pro Produkt zu überschreiben, musst du das Liquid-Template der Produktseite bearbeiten, um je nach Tag oder Metafeld unterschiedlichen Text auszuspielen ({% if product.tags contains 'preorder-back-soon' %}In 2 Wochen wieder da{% else %}Ausverkauft{% endif %}).