Shopify Checkout Extensibility: So können Plus-Händler ihren Shopify Checkout anpassen

Seit Jahren hilft Shopify Händlern jeder Größe, den zuverlässigsten und Conversion-stärksten Checkout zu bieten. So sind mit Shop Pay, dem beschleunigten Checkout von Shopify, ein viermal schnelleres Kauferlebnis und eine um 11 % höhere Conversion Rate möglich als bei anderen Anbietern. Das einzige Problem: Die Anpassung des Checkouts an die Bedürfnisse der Händler könnte ein langsamer und komplizierter Prozess sein. Doch damit ist jetzt Schluss.

Als Shopify-Partner haben unsere Developer bereits Zugriff auf die neue Shopify-Checkout-Extensibility, die es uns ermöglicht, öffentliche und benutzerdefinierte Apps zu erstellen, um den Shopify-Checkout und Shop Pay für Plus-Händler kreativ anzupassen.

In diesem Beitrag möchten wir Ihnen diese neue Shopify-Checkout-Extensibility vorstellen, damit Sie einen Eindruck davon bekommen, wie Sie dadurch Ihren Checkout anpassen und optimieren lassen können, um Ihrer Konkurrenz einen großen Schritt voraus zu sein.

Was ist die Shopify Checkout Extension?

Nachdem ein Kunde Produkte in Ihren Warenkorb gelegt hat, verwendet er den Shopify-Checkout, um seine Kunden-, Versand- und Zahlungsinformationen einzugeben, bevor er die Bestellung aufgibt.

Der Checkout gehört in der Customer Journey zu den wichtigsten Punkten für einen erfolgreichen Kaufabschluss. Aus diesem Grund hat Shopify die neue Checkout-Extensibility entwickelt, damit Händler eine Möglichkeit erhalten, den Checkout nach ihren Wünschen zu optimieren und anzupassen.

Mit der Shopify-Checkout-Extensibility können Shopify-Partner, wie wir von Latori, für Shopify-Plus-Händler Apps erstellen, um weitere Funktionen zum Checkout hinzuzufügen, die nativ nicht vorhanden sind. Diese Apps können Händler dann wiederum in ihrem Shopify-Adminbereich installieren, um einzigartige Elemente wie Produktangebote, benutzerdefinierte Felder oder Banner und vieles mehr zu Ihrem Checkout hinzuzufügen. Dies schafft ein einheitliches Erlebnis für Käufer, egal wo sie zur Kasse gehen.

Die bisherige Methode zur Anpassung des Checkouts

Früher wurden individuelle Checkout-Anpassungen in Shopify hauptsächlich über die Datei checkout.liquid umgesetzt. Händler oder Entwickler griffen dabei direkt in den Checkout-Code ein, um Design, Felder oder Funktionen anzupassen.

Dieses Vorgehen brachte jedoch einige Nachteile mit sich:

• hoher technischer Aufwand

• aufwendige Wartung

• eingeschränkte Update-Fähigkeit

• potenzielle Sicherheits- und Performance-Risiken

Deshalb ersetzt Shopify die alte checkout.liquid-Architektur schrittweise durch die moderne Shopify Checkout Extensibility.

Der große Vorteil: Anpassungen erfolgen heute über standardisierte Erweiterungen, APIs und Apps, ohne direkten Eingriff in den Core-Checkout.

Dadurch bleibt der Checkout:

• schneller

• sicherer

• updatefähig

• kompatibel mit Shop Pay

• mobil optimiert

Wichtig: Die Nutzung von checkout.liquid wurde von Shopify inzwischen offiziell deaktiviert und wird langfristig vollständig ersetzt.

Was sind die Vorteile der Checkout Extensibility?

Mit der neuen Shopify-Checkout-Extensibility ist es nicht mehr notwendig, den Code zu verändern, um den Checkout anzupassen. Stattdessen können ganz einfach Drittanbieter-Apps installiert werden, die es ermöglichen, Ihre Kasse auf unterschiedlichste Weise anzupassen. Die Checkout-Extensibility wurde so konzipiert, dass Apps sicher, schnell und upgradefähig sind und nahtlos mit Shop Pay zusammenarbeiten.

Das eröffnet Ihnen als Händler viele neue Möglichkeiten. Sehen wir uns nun einmal an, welche Vorteile die Shopify-Checkout-Extension im Detail für Sie bereithält:

1.   Präsentieren Sie Ihre Marke

In praktisch jedem Shopify-Store ist das Look-and-Feel des Checkouts mehr oder weniger identisch. Das ist nicht unbedingt etwas Schlechtes, aber es bedeutet, dass er nicht so perfekt auf Ihr Branding abgestimmt ist wie der Rest Ihres Shops. Diese Umstellung vom Store zum Checkout kann zu einer gewissen Dissonanz bei Ihren Kunden führen und es etwas schwieriger machen, Vertrauen aufzubauen.

An diesem Punkt kommen also besagte Shopify-Checkout-Erweiterungen ins Spiel, die es Händlern ermöglicht, ein einheitliches Checkout-Erlebnis zu schaffen und den Ablauf so anzupassen, wie sie es für richtig halten. Hier sind nur einige der Möglichkeiten, wie Sie Ihren Checkout anpassen können:

• Verändern Sie das Aussehen Ihres Checkouts im Branding-Bereich des Checkout Editors, einschließlich Logos, benutzerdefinierter Farben und Schriftarten.

• Nehmen Sie mit der Checkout Branding API erweiterte Branding-Anpassungen an Ihrem Checkout vor.

• Schaffen Sie eine konsistente Erfahrung zwischen Ihrem Gast-Checkout und Shop Pay (alle Anpassungen, die Sie vornehmen, werden auf beide angewendet).

• Apps, die den Checkout erweitern, übernehmen automatisch das Branding Ihres Checkouts.

2.   Bearbeiten Sie die Logik Ihres Checkout-Flows über Shopify-Functions

Wenn Sie früher Änderungen an der Logik Ihres Checkouts vornehmen wollten, mussten Sie dafür zumindest ein wenig programmieren und dennoch war der Spielraum noch immer ziemlich begrenzt. Jetzt können Sie auf verschiedene Arten Änderungen vornehmen, die die Flexibilität des Checkouts deutlich erhöhen.

Shopify-Functions ermöglichen es Händlern, die Standard-Checkout-Logik von Shopify zu erweitern, zu ersetzen und zu ändern. Elemente wie Rabattangebote und Versandlogik können so bearbeitet werden, dass sie zu bestimmten Angeboten passen. Ein Anwendungsfall für Funktionen wie diese sind gestaffelte Rabattsysteme (z.B. „10 € Rabatt, wenn Sie 50 € ausgeben“; „20 € Rabatt, wenn Sie 100 € ausgeben“, etc.)

Sie können auch die Abrechnungslogik Ihres Shops anpassen. Somit können Sie ändern, wann und wie Kunden für Bestellungen bezahlen müssen. Beispielsweise könnten Sie "Jetzt kaufen, später bezahlen" oder Ratenzahlungspläne einführen. Auch der allgemeine Ablauf und das Layout Ihrer Checkout-Seiten kann geändert werden. Egal, ob Sie irgendwo eine Seite einfügen oder ein Upselling-Angebot in der Mitte des Kaufvorgangs einführen möchten, mit Shopify-Functions können Sie all das tun.

3.   Sammeln Sie detaillierte Kundendaten

Verhaltensdaten sind für E-Commerce-Händler Gold wert. Je mehr Sie darüber wissen, wie Ihr Publikum auf verschiedene Shop-Funktionen und Produkte reagiert, desto einfacher können Sie Erlebnisse gestalten, die den größten Umsatz bringen. Mit Shopify-Checkout-Extensions wird das Sammeln von Kundendaten an der Kasse einfacher denn je.

Sie werden in der Lage sein, verschiedene Ereignisse wie Warenkorbabbrüche oder Conversions zu verfolgen und Sie können Apps von Drittanbietern direkt mit diesen Daten verknüpfen. Dies könnte nützlich sein, um Upselling-Angebote auf Produkte zuzuschneiden, bei denen die Wahrscheinlichkeit von Warenkorbabbrüchen am geringsten ist, ohne dabei die Sicherheit der Kundendaten zu gefährden.

4.   Optimieren Sie die Performance

• Sparen Sie Zeit durch die sichere Verwaltung von Pixeln von einem einzigen Standort aus.

• Verringern Sie die Zahl der abgebrochenen Warenkörbe mit verwertbaren Erkenntnissen und Analysen.

• Vergrößern Sie Ihren Kundenstamm, indem Sie das Kundenverhalten verstehen.

• Erzielen Sie den größtmöglichen Return on Ad Spend (ROAS) und behalten Sie dabei die Privatsphäre Ihrer Kunden im Auge.

Da wir nun die Vorteile der Checkout Extensibility kennen, möchten wir im Folgenden noch einmal übersichtlich darstellen, welche Tools Ihnen dabei helfen, Anpassungen im Checkout vorzunehmen, um Ihre potenziellen Ziele zu erreichen.

Anpassungsmöglichkeiten mit der Shopify-Checkout-Extensibility

Checkout-Erweiterung mit Shopify Apps

Mit Shopify-Apps können Sie den Checkout-Prozess Ihres Online-Shops anpassen und optimieren. So können Sie das umsetzen:

Schritt 1: Auswahl der richtigen App

Durchsuchen Sie den Shopify App Store nach Apps, die speziell für die Anpassung des Checkouts entwickelt wurden. Achten Sie darauf, Bewertungen, Funktionen und Kompatibilität zu prüfen, um die beste App für Ihre Bedürfnisse auszuwählen.

Schritt 2: Installation und Konfiguration der App

Installieren Sie die ausgewählte App in Ihrem Shopify-Adminbereich. Die meisten Checkout-Apps bieten eine benutzerfreundliche Oberfläche, über die Sie verschiedene Einstellungen anpassen können. Dies kann die Anpassung von Farben, Schriftarten, Logo-Platzierung, Feldern und Schaltflächen umfassen.

Schritt 3: Konfiguration der Checkout-Seiten

Je nach App und Plan können Sie spezifische Checkout-Seiten anpassen, wie z.B. den Warenkorb, die Versand- und Zahlungsinformationen sowie die Bestellübersicht. Sie können außerdem den Prozess intuitiver gestalten, zusätzliche Informationen sammeln oder Cross-Selling-Elemente hinzufügen, um Upselling-Möglichkeiten zu nutzen.

Schritt 4: Testen und Optimieren

Nachdem Sie die Anpassungen vorgenommen haben, sollten Sie den Checkout-Prozess gründlich testen, um sicherzustellen, dass alles korrekt funktioniert. Achten Sie darauf, dass keine Fehler auftreten und dass der Prozess reibungslos abläuft. Sie können auch A/B-Tests durchführen, um verschiedene Anpassungen zu vergleichen und die Conversion-Rate zu optimieren.

Schritt 5: Überwachung und Aktualisierung

Behalten Sie die Leistung Ihrer Checkout-Anpassungen im Auge. Verfolgen Sie Metriken wie die Conversion-Rate, den Warenkorbabbruch und die Gesamtverkäufe, um festzustellen, wie gut die Änderungen funktionieren. Aktualisieren Sie die Anpassungen regelmäßig, um sicherzustellen, dass sie den aktuellen Trends und Bedürfnissen Ihrer Kunden entsprechen.

Durch die Nutzung von Shopify-Apps können Sie den Checkout-Prozess Ihres Online-Shops optimieren und ein benutzerfreundliches Einkaufserlebnis bieten, das die Kundenbindung und den Umsatz steigert.

Anpassung der Checkout-Formularoptionen

Die Anpassung Ihrer Checkout-Seitenfelder bietet Ihnen die Möglichkeit, einige davon als erforderlich, optional oder nicht enthalten zu kennzeichnen. Beachten Sie jedoch, dass nicht alle Felder anpassbar sind.

Kundenkontakt-Methode

Im Bereich "Kundenkontakt-Methode" können Sie festlegen, welche Kontaktmöglichkeiten Kunden während des Checkouts sehen. Sie können Folgendes ändern:

• Auswahl der bevorzugten Kontaktmethode für den Checkout, entweder Telefonnummer oder E-Mail.

• Entscheidung, ob ein Link zur Herunterladung der Shop-App angezeigt werden soll.

• Einstellung, ob Kunden sich vor dem Checkout anmelden müssen.

Kundeninformation

Der Abschnitt "Kundeninformationen" bestimmt, welche Angaben Kunden im Checkout machen müssen. Hier können Sie folgende Optionen anpassen:

• Vollständiger Name: Sie können Vor- und Nachnamen als ein gemeinsames Feld oder separate Felder anzeigen lassen.

• Unternehmensname: Wenn Sie nicht an Unternehmen verkaufen, können Sie dieses Feld optional oder ausgeschlossen machen.

• Adresszeile 2: Hier können Kunden zusätzliche Adressinformationen eingeben. Je nach Bedarf können Sie dieses Feld als optional, erforderlich oder ausgeschlossen festlegen.

• Telefonnummer für Lieferadresse: Je nach den Anforderungen Ihrer Zahlungsanbieter oder Versanddienstleister können Sie dieses Feld optional, erforderlich oder ausgeschlossen machen.

• Andere Formularoptionen sind immer erforderlich, inklusive der Option "Meine Informationen speichern und nächstes Mal schneller bezahlen".

Wenn Kunden "Meine Informationen speichern und nächstes Mal schneller bezahlen" wählen, werden die Kontaktdaten und Lieferadresse im Browser des Kunden gespeichert. Shopify speichert diese Daten nicht, sondern der Browser des Kunden. Nach einem Jahr löscht Shopify diese Daten aus dem Browser, sofern der Kunde dies nicht selbst erledigt hat.

So gehen Sie vor:

Gehen Sie im Shopify-Adminbereich zu "Einstellungen" > "Checkout".

Passen Sie die gewünschten Änderungen im Abschnitt "Kundeninformationen" an.

Klicken Sie auf "Speichern".

Marketingoptionen

Im Bereich "Marketingoptionen" können Sie festlegen, welche Anmeldeoptionen für Marketingzwecke im Checkout angezeigt werden. Du kannst aktivieren:

E-Mail-Anmeldung

• Vorab-Auswahl für E-Mail-Marketing, die Kunden manuell deaktivieren müssen

• SMS-Anmeldung

Shopify One-Page Checkout

Der Shopify One-Page Checkout ist eine moderne und effiziente Methode, den Checkout-Prozess für Kunden reibungslos und benutzerfreundlich zu gestalten. Anders als bei traditionellen mehrseitigen Checkouts erfolgt hier alles auf einer einzigen Seite, was den Kaufabschluss beschleunigt und die Conversion Rate erhöhen kann. Um zu erfahren, ob der One-Page Checkout auch für Sie zur Verfügung steht, gehen Sie in Ihrem Shopify Adminbereich zu Einstellungen -> Checkout. Wenn hier ein Banner angezeigt wird, kann der One-Page Checkout verwendet werden. 

Hier sind einige weitere wichtige Aspekte des Shopify One Page Checkouts:

Kompakte Darstellung: Alle relevanten Schritte des Checkouts, einschließlich der Kontaktdaten, Versand- und Zahlungsinformationen, werden auf einer einzigen Seite zusammengefasst. Kunden können einfach nach unten scrollen und alle erforderlichen Angaben machen.

Einfache Navigation: Der One Page Checkout ermöglicht eine lineare Navigation, bei der Kunden von einem Abschnitt zum nächsten navigieren können, ohne zwischen verschiedenen Seiten wechseln zu müssen. Dies minimiert Ablenkungen und hilft, den Fokus der Kunden aufrechtzuerhalten.

Visuelle Darstellung: Durch eine übersichtliche visuelle Darstellung werden Kunden durch den Checkout-Prozess geführt. Klare Schritt-für-Schritt-Anweisungen und visuelle Indikatoren zeigen an, wie weit der Kunde im Checkout fortgeschritten ist.

Echtzeit-Validierung: Fehler bei der Eingabe von Daten werden sofort angezeigt, während der Kunde sie eingibt. Dies reduziert die Wahrscheinlichkeit von Fehlern und minimiert das Risiko, dass Kunden den Checkout wegen ungültiger Informationen abbrechen.

Express-Optionen: Einige One Page Checkouts bieten die Möglichkeit, Express-Optionen wie das Speichern von Kontoinformationen oder die Nutzung gespeicherter Versandadressen zu nutzen. Dadurch können wiederholte Eingaben vermieden werden.

Mobile Optimierung: Da immer mehr Kunden mobile Geräte für Online-Einkäufe verwenden, ist der One Page Checkout mobil optimiert. Er stellt sicher, dass der Checkout-Prozess auch auf kleinen Bildschirmen reibungslos funktioniert.

Flexible Anpassung: Shopify ermöglicht es den Händlern, den One Page Checkout nach ihren Bedürfnissen anzupassen. Sie können Felder hinzufügen, entfernen oder anordnen, um den Checkout an die spezifischen Anforderungen ihres Geschäfts anzupassen.

Analyse und Optimierung: Der One Page Checkout bietet die Möglichkeit, das Verhalten der Kunden genau zu verfolgen und zu analysieren. Händler können erkennen, an welchen Stellen Kunden den Checkout abbrechen, und daraufhin Anpassungen vornehmen, um die Konversionsrate zu verbessern.

Der Shopify One Page Checkout ist eine effektive Möglichkeit, den Kaufprozess für Kunden nahtlos und einfach zu gestalten. Er reduziert die Abbruchrate und kann dazu beitragen, die Gesamtperformance eines Online-Shops zu steigern.

Shopify Checkout Extensions: Neuerungen und Updates

Shopify entwickelt den Checkout kontinuierlich weiter. Besonders seit der Einführung der Checkout Extensibility stehen Händlern immer mehr Möglichkeiten zur Verfügung, den Checkout flexibel und gleichzeitig sicher anzupassen.

Zu den wichtigsten Neuerungen zählen:

• Erweiterungen für Danke-Seite und Bestellstatus-Seite

• Checkout Blocks für zusätzliche Inhalte

• Verbesserte Shopify Functions

• neue Branding APIs

• One-Page Checkout

• stärkere Mobile-Optimierung

• bessere Shop-Pay-Integration

Die neuen Funktionen ermöglichen es Händlern, den Checkout stärker an:

• ihre Marke,

• ihre Conversion-Ziele,

• und ihre Kundenbedürfnisse

anzupassen, ohne die Stabilität des Shopify-Checkouts zu gefährden.

Neue Funktionen und Möglichkeiten

Checkout Blocks

Mit Checkout Blocks lassen sich Inhalte auf der Danke-Seite oder der Bestellstatus-Seite flexibel ergänzen:

• Banner

• individuelle Hinweise

• Produktempfehlungen

• Cross-Selling-Elemente

Shopify Functions

Shopify Functions ermöglichen individuelle Geschäftslogiken für:

• Rabatte

• Versandregeln

• Zahlungsoptionen

• Validierungen

ohne direkten Eingriff in den Checkout-Code.

Erweiterte Branding-Möglichkeiten

Über die Branding API lassen sich inzwischen deutlich umfangreichere Designanpassungen umsetzen:

• Farben

• Schriftarten

• Container-Stile

• Abstände

• Buttons

• Formularelemente

Web Pixels & Tracking

Mit Web Pixel Extensions können Händler datenschutzkonforme Tracking- und Analysefunktionen integrieren, um:

• Conversion Rates zu messen

• Kaufabbrüche zu analysieren

• Marketingkampagnen zu optimieren

Was ist der Gast-Checkout?

Beim Gast-Checkout können Kunden eine Bestellung abschließen, ohne vorher ein Kundenkonto erstellen zu müssen.

Der Käufer gibt lediglich seine Versand-, Kontakt- und Zahlungsdaten ein und kann den Kauf direkt abschließen. Besonders im Mobile Commerce zählt der Gast-Checkout inzwischen zu den wichtigsten Faktoren für eine hohe Conversion Rate.

Unterschied zwischen Gast-Checkout und Kundenkonto

Der klassische Checkout mit Kundenkonto verlangt von Nutzern zunächst eine Registrierung oder Anmeldung.

Beim Gast-Checkout entfällt dieser zusätzliche Schritt vollständig.

Kundenkonto:

• langfristige Kundenbindung

• Bestellhistorie

• schnellerer Re-Order-Prozess

• bessere Personalisierung

Gast-Checkout:

• weniger Reibung im Kaufprozess

• schnellerer Kaufabschluss

• geringere Abbruchrate

• ideal für Erstkäufer

Vorteile und Nachteile des Gast-Checkouts

Vorteile 

• Schnellere Kaufabwicklung

• Höhere mobile Conversion Rate

• Weniger Kaufabbrüche

• Niedrigere Einstiegshürde für Neukunden

• Besseres Nutzererlebnis bei spontanen Käufen

Nachteile 

• Weniger Kundendaten

• Schwächere Kundenbindung

• Erschwerte Personalisierung

• Geringere Möglichkeiten für Loyalty-Programme

Gast-Checkout in Shopify aktivieren

Die Aktivierung des Gast-Checkouts erfolgt direkt im Shopify-Adminbereich.

So aktivieren Sie den Gast-Checkout:

• Shopify Admin öffnen

• Zu Einstellungen → Kundenkonten wechseln

• „Kundenkonten optional“ auswählen

• Änderungen speichern

Dadurch können Kunden Bestellungen abschließen, ohne sich registrieren zu müssen.

Zusätzlich sollten folgende Einstellungen geprüft werden:

• Express-Checkouts aktivieren (Shop Pay, Apple Pay, Google Pay)

• Pflichtfelder minimieren

• Adressvalidierung nutzen

• Mobile Darstellung testen

• Versandkosten frühzeitig anzeigen

Best Practices für einen conversionstarken Checkout

1. Mobile-first Checkout Design

Da ein Großteil der Käufe inzwischen mobil erfolgt, sollte der Checkout vollständig für Smartphones optimiert sein:

• große Buttons

• kurze Formulare

• schnelle Ladezeiten

• einfache Navigation

2. Kaufabbrüche reduzieren

Typische Gründe für Warenkorbabbrüche:

• unerwartete Versandkosten

• zu viele Formularfelder

• verpflichtende Registrierung

• langsame Ladezeiten

Deshalb gilt: Je einfacher der Checkout, desto höher die Conversion Rate.

3. Express-Zahlungen integrieren

Zahlungsmethoden wie:

• Shop Pay

• Apple Pay

• Google Pay

• PayPal Express

verkürzen den Kaufprozess erheblich.

4. Vertrauen schaffen

Wichtige Vertrauenselemente:

• SSL-Verschlüsselung

• bekannte Zahlungsanbieter

• transparente Rückgabeinformationen

• klare Lieferzeiten

Shopify Checkout anpassen – auch ohne Shopify Plus?

Shopify schützt den Checkout-Prozess bewusst stark – aus Sicherheits- und Performance-Gründen. Nur mit Shopify Plus erhalten Sie tiefgreifenden Zugriff. Dennoch lassen sich auch ohne Plus bestimmte Bereiche anpassen – wenn auch mit Einschränkungen.

Was Sie ohne Shopify Plus anpassen können:

1. Design & Branding

• Eigenes Logo

• Primärfarben & Button-Stile

• Schriftarten

So geht’s: Shopify Admin → Einstellungen → Checkout → Branding

2. Texte im Checkout ändern

Passen Sie Texte wie „Lieferadresse“ oder „Weiter zur Zahlung“ individuell an – ideal für Corporate Wording oder Mehrsprachigkeit.

So geht’s: Einstellungen → Sprache → Checkout & Systemtexte

Was ohne Shopify Plus nicht möglich ist:

• Kein Zugriff auf Checkout UI Extensions

• Kein Bearbeiten des Checkout Codes (checkout.liquid)

• Keine Shopify Functions für Discounts, Versand oder Zahlungslogik

• Keine benutzerdefinierten Felder im Checkout (z. B. Lieferdatum, Geschenkoptionen)

Ohne Shopify Plus bleibt der Checkout technisch weitgehend „geschlossen“ – doch mit geschicktem Einsatz von Branding-Optionen und der Danke-Seite können Sie dennoch ein professionelles und markenkonformes Einkaufserlebnis bieten.

Fazit

Wenn Sie schon länger auf der Suche nach einer Anpassungsmöglichkeit für Ihren Checkout waren oder Sie die vorher genannten Beispiele inspiriert haben, dann stehen Ihnen mit Shopify-Checkout-Extensions nun alle Türen offen. Auf diese Weise können Ihre Kunden bei jedem Schritt in der Customer Journey eine Verbindung zu Ihrer Markenidentität herstellen. Und das ist noch nicht alles: Mithilfe der Pixel können Sie künftig verhaltensbezogene Kundendaten für Marketing, Werbung und Analysen sammeln.