1. Wo du den Checkout bearbeitest
Mit einem Block-Theme öffnest du im WordPress-Dashboard Design > Editor, dann Vorlagen > WooCommerce und wählst „Page: Checkout“. Mit einem klassischen Theme bearbeitest du unter Seiten > Alle Seiten die Seite, die als Kasse festgelegt ist. Welche Seite das ist, stellst du unter WooCommerce > Einstellungen > Erweitert ein.
Die Checkout-Vorlage zeigt standardmäßig nur einen vereinfachten Kopfbereich mit Seitentitel und Logo statt der normalen Navigation. WooCommerce begründet das damit, dass Kunden so weniger abgelenkt werden.
2. Felder einstellen: Firma, Adresszeile 2, Telefon
Wähle in der Listenansicht den Block Checkout-Felder. Unter Adressfelder schaltest du Firma, Adresszeile 2 und Telefon sichtbar oder unsichtbar, und sichtbare Felder stellst du auf Optional oder Pflicht. Dieselbe Einstellung steht in den Blöcken Lieferadresse und Rechnungsadresse, eine Änderung an einer Stelle gilt überall.
Für B2B-Shops ist das Firmenfeld als Pflicht sinnvoll, für Privatkunden lohnt es sich, jedes nicht nötige Feld auszublenden. Jedes Feld weniger ist ein Schritt weniger bis zur Bestellung.
Der Checkout-Block selbst hat zwei Einstellungen: Schrittnummern vor den Abschnitten anzeigen und Eingabefelder für dunkle Hintergründe gestalten.
3. AGB, Gutscheine, Expresszahlung und Lieferung
Im Block AGB schaltest du „Require Checkbox“ ein, dann muss der Kunde die Zustimmung anhaken, bevor er bestellen kann. Die Links auf AGB und Datenschutzerklärung setzt WooCommerce automatisch, wenn die Seiten in den Einstellungen hinterlegt sind.
Im Bereich Bestellsumme ist das Gutscheinformular der einzige Block, den du entfernen kannst. Wer keine Gutscheine anbietet, nimmt ihn heraus, damit Kunden nicht nach Codes suchen gehen.
Der Block Expresszahlung zeigt nur dann etwas an, wenn ein aktiver Zahlungsanbieter Expressverfahren wie Apple Pay oder Google Pay unterstützt. Im Block Lieferung wählt der Kunde zwischen Versand und Abholung, sofern du unter WooCommerce > Einstellungen > Versand die Block-Version der Abholung eingerichtet hast. Im Block Aktionen blendest du den Link „Zurück zum Warenkorb“ ein oder aus.
In Deutschland muss der Bestellbutton zudem eindeutig auf die Zahlungspflicht hinweisen, etwa mit „zahlungspflichtig bestellen“ (§ 312j BGB). Prüfe Beschriftung und Pflichtangaben deiner Kasse im Zweifel mit deiner Rechtsberatung.
4. Eigene Felder und Erweiterungen
Zusätzliche Felder wie eine Kundennummer oder ein Lieferdatum bietet der Block nicht von Haus aus. Dafür gibt es Erweiterungen, etwa den kostenpflichtigen Checkout Field Editor auf woocommerce.com, mit dem du Felder in den Abschnitten Rechnung und Versand hinzufügst, entfernst und verschiebst, ohne Code.
Achte bei jeder Erweiterung darauf, dass sie den Checkout-Block unterstützt. Laut WooCommerce brauchen Erweiterungen, die über Hooks eigene Felder in die Kasse schreiben, meist Anpassungen dafür. Ist eine aktive Erweiterung nicht kompatibel, zeigt der Editor beim Checkout-Block eine Warnung mit ihrem Namen. Ist kein Zahlungsanbieter kompatibel, sehen Kunden „There are no payment methods available“.
5. Zurück zum klassischen Checkout
Brauchst du eine Erweiterung, die nur mit der alten Kasse läuft, öffnest du die Checkout-Seite, wählst in der Listenansicht den Checkout-Block, klickst in der Werkzeugleiste ganz links auf „Transform“ und wählst „Classic Shortcode“. Dann speichern.
WooCommerce empfiehlt, Warenkorb und Kasse gemeinsam umzustellen, weil beide Blöcke zusammenarbeiten. Bestehende Shortcode-Seiten wandelst du umgekehrt um, indem du den Shortcode-Block löschst und den Checkout-Block einfügst.
6. Änderungen prüfen und was vor der Kasse passiert
Lege nach jeder Änderung ein physisches Produkt in den Warenkorb und gehe die Kasse durch: Stimmen Felder, Versandarten, Zahlungsarten und Bestellsumme? Wiederhole das auf dem Smartphone. Ab 920 Pixel Blockbreite zeigt der Checkout zwei Spalten, darunter eine.
Die beste Kasse hilft nur, wenn Kunden vorher ihr Produkt finden. Die Standardsuche von WooCommerce findet bei Tippfehlern nichts und durchsucht keine Attribute. Grumeria ersetzt sie durch eine fehlertolerante Suche mit Artikelnummern und Filtern, mit kostenlosem WordPress-Plugin, ab 29 € netto im Monat, die ersten 14 Tage kostenlos.
Häufige Fragen
Wie mache ich das Telefonfeld im WooCommerce-Checkout optional?
Im Checkout-Block die Checkout-Felder auswählen und unter Adressfelder das Telefon auf Optional stellen oder ganz ausblenden. Dasselbe gilt für Firma und Adresszeile 2.
Wie füge ich eigene Felder zum WooCommerce-Checkout hinzu?
Der Checkout-Block hat keine eigenen Zusatzfelder. Nutze eine Erweiterung wie den Checkout Field Editor, die den Checkout-Block unterstützt, oder lass eine Agentur das Feld programmieren.
Wie bekomme ich den alten WooCommerce-Checkout zurück?
Checkout-Block auswählen, in der Werkzeugleiste „Transform“ und dann „Classic Shortcode“ wählen, speichern. Den Warenkorb am besten genauso umstellen.
Warum zeigt mein Checkout keine Zahlungsarten?
Meist ist kein aktiver Zahlungsanbieter mit dem Checkout-Block kompatibel. Prüfe die Zahlungsoptionen im Editor oder wechsle zum klassischen Checkout.
Kann ich das Gutscheinfeld im Checkout ausblenden?
Ja, das Gutscheinformular ist der einzige Block in der Bestellsumme, den du entfernen kannst.