Shopify stellt jedem Händler einen vordefinierten Checkout-Prozess zur Verfügung. Er funktioniert schnell und sicher, ohne dass Sie zusätzlichen Aufwand haben. Möglicherweise möchten Sie ihn jedoch anpassen, um ihn besser an das Design Ihres Shops anzupassen, Reibungspunkte zu beseitigen, Sonderangebote hinzuzufügen usw.
Alle E-Commerce-Plattformen enthalten benutzerdefinierte Checkout-Felder: Das Hinzufügen einer Notiz oder einer Geschenknachricht zur Bestellung ist beispielsweise bei jeder größeren Lösung verfügbar (WooCommerce, Squarespace, Ecwid und andere). Aber Shopify ist wahrscheinlich am flexibelsten, wenn es darum geht, den Checkout ohne individuelle Entwicklung zu ändern.
In diesem Beitrag besprechen wir, welche Shopify-Checkout-Anpassungen möglich sind und wie man sie umsetzt.
Wie anpassbar ist ein Shopify-Checkout?
Die meisten Checkout-Seiten, die Sie in Shopify-Shops sehen, sind weitgehend identisch. Die Seite ist in zwei Teile unterteilt: Links gibt der Kunde Versand- und Zahlungsinformationen ein, rechts wird die Bestellübersicht angezeigt.
Sie können diese Struktur und Checkout-Logik nicht ändern. Was Sie tun können, dreht sich um die Änderung des Erscheinungsbilds der Seite und das Hinzufügen zusätzlicher Felder. Aber selbst die kleinsten kosmetischen Änderungen können das Checkout-Erlebnis erheblich beeinflussen und Ihre Conversions steigern.
Was ist, wenn Sie die Checkout-Struktur ändern möchten?
❗ Derzeit haben nur Shopify Plus-Händler die Möglichkeit, die Checkout-Logik durch Bearbeitung der checkout.liquid-Vorlage zu beeinflussen. Dies kann jedoch zu riskant sein, und Shopify selbst sieht dies nicht gerne. Die Bearbeitung des Checkout-Codes birgt folgende Risiken:
- Es könnte etwas auf der Website beschädigen und Kunden daran hindern, Bestellungen abzuschließen.
- Die Integration von Drittanbieter-Code kann schwierig und arbeitsintensiv sein.
- Hinzugefügtes JavaScript von Drittanbietern kann auf sensible Daten zugreifen, was zu Sicherheitsproblemen führen kann.
Um dies anzugehen, erstellt Shopify eine Checkout-Erweiterungsarchitektur, die es Entwicklern ermöglicht, Apps zur Checkout-Anpassung zu erstellen. Sie können bereits viele Dinge mit verschiedenen Shopify-Apps optimieren, aber mit dem Aufkommen von Checkout-Erweiterungen können Sie mit weitaus mehr Anpassungsmöglichkeiten rechnen. Basierend auf den von Shopify bereitgestellten UI-Komponenten und der Branding-API ermöglichen diese Erweiterungen die Erweiterung bestehender Checkout-Teile, den Austausch einiger Elemente und das Hinzufügen völlig neuer Funktionen.
Auf der Shopify Editions Winter 2023 kündigte Shopify die Möglichkeit des One-Page-Checkouts an.
Arten von Checkout-Anpassungen in Shopify
Vor diesem Hintergrund werden wir zwei Hauptarten von Checkout-Anpassungen behandeln, die Ihnen zur Verfügung stehen: Die erste sind Theme-Änderungen, die Sie einfach selbst umsetzen können, und die zweite sind zusätzliche Funktionen, die mithilfe von Shopify-Apps integriert werden.
1. Super einfache visuelle Anpassungen Ihres Shopify-Checkouts
Schauen wir uns zunächst an, was Sie in Ihrem Theme-Editor ohne zusätzliche Hilfe tun können. Wenn Sie neben Ihrem aktuellen Theme auf Anpassen klicken, wählen Sie im oberen Menü Checkout aus und gehen Sie links zum Abschnitt Checkout unter Theme-Einstellungen.
Hier können Sie viele einfache Checkout-Anpassungen vornehmen:
- Fügen Sie Ihr Logo zur Checkout-Seite hinzu. Ihr Logo sollte den Kunden von einer Seite zur anderen begleiten und ein einheitliches Markenimage schaffen. Lassen Sie auf Ihrer Checkout-Seite nicht nur Ihren Shop-Namen anzeigen – verwenden Sie stattdessen ein Logo.
- Passen Sie die Farben von Seitenbereichen, Texten, Links und Schaltflächen an. Anstatt die Standardfarben zu belassen, können Sie Farben wählen, die besser zu Ihrem Markenauftritt passen. Sie können auch ein Hintergrundbild für den Hauptinhalt der Seite und die Bestellübersicht festlegen, was jedoch nicht empfohlen wird – Informationen in diesen Bereichen sollten stets gut lesbar sein.
Shopify stellt Ihnen zudem verschiedene Schriftarten zur Verfügung. Wenn Sie eine passende gefunden haben, wählen Sie diese aus, um das Erscheinungsbild Ihres Checkouts zu personalisieren.
- Fügen Sie ein Markenbanner oder ein passendes Bild als Kopfzeile hinzu. Auch wenn ein Bild-Header nur ein kleines Element ist, kann er das Aussehen Ihrer Checkout-Seite grundlegend verändern.
Sie können auch einige Felder in Ihrem Shopify-Adminbereich unter Checkout und Konten bearbeiten:
- Marketing-Anmeldungen bearbeiten. Sie können Anmeldeoptionen für E-Mail und SMS hinzufügen und den Standardtext „Per E-Mail über Neuigkeiten und Angebote informieren“ ändern. Um Letzteres zu tun, klicken Sie auf Checkbox-Beschriftungen anpassen und geben Sie Ihre eigenen Formulierungen in die entsprechenden Felder ein.
Wenn Sie diese Felder jedoch durch ein spezielles Design hervorheben oder steuern möchten, wo sie angezeigt werden, reichen die Standardeinstellungen nicht aus. Shopify-Apps oder individueller Code helfen Ihnen dabei, Anmeldeboxen anzupassen.
- Kunden-Login-Optionen und erforderliche Eingabefelder festlegen. In Ihren Admin-Einstellungen können Sie bestimmen, wie Besucher Bestellungen aufgeben können: Gast-Checkouts erlauben, Multipass einrichten usw. Zudem können Sie festlegen, welche Inhaltsfelder als erforderlich und welche als optional angezeigt werden sollen: Sie können beispielsweise die Adresszeile 2 ein- oder ausblenden.
- Trinkgelder ermöglichen. Wenn es für Ihr Unternehmen sinnvoll ist, können Sie Ihren Kunden die Möglichkeit geben, ihre Wertschätzung durch die Aktivierung von Trinkgeldern im Checkout auszudrücken.
2. Shopify-Checkout-Anpassungen über Apps oder andere Tools
Verschiedene Apps können Ihnen dabei helfen, Ihren Checkout-Prozess perfekt zu gestalten und die Conversion zu steigern. Hier sind einige Beispiele für Ihre Möglichkeiten:
- Ersetzen Sie die Standard-Breadcrumbs durch eine Fortschrittsanzeige. Die automatisch erstellte Breadcrumb-Navigation für den Checkout ist oft zu klein, um Aufmerksamkeit zu erregen. Wenn Sie möchten, dass Ihre Kunden klar erkennen, wie viele Schritte bis zum Abschluss der Bestellung nötig sind, können Sie eine Fortschrittsleiste hinzufügen.
- Schwellenwert für kostenlosen Versand anzeigen. Es ist sinnvoll, den Schwellenwert für den kostenlosen Versand an verschiedenen Stellen des Kaufprozesses zu wiederholen: Sie können ihn im Header Ihres Shops einfügen, auf der Warenkorbseite und im Warenkorb-Drawer hervorheben sowie im Checkout anzeigen (nur solange die Bedingung für den kostenlosen Versand noch nicht erfüllt ist).
- Kostenloses Geschenk zum Kauf hinzufügen. Wenn Sie eine App wie Gift Box verwenden, die das Verschenken von Produkten ermöglicht, wird das Geschenk automatisch in der Bestellübersicht angezeigt, sobald die von Ihnen festgelegten Bedingungen (z. B. ein Mindestbestellwert) erfüllt sind.
- Produkte durch Upselling und Cross-Selling anbieten. Upselling-Techniken können in verschiedenen Phasen des Funnels effektiv sein, auch im Checkout. Mit Hilfe von Candy Rack können Sie Angebote nach dem Kauf auf der Dankesseite hinzufügen. Wenn Sie weitere Möglichkeiten und Lösungen für Upselling während oder nach dem Checkout erkunden möchten, lesen Sie unsere Auswahl der besten Shopify-Upsell-Apps.
- Checkout-Timer hinzufügen. Dringlichkeit ist eine großartige Motivation für Kunden, ihren Kauf abzuschließen. Zeigen Sie ihnen mit einem Countdown-Timer, dass Ihre Produkte sehr gefragt sind.
- Ermöglichen Sie Kunden die Anmeldung für E-Mail- und SMS-Updates. Diese Funktion ist in den Shopify-Admin-Einstellungen verfügbar (wir haben bereits erläutert, wie das funktioniert), aber mit Apps haben Sie mehr Flexibilität bei der Gestaltung der Anmeldeoptionen.
Sie können verschiedene Anmeldeoptionen integrieren: für Ihre Marketingkampagnen und für Versand-Updates. Apps wie AfterShip helfen Ihnen bei Letzterem.
- Fügen Sie Vertrauenssiegel hinzu. Apps wie Trust Me helfen Ihnen dabei, ganz einfach Siegel für unterstützte Zahlungsmethoden oder andere Vertrauensindikatoren einzubinden.
- Zeigen Sie Kontaktdaten oder andere hilfreiche Informationen an. Warum Bereiche leer lassen, wenn Sie Kunden an die Vorteile Ihrer Produkte erinnern können? Sie können unter der Bestellübersicht einen speziellen Bereich erstellen:
Alternativ können Sie Kunden an Ihre Kontaktdaten erinnern. Dies kann die Abbruchrate im Warenkorb senken, da Kunden eher dazu neigen, bestehende Probleme direkt zu klären.
- Ermöglichen Sie Kunden, Kommentare zu hinterlassen. Apps wie Checkout Comments helfen Ihnen dabei, ein zusätzliches Feld an der Kasse einzufügen, in dem Sie um Feedback bitten oder Kunden Personalisierungswünsche äußern lassen können.
- Machen Sie die Bestellübersicht fixiert. Damit Kunden beim Ausfüllen der Versand- und Zahlungsdaten ihre Bestellung nicht aus den Augen verlieren, können Sie eine fixierte Bestellübersicht verwenden (diese bewegt sich beim Scrollen mit).
- Erstellen Sie einen One-Page-Checkout. Es gibt Drittanbieter-Tools wie Checkify , mit denen Sie einen Checkout-Prozess gestalten können, der alle Schritte auf einer einzigen Seite vereint.
Wir hoffen, die genannten Funktionen inspirieren Sie dazu, Ihren Checkout anzupassen und unwiderstehlich zu machen. Weitere Tipps finden Sie in unserem Leitfaden zur Shopify-Checkout-Optimierung.
