Zweistufiger Checkout

Mit dem mehrstufigen Layout wird der Checkout in zwei klar getrennte Schritte aufgeteilt: Im ersten Schritt geben Kunden ihre Kontakt- und Lieferadresse ein, im zweiten Schritt wählen sie die Zahlungsmethode und bestätigen die Bestellung.

Mehrstufiges Layout aktivieren

Öffnen Sie Admin → Einstellungen → Checkout.
Klicken Sie auf die Karte Layout.
Ändern Sie das Dropdown von Eine Seite auf Mehrstufig.
Klicken Sie auf Alles speichern.
Öffnen Sie /checkout — über dem Formular erscheint nun der Schritt-Indikator.

Der Standard Eine Seite verhält sich identisch zum bisherigen Checkout. Bestandskunden bemerken keine Änderung, bis Sie aktiv auf "Mehrstufig" wechseln.

Ablauf aus Kundensicht

Schritt 1 — Kontakt & Lieferadresse

Der Schritt-Indikator zeigt Schritt 1 von 2 über dem Formular.
Der Kunde füllt E-Mail, Name, Telefon und Lieferadresse aus.
Klick auf Weiter validiert die Eingaben. Bei Fehlern bleiben die Felder markiert; erst nach Korrektur gelangt der Kunde zu Schritt 2.

Schritt 2 — Zahlung & Bestellbestätigung

Der Schritt-Indikator wechselt auf Schritt 2 von 2.
Auf diesem Schritt erscheinen Zahlungsauswahl, Bestellzusammenfassung und der Jetzt bestellen-Button.
Klick auf Zurück führt zurück zu Schritt 1 — alle eingegebenen Daten bleiben erhalten.
Ein Klick auf den Schritt-Indikatorkreis von Schritt 1 navigiert ebenfalls zurück; vorwärts (Schritt 2 direkt anspringen) ist ohne erfolgreiche Validierung nicht möglich.

PayPal Express im zweistufigen Checkout

PayPal und Stripe werden im Hintergrund geladen, bevor der Kunde Schritt 2 erreicht. Es entsteht keine Verzögerung beim Initialisieren der Zahlungsanbieter.

Die Position der Express-Zahlung-Buttons (PayPal-Schnellkauf) konfigurieren Sie in der Karte Layout:

Position	Beschreibung
Oben	Buttons erscheinen oberhalb des Adressformulars auf Schritt 1
Unten (Standard)	Buttons erscheinen unterhalb des Zahlungsbereichs auf Schritt 2
Ausgeblendet	Express-Buttons werden auf allen Schritten nicht angezeigt

Weitere Layout-Optionen

Einstellung	Beschreibung	Standard
Bestellübersicht	Zeigt eine vollständige Bestellzusammenfassung oberhalb des Bestell-Buttons auf Schritt 2	Aus
Express-Zahlung Position	Oben / Unten / Ausgeblendet (siehe oben)	Unten

Zurück zu einer Seite wechseln

Öffnen Sie Admin → Einstellungen → Checkout → Layout.
Wählen Sie Eine Seite aus dem Dropdown.
Klicken Sie auf Alles speichern.

Kunden sehen ab dem nächsten Seitenaufruf wieder den einstufigen Checkout.

Nächste Schritte

Checkout-Einstellungen — Alle Konfigurationskarten im Überblick
Checkout-Branding — Akzentfarbe und Logo anpassen
Zahlungsmethoden — PayPal, Stripe, Vorkasse, Nachnahme