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

In der Vergangenheit erfolgten funktionale und ästhetische Checkout-Anpassungen für Händler direkt im Checkout-Code durch das Bearbeiten der checkout.liquid-Datei. Damit griff man direkt in den Code ein, was zum einen nur für technisch versierte Benutzer möglich war und zum anderen auch Gefahren mit sich brachte - etwa die Update-Fähigkeit des Shops. Mitunter benötigte die individuelle Anpassung auch mehr Zeit und längere Deployment-Zeiten. Mit der Shopify-Checkout-Extensibility verändert sich dies grundlegend. Dazu mehr im nächsten Kapitel.

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. Der Shopify One-Page Checkout ist derzeit nur für Händler mit Shopify Plus Plan verfügbar. 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 Updates

Mit den Shopify Winter Editions 2024 wurden neue Updates zum Shopify Checkout angekündigt:

Shopify Checkout Extensions für das gesamte Kauferlebnis

Was zuletzt nur auf Seiten wie Versand, Informationen und Zahlung möglich war, wird nun ausgeweitet. Die Erweiterbarkeit des Checkouts kann nun auch auf Seiten wie der Dankeschön-Seite oder der Bestellstatus-Seite angewendet werden. Entwickler können mithilfe von UI-Erweiterungen und Webpixeln maßgeschneiderte Erlebnisse schaffen, während Händler aus einer Vielzahl von einsatzbereiten Apps zur Anpassung dieser Seiten nach dem Checkout wählen können.

Neue APIs 

Gleich 14 neue APIs sind für die Checkout-Erweiterung, bei Nutzung von Apps, veröffentlicht worden, darunter: 

• Branding-API-Funktionen: Über 50 neue Farbeigenschaften, neue Farbschemata, Anpassungsmöglichkeiten für Kopf- und Fußzeilen, Stil von Containern, einschließlich Rahmen, Schatten und Abstände

• Warenkorb- und Checkout-Validierungsfunktions-API: Mit Shopify Functions öffentliche Apps erstellen, die individuelle Validierungslogik in den Warenkorb und den Checkout integrieren, Artikel auf registrierte Kunden beschränken, bestimmte Felder als Pflichtfelder markieren

• Unterstützung für Datenschutzeinwilligungen: Apps können jetzt im Checkout die Einwilligung zum Datenschutz anfordern und abfragen

Im gleichen Zuge wurden folgende neue UI-Erweiterungen bekannt gegeben:

• Map

• ChoiceList

• ToggleButtonGroup

• Payment Icon

• Product Thumbnail

Upgrade auf Checkout Extensibility

Wenn Sie derzeit noch Checkout.liquid nutzen, sollten Sie zeitnah über das Upgrade auf die Shopify Checkout Extensibility nachdenken, denn Checkout.liquid wird ab August 2024 schrittweise abgeschaltet. Welche Vorteile das Upgrade für Sie hat und wie Sie es durchführen, stellt Shopify im Checkout-Erweiterbarkeits-Hub bereit.

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.