Der Checkout ist der letzte Schritt vor dem Kauf, und jahrelang war er der Teil eines Shopify-Shops, der sich am schwersten ändern ließ. Shopify Plus-Shops bearbeiteten eine Datei namens checkout.liquid, alle anderen mussten den Checkout so nehmen, wie er war.
Das hat sich geändert. Heute kann jeder Shopify-Shop den Checkout bis zu einem gewissen Grad anpassen, mit Tools, die weiter funktionieren, wenn Shopify seinen Checkout aktualisiert. Dieser Ratgeber erklärt, was Sie in jedem Tarif ändern können, wofür Sie Shopify Plus brauchen und wie die häufigsten Checkout-Anpassungen umgesetzt werden.
Was sich geändert hat: Checkout Extensibility
Shopify hat checkout.liquid durch eine Reihe von Tools ersetzt, die Shopify Checkout Extensibility nennt. Statt den Code des Checkouts zu bearbeiten, passen Sie ihn über vier Bausteine an:
- Der Checkout-Editor für das Branding: Ihr Logo, Ihre Farben und Schriften.
- Checkout UI Extensions, die den Checkout-Seiten Blöcke wie Banner, eigene Felder und Upsells hinzufügen.
- Shopify Functions, kleine Einheiten individueller Logik, die direkt im Shopify-Checkout laufen, für Rabatte sowie Zahlungs- und Versandregeln. Sie ersetzen auch Shopify Scripts, die Ruby-Scripts, mit denen Plus-Shops dieselben Aufgaben erledigt haben.
- Kundenereignisse, in denen Tracking-Pixel jetzt untergebracht sind statt im alten Feld „Zusätzliche Skripte“.
Der große Vorteil: Diese Anpassungen sind updatesicher. Wenn Shopify eine Zahlungsart ergänzt oder seinen Checkout verbessert, funktionieren Ihre Anpassungen weiter.
Was Sie in jedem Shopify-Tarif anpassen können
Branding im Checkout-Editor
Gehen Sie in Ihrem Shopify-Adminbereich zu Einstellungen → Checkout und klicken Sie auf Anpassen. Im Checkout-Editor fügen Sie Ihr Logo hinzu und legen Farben und Schriften fest, damit der Checkout wie der Rest Ihres Shops aussieht.
Checkout-Einstellungen
Auf derselben Einstellungsseite legen Sie fest, wie Kunden kontaktiert werden, welche Felder sie ausfüllen, etwa Firmenname, Adresszeile 2 und Telefonnummer, ob sie Trinkgeld geben können und wie die Marketing-Einwilligung eingeholt wird.
Zahlungs- und Versandregeln
Apps aus dem Shopify App Store, die auf Shopify Functions basieren, können in jedem Tarif Zahlungs- und Versandarten ausblenden, umbenennen und neu sortieren. Sie können zum Beispiel Nachnahme ab einem bestimmten Bestellwert ausblenden oder eine Versandart so umbenennen, dass sie die Lieferzeit anzeigt.
Eigene Rabatte
Die integrierten Rabatte von Shopify decken die Grundlagen ab. Apps auf Basis von Shopify Functions ergänzen Rabatte, die weiter gehen, etwa Mengenrabatte, gestaffelte Bestellrabatte und Rabatte, die nur unter bestimmten Bedingungen gelten.
Danke-Seite und Bestellstatusseite
Checkout UI Extensions können in jedem Tarif Blöcke auf der Danke-Seite und der Bestellstatusseite ergänzen, etwa eine Umfrage, eine Nachricht oder eine Produktempfehlung.
Was nur mit Shopify Plus geht
Zwei Dinge gibt es nur für Shopify Plus-Shops:
- Blöcke in den Checkout-Schritten. Checkout UI Extensions in den Schritten Informationen, Versand und Zahlung, etwa eigene Felder, Vertrauenssiegel, Banner und Upsell-Blöcke, erfordern Shopify Plus. Das gilt für Blöcke aus jeder App.
- Individuelle Apps mit Shopify Functions. Jeder Shop kann App-Store-Apps auf Basis von Functions nutzen, aber nur Plus-Shops können eine eigens für sie gebaute App einsetzen, mit Logik, die genau auf ihr Geschäft zugeschnitten ist.
| Was Sie ändern möchten | Jeder Tarif | Shopify Plus |
|---|---|---|
| Logo, Farben und Schriften | Ja | Ja |
| Einstellungen für Formularfelder, Trinkgeld und Einwilligung | Ja | Ja |
| Zahlungs- und Versandregeln (App-Store-Apps) | Ja | Ja |
| Eigene Rabatte (App-Store-Apps) | Ja | Ja |
| Blöcke auf der Danke-Seite und der Bestellstatusseite | Ja | Ja |
| Blöcke und eigene Felder in den Checkout-Schritten | Nein | Ja |
| Individuelle Apps mit Shopify Functions | Nein | Ja |
So passen Sie den Shopify-Checkout an, Schritt für Schritt
- Notieren Sie, was Sie ändern möchten und warum. Jede Änderung sollte ein echtes Problem lösen, etwa gescheiterte Nachnahme-Bestellungen oder einen niedrigen durchschnittlichen Bestellwert.
- Beginnen Sie mit den Einstellungen und dem Checkout-Editor. Viele Änderungen, darunter Branding und Formularfelder, brauchen gar keine App.
- Nutzen Sie für Regeln und Rabatte eine App aus dem App Store. Achten Sie auf Apps auf Basis von Shopify Functions, damit die Regeln nativ im Checkout laufen.
- Ergänzen Sie auf Shopify Plus Blöcke, wo sie helfen. Fügen Sie im Checkout-Editor App-Blöcke hinzu oder lassen Sie einen Entwickler individuelle UI Extensions und Functions bauen.
- Testen Sie, bevor Kunden die Änderungen sehen. Geben Sie Testbestellungen auf dem Smartphone und am Desktop auf, mit Ihren Rabatten, Versandzonen und Zahlungsarten. Unsere BFCM-Checkliste enthält einen vollständigen Checkout-Test.
Häufige Checkout-Anpassungen und wie Sie sie umsetzen
| Anpassung | Umsetzung | Tarif |
|---|---|---|
| Nachnahme ab einem bestimmten Bestellwert ausblenden | Zahlungsregel (Function) | Alle |
| Lieferzeiten im Namen der Versandart anzeigen | Versandregel (Function) | Alle |
| 3 kaufen, 10 % sparen | Rabatt (Function) | Alle |
| Fortschrittsbalken für kostenlosen Versand oder Upsell im Checkout | Checkout UI Extension | Plus |
| Feld für Geschenknachricht oder Lieferhinweise | Checkout UI Extension | Plus |
In Tarifen ohne Shopify Plus können Sie zusätzliche Angaben wie eine Geschenknachricht trotzdem auf der Warenkorbseite erfassen, bevor Kunden den Checkout erreichen.
Checkout Engine, unsere App für Checkout-Regeln, deckt die ersten drei Zeilen ohne Code ab, dazu Upsell- und Vertrauensblöcke für Shopify Plus-Shops. Die App ist komplett auf Shopify Functions und Checkout UI Extensions gebaut.
Umstieg von checkout.liquid oder Shopify Scripts
Wenn Ihr Shop checkout.liquid, zusätzliche Skripte oder Shopify Scripts genutzt hat, braucht jede Anpassung ein neues Zuhause:
- Rabatte sowie Zahlungs- und Versandregeln aus Scripts werden zu Shopify Functions.
- Inhalte und Felder, die in checkout.liquid ergänzt wurden, werden zu Checkout UI Extensions.
- Tracking-Code aus den zusätzlichen Skripten zieht in die Kundenereignisse um.
Beginnen Sie mit einer Bestandsaufnahme dessen, was heute läuft, bauen Sie dann jedes Teil neu und testen Sie es, bevor Sie umstellen. Genau das übernimmt unsere Shopify Plus-Entwicklung, vom Team, das Checkout Engine auf Shopify Functions gebaut hat.
Wann sich ein Entwickler lohnt
Eine App ist der schnellste Weg, wenn sie leistet, was Sie brauchen. Ein Entwickler lohnt sich, wenn:
- Ihre Regeln von Daten abhängen, die nur Ihr Unternehmen hat, etwa Kundenstufen aus einem ERP;
- mehrere Regeln zusammenwirken und gemeinsam getestet werden müssen;
- Sie Shopify Plus nutzen und eine individuelle App mit Functions möchten, die eigens für Ihren Shop gebaut wird.
Unser Team für individuelle Shopify-App-Entwicklung baut Checkout-Logik, Rabatte und Integrationen wie diese. Buchen Sie ein kostenloses Strategiegespräch, um zu besprechen, was Ihr Checkout braucht.
Häufig gestellte Fragen
Kann ich den Shopify-Checkout ohne Shopify Plus anpassen?
Ja, in Grenzen. In jedem Tarif können Sie den Checkout im Checkout-Editor an Ihre Marke anpassen, die Checkout-Einstellungen ändern, App-Store-Apps auf Basis von Shopify Functions für Zahlungs-, Versand- und Rabattregeln nutzen und Blöcke auf der Danke-Seite und der Bestellstatusseite ergänzen. Blöcke in den Checkout-Schritten erfordern Shopify Plus.
Kann ich checkout.liquid noch nutzen?
Nein. Shopify hat checkout.liquid durch Checkout Extensibility ersetzt: den Checkout-Editor, Checkout UI Extensions und Shopify Functions. Anpassungen, die auf checkout.liquid basierten, müssen mit diesen Tools neu gebaut werden.
Was sind Shopify Functions?
Kleine Einheiten individueller Logik, die direkt in Shopifys eigenem Warenkorb und Checkout laufen, für Aufgaben wie Rabatte sowie Zahlungs- und Versandregeln. Sie ersetzen Shopify Scripts und funktionieren weiter, wenn Shopify seinen Checkout aktualisiert.
Kann ich dem Shopify-Checkout eigene Felder hinzufügen?
Auf Shopify Plus ja, mit Checkout UI Extensions. In anderen Tarifen können Sie zusätzliche Angaben wie eine Geschenknachricht auf der Warenkorbseite erfassen, bevor Kunden den Checkout erreichen.