Auf der Warenkorb-Seite und der Checkout-Seite prüfen Käufer ihre Produkte und geben die Bestellung auf. Jede Seite hat einen Pflichtabschnitt: Warenkorb und Kasse. Du gestaltest sie im Builder, aber ihr Inhalt kommt aus dem Warenkorb des Käufers.
Wann Käufer diese Seiten sehen
- Diese Seiten werden genutzt, wenn deine Checkout-Methode In den Warenkorb ist oder wenn sie deine zweite Methode ist. Bei Schnellbestellung bestellen Käufer über das Formular auf der Produktseite. Siehe Wie wähle ich zwischen In den Warenkorb und Schnellbestellung?
- Die Warenkorb-Seite öffnet sich, wenn der Warenkorb in der Kopfzeile auf Seite steht. Bei Seitenleiste oder Dropdown öffnet sich stattdessen ein Mini-Warenkorb. Siehe Abschnitt Kopfzeile.
- Der Button Zur Kasse auf der Warenkorb-Seite, in der Seitenleiste oder im Dropdown öffnet die Checkout-Seite.
Der Abschnitt Warenkorb
Öffne den Builder und wähle die Warenkorb-Seite. Die Vorschau zeigt zwei Beispielprodukte. Der Abschnitt listet jedes Produkt mit Bild, Name, Varianten, Mengen-Buttons, Zeilenpreis und einem Entfernen-Button auf, darunter die Zwischensumme mit Weiter einkaufen und Zur Kasse. Die Mengen-Buttons beachten die Mindest- und Höchstmenge des Produkts.
- Bildverhältnis: Automatisch, Hochformat, Quadratisch oder Querformat. Bei einem festen Verhältnis ist die Bildanpassung Füllen oder Einpassen.
- Bildgröße: Klein, Mittel oder Groß.
- Dichte: Kompakt, Komfortabel oder Großzügig für den Platz in jeder Zeile.
- Leiste für kostenlosen Versand: zeigt über der Zwischensumme, wie viel noch für kostenlosen Versand fehlt. Siehe Wie funktioniert die Leiste für kostenlosen Versand?
- Abschnittsbreite, Farbschema, Abstand, Innenabstand und Benutzerdefiniertes CSS.
Wenn der Warenkorb leer ist, sehen Käufer "Dein Warenkorb ist leer" und einen Button zurück zu deinem Shop.
Der Abschnitt Kasse
Wähle im Builder die Checkout-Seite. Der Abschnitt hat auf der einen Seite das Bestellformular und auf der anderen die Bestellübersicht. Das Formular enthält die Kundenfelder, die Versand- und Zahlungsauswahl und den Button Bestellung aufgeben. Die Übersicht listet die Produkte, die Zwischensumme, den Versand, die Gesamtsumme und, wenn zutreffend, die MwSt. oder eine Rabattzeile.
Seine Einstellungen sind Abschnittsbreite, Farbschema, Innenabstand und Benutzerdefiniertes CSS. Keiner der beiden Abschnitte nimmt zusätzliche Blöcke auf, aber du kannst andere Abschnitte darüber oder darunter hinzufügen, etwa einen Text-Abschnitt mit einem Lieferversprechen.
Die Checkout-Felder ändern
Welche Felder erscheinen, welche Pflicht sind und wie sie heißen, legst du für den ganzen Markt in den Einstellungen fest, nicht in diesem Abschnitt. Siehe Wie füge ich Felder in meinem Bestellformular hinzu, blende sie aus, mache sie zur Pflicht, benenne sie um oder ordne sie neu? Farben und Stil der Felder kommen aus deinem Farbschema und den Einstellungen der Formularfelder.
Gut zu wissen
- Nach der Bestellung gelangen Käufer auf die Dankeseite. Siehe Wie passe ich die Dankeseite (Bestellbestätigung) nach einer Bestellung an?
- Versand- und Zahlungsauswahl kommen aus deinen Versandmethoden und Zahlungs-Apps, siehe Wie richte ich Versandmethoden und Versandkosten pro Markt ein?
- Jeder Markt hat seine eigene Warenkorb- und Checkout-Seite, gestalte sie also in jedem Markt.