Das Wichtigste in 30 Sekunden

  • Rund 70 Prozent aller Warenkörbe werden nicht abgeschlossen. Der Checkout selbst ist dabei einer der größten Bremser.
  • Drei Hebel bringen den größten Effekt: Gastbestellung ermöglichen, Formularfelder reduzieren, Kosten früh transparent machen.
  • WooCommerce liefert dafür alle Mittel eingebaut oder per weniger Plugins. Komplette Shop-Neuentwicklungen sind fast nie nötig.
  • Mobile Nutzer machen in deutschen Onlineshops bereits mehr als die Hälfte aller Sitzungen aus. Auf dem Smartphone entscheidet jeder überflüssige Schritt über den Kauf.

Ein Besucher legt ein Produkt in den Warenkorb. Er ist kaufbereit. Was ihn jetzt noch aufhalten kann, ist Ihr Checkout. In deutschen WooCommerce-Shops sehen wir immer wieder dieselben Konstruktionen: drei Seiten mit doppelten Adressfeldern, Pflichtregistrierung vor dem ersten Schritt, Zahlungsarten, die nicht zur Zielgruppe passen, und Buttons, die auf dem Smartphone kaum zu treffen sind. Dieser Ratgeber zeigt Schritt für Schritt, welche Umbauten den größten Effekt haben und wie Sie diese in WooCommerce ohne Neuentwicklung umsetzen.

Warum der Checkout so viele Käufe vernichtet

Kurz gesagt: Laut einer Auswertung von über 50 Studien durch das Baymard Institute liegt die durchschnittliche Warenkorbabbruchrate bei rund 70 Prozent. Ein erheblicher Teil davon geschieht nicht aus Preisvergleich oder Stöbern, sondern weil der Checkout selbst Reibung erzeugt.

Wichtig ist eine Differenzierung, die das Baymard Institute ausdrücklich trifft: Rund 43 Prozent der Nutzer, die einen Warenkorb abbrechen, geben als Grund an, dass sie nur gestöbert oder noch nicht kaufbereit waren. Diese Abbrüche sind durch Design-Änderungen kaum zu verhindern. Die restlichen Abbrüche dagegen entstehen aus konkreten Hindernissen, die den Kauf vereiteln, obwohl die Kaufabsicht vorhanden ist. Genau hier setzt die Checkout-Optimierung an.

Die meistgenannten Abbruchgründe in der Baymard-Forschung sind: unerwartete Zusatzkosten (39 Prozent), Pflichtregistrierung (19 Prozent), zu langer oder komplizierter Checkout (18 Prozent) sowie fehlende Vertrauenssignale und Zahlungsarten. Alle diese Ursachen liegen im Checkout selbst, nicht im Produkt oder am Preis.

Einen umfassenden Überblick über alle Abbruchgründe bietet der Ratgeber Warenkorbabbrüche reduzieren: Die häufigsten Conversion-Killer. Hier geht es darum, was Sie im Checkout konkret verändern.

Gastbestellung: der unterschätzte Umsatzhebel

Kurz gesagt: 19 Prozent der Abbrecher nennen die Pflichtregistrierung als Abbruchgrund. Das Baymard Institute dokumentiert, dass 47 Prozent der von Baymard international untersuchten Shops die Gastbestellung nicht prominent genug anbieten. In WooCommerce ist sie mit zwei Klicks aktivierbar.

Die Logik hinter der Pflichtregistrierung ist nachvollziehbar: Der Shopbetreiber möchte Kundendaten für spätere Kommunikation. Das Problem ist die Perspektive des Käufers: Er steht kurz vor dem Kauf und soll zuerst ein Konto anlegen, ein Passwort erfinden und seine E-Mail bestätigen, bevor er irgendetwas erhalten hat. Das Verhältnis von Aufwand und Nutzen stimmt für ihn nicht.

Die funktionierende Alternative sieht so aus: Der Käufer bestellt als Gast, zahlt und bekommt seine Bestellbestätigung. In der Bestätigungs-E-Mail folgt der optionale Hinweis, dass er mit einem Klick ein Passwort setzen und damit alle seine Bestellungen auf einen Blick behalten kann. Zu diesem Zeitpunkt hat er bereits eine positive Kauferfahrung gemacht und ist erheblich aufgeschlossener gegenüber einer Registrierung.

In WooCommerce aktivieren Sie den Gastkauf unter WooCommerce > Einstellungen > Konten & Datenschutz. Die Checkbox heißt „Gästen erlauben, Bestellungen ohne ein Konto aufzugeben“. Die Einstellung ist in der Standard-WooCommerce-Dokumentation unter Configuring WooCommerce Settings beschrieben. Wenn Sie den neuen Checkout-Block verwenden, ist der Gastkauf dort standardmäßig vorgesehen.

Eine Frage kommt dabei regelmäßig: Was ist mit dem neuen Checkout-Block im Vergleich zum klassischen WooCommerce-Shortcode-Checkout? Der Block-Checkout bietet bessere Performance durch direktes Laden der Zahlungs-Widgets und enthält eine moderne Benutzeroberfläche. Für bestehende Shops mit funktionierendem Checkout ist der Wechsel kein Pflichtschritt, aber bei einem Checkout-Umbau lohnt der Wechsel. Die offizielle Dokumentation des WooCommerce Checkout Blocks beschreibt die Unterschiede im Detail.

Formularfelder reduzieren: weniger ist messbar mehr

Kurz gesagt: Das Baymard Institute hat 2024 dokumentiert, dass der durchschnittliche Checkout 11,3 Formularfelder enthält, obwohl für die meisten Shops 8 Felder ausreichen würden. Jedes überflüssige Feld kostet etwas Aufmerksamkeit, und Aufmerksamkeit ist im Checkout endlich.

Jedes Formularfeld ist eine kleine Entscheidung, die Energie kostet. Wer Adresse, Zahlungsart und Bestellübersicht abbilden will, braucht dafür kein Geburtsdatum, keinen Titel und keine zweite Adresszeile als sichtbares Pflichtfeld. Die häufigsten Felder, die sich entfernen oder ausblenden lassen, ohne irgendjemanden zu benachteiligen:

  • Vorname und Nachname getrennt: Ein einziges Namensfeld reicht in den meisten Fällen. Der getrennte Ansatz ist historisch aus Legacy-Systemen übernommen und selten tatsächlich notwendig.
  • Adresszusatz als sichtbares Pflichtfeld: Hinter einem „Adresszusatz hinzufügen“-Link verstecken. Wer einen Firmennamen oder eine Etage angeben muss, findet ihn trotzdem.
  • Gutscheinfeld im sichtbaren Checkout: Ein geöffnetes Gutscheinfeld lädt dazu ein, die Seite zu verlassen und nach Rabattcodes zu suchen. Besser: hinter einen Link „Ich habe einen Gutschein“ legen.
  • Rechnungsadresse getrennt als Pflicht: Vorausfüllen mit der Lieferadresse, Änderung optional machen. Bei über 80 Prozent der Bestellungen ist die Rechnungsadresse identisch.
  • Firmenname für alle: Das Feld bei Bedarf per Checkbox „Für ein Unternehmen bestellen“ einblenden, nicht standardmäßig anzeigen.

In WooCommerce lassen sich Checkout-Felder über den Filter woocommerce_checkout_fields per PHP-Snippet steuern. Das braucht keine Plugin-Installation: Ein mu-plugin mit wenigen Zeilen Code reicht. Der Profi-Block am Ende dieses Artikels zeigt ein konkretes Beispiel. Wenn Sie an einem neuen Shop-Projekt arbeiten oder grundsätzlich überlegen, ob WooCommerce die richtige Basis ist, hilft der Überblick zu unseren Shop-Leistungen.

Praktisch relevant: Wer für bestimmte Produkte tatsächlich separate Rechnungsadresse oder Firmenfelder benötigt, kann diese selektiv über Bedingungen im selben Filter einblenden. Die Logik bleibt im Code, nicht im Frontend.

Checkliste als PDF zum Abhaken

Die Zwölf-Punkte-Prüfung gebrandet zum Ausdrucken, Abhaken und Weitergeben im Team.

Kostenlos herunterladen

Ein-Seiten-Checkout und Checkout-Block

Kurz gesagt: Der neue WooCommerce Checkout-Block ist technisch ein Ein-Seiten-Checkout. Er lädt alle Abschnitte auf einer Seite und aktualisiert die Bestellübersicht ohne Seitenneuladen. Das verkürzt die wahrgenommene Dauer des Prozesses erheblich.

Ein mehrseitiger Checkout hat einen psychologischen Nachteil: Der Käufer sieht nicht, wie viele Schritte noch kommen. Das erzeugt Unsicherheit. Entweder führt eine Fortschrittsanzeige durch die Seiten, oder der gesamte Prozess läuft auf einer Seite, die intelligent scrollt.

Der WooCommerce Checkout-Block, eingeführt als Teil der Block-basierten Architektur von WooCommerce 8.x, löst das Problem ohne zusätzliche Plugins. Er zeigt Lieferadresse, Versandmethode, Zahlungsart und Bestellübersicht in einer Ansicht. Versandkosten aktualisieren sich live beim Eintippen der Postleitzahl. Zahlungs-Widgets laden direkt mit der Seite, nicht erst beim Klick.

Für den klassischen WooCommerce-Shortcode-Checkout gibt es Plugins wie WooCommerce Checkout Field Editor, die einen Ein-Seiten-Ablauf ermöglichen. Der Preis liegt im niedrigen zweistelligen Euro-Bereich pro Jahr (Stand laut woocommerce.com). Wer bereits den Checkout-Block nutzt, braucht das nicht.

Wichtig bei beiden Varianten: Eine Fortschrittsanzeige, die dem Käufer zeigt, wo er gerade steht, senkt die wahrgenommene Komplexität. Auch wenn alles auf einer Seite liegt, hilft ein „Schritt 2 von 3: Zahlungsart wählen“ als visuelle Orientierung.

Adress-Autovervollständigung und autocomplete-Attribute

Kurz gesagt: Das HTML-Attribut autocomplete mit standardisierten Werten erlaubt Browsern, Felder automatisch auszufüllen. Auf dem Smartphone bedeutet das: Der Käufer tippt seinen Namen einmal, der Browser füllt Straße, PLZ, Ort und E-Mail aus. Google empfiehlt diese Technik ausdrücklich für Zahlungsformulare.

Das Autovervollständigen von Checkout-Feldern durch den Browser ist eine der wirkungsvollsten mobilen Optimierungen, die gleichzeitig eine der am häufigsten übersehenen ist. Die Technik funktioniert ohne JavaScript, ohne externe APIs und ohne Kosten.

Die wichtigsten Standardwerte für Checkout-Felder:

Feld autocomplete-Wert Beispiel
Vollständiger Name name Max Mustermann
Vorname given-name Max
Nachname family-name Mustermann
E-Mail-Adresse email max@beispiel.de
Telefonnummer tel +49 151 1234567
Straße und Hausnummer street-address Musterstraße 12
Postleitzahl postal-code 80331
Ort address-level2 München
Land country DE
Kartennummer cc-number 4111 1111 1111 1111
Ablaufdatum cc-exp 12/28

WooCommerce setzt viele dieser Werte von sich aus korrekt. Kontrolle ist trotzdem sinnvoll: Eigene Themes oder angepasste Checkout-Templates überschreiben manchmal die Standardausgabe. Im Browser-Entwickler-Werkzeug unter dem Reiter „Elemente“ lässt sich jedes Inputfeld auf das autocomplete-Attribut prüfen.

Für Mobilgeräte ist zusätzlich das inputmode-Attribut hilfreich: inputmode="numeric" auf dem PLZ-Feld öffnet auf iOS und Android direkt die Zahlentastatur, was tatsächlich relevante Tipparbeit spart.

Die Attributwerte in der Tabelle sind nicht willkürlich gewählt. Sie stammen aus dem WHATWG HTML Standard, Abschnitt „Enabling client-side automatic filling of form controls“, der verbindlichen Spezifikation für alle modernen Browser. Wer andere Attributwerte verwendet oder eigene erfindet, bekommt keine Autofill-Unterstützung. Die vollständige, kommentierte Liste aller gültigen Werte dokumentiert MDN Web Docs: HTML attribute autocomplete. Beide Quellen sind offen zugänglich und kostenlos.

Fortschrittsanzeige: wo steht der Käufer gerade?

Wer den klassischen mehrseitigen Checkout beibehält, braucht eine sichtbare Schrittanzeige. Ohne sie weiß der Käufer nicht, wie viel noch kommt. Das erzeugt eine stille Unsicherheit, die keiner beim Abbrechen benennt, die aber Abbrüche produziert.

Eine gute Fortschrittsanzeige zeigt drei Dinge: den aktuellen Schritt, die Gesamtanzahl und einen kurzen Label pro Schritt („1 Adresse / 2 Zahlung / 3 Bestätigung“). Der WooCommerce Checkout-Block hat diese Struktur von Haus aus, weil der gesamte Prozess auf einer Seite liegt und der Nutzer visuell sieht, was schon ausgefüllt ist. Beim klassischen Shortcode-Checkout muss die Anzeige über das Theme oder ein Snippet nachgerüstet werden. Plugins wie Checkout Add-ons oder Themes mit integrierter Schritt-Navigation erledigen das ohne eigene Entwicklung.

Ein Detail, das in der Praxis einen Unterschied macht: Die Schrittanzeige sollte den abgeschlossenen Schritt als abgehakt anzeigen, nicht nur den aktuellen hervorheben. Der Käufer soll das Gefühl haben, dass er bereits etwas geleistet hat, nicht nur, wie viel noch vor ihm liegt.

Tastaturnavigation: der unsichtbare Reibungspunkt

Ein Checkout, der sich nicht vollständig per Tastatur bedienen lässt, hat ein Problem. Es betrifft nicht nur Nutzer mit Einschränkungen, für die die Tastaturnavigation oft die einzige Option ist. Es betrifft auch Poweruser, die beim Ausfüllen von Formularen generell Tab verwenden, und es ist ab 2025 für viele Shops eine gesetzliche Anforderung nach dem Barrierefreiheitsstärkungsgesetz (BFSG).

Der häufigste Fehler im WooCommerce-Checkout ist nicht das Formular selbst, sondern Drittanbieter-Plugins. Farbmuster-Selektoren, Geschenkkarten-Eingaben oder Zahlungs-Widgets werden manchmal als reine div-Elemente programmiert, die optisch wie Buttons wirken, aber per Tab nicht ansteuerbar sind. Wer diese mit der Maus anklicken kann, bemerkt das Problem nie. Wer nur die Tastatur nutzt, hängt fest.

Der Test ist einfach: Checkout-Seite öffnen, Maus weglegen, nur Tab, Shift+Tab, Enter und Leertaste verwenden. Jedes Feld, jede Auswahl, jeder Zahlungsbutton muss erreichbar und bedienbar sein. Wenn der Fokus-Ring dabei irgendwo verschwindet oder der „Jetzt kaufen“-Button nicht per Enter bestätigt werden kann, ist die Navigation gebrochen. Das lässt sich mit CSS (:focus-visible) und korrekt gesetzten role– und tabindex-Attributen beheben. Konkrete Prüfwerkzeuge für Tastaturnavigation und Barrierefreiheit im Checkout nennt der Ratgeber BFSG und Onlineshop: was Händler wirklich umsetzen müssen.

Vertrauenssignale direkt im Checkout

Kurz gesagt: 19 Prozent der Abbrecher nennen Sicherheitsbedenken als Abbruchgrund. Der Checkout ist der Moment höchster Unsicherheit für einen Erstkäufer, weil er Zahlungsdaten an einen Shop gibt, den er nicht kennt. Vertrauenssignale müssen genau hier sichtbar sein, nicht nur auf der Startseite.

Was tatsächlich Vertrauen schafft, ist nicht das Vorhandensein eines hübschen Designs, sondern nachprüfbare Signale. Für Erstkäufer zählen:

  • Gütesiegel mit echter Zertifizierung: Trusted Shops, EHI-zertifiziert oder ähnliche. Das Siegel muss klickbar und verlinkt sein, damit der Käufer die Echtheit prüfen kann. Ein als Bild eingefügtes Siegel ohne Link schafft weniger Vertrauen als ein verifiziertes.
  • Klarer Hinweis auf das Widerrufsrecht im Checkout: Ein kurzer Satz „14 Tage Rückgabe, kein Grund nötig“ direkt über dem Kaufen-Button senkt die wahrgenommene Risikobereitschaft, die für den Kauf nötig ist.
  • Sichtbares HTTPS und SSL-Zertifikat: Pflichtstandard, aber Käufer schauen tatsächlich in die Adresszeile. Eine abgelaufene SSL-Warnung kostet den Kauf.
  • Kurze Lieferzeitangabe im Checkout: „Lieferung in 2-4 Werktagen“ direkt bei der Bestellübersicht. Zu langsame Lieferung ist laut Baymard der zweithäufigste vermeidbare Abbruchgrund (21 Prozent).
  • Sichtbare Kontaktmöglichkeit: Eine Telefonnummer oder ein Chat-Link gibt dem Käufer das Gefühl, jemanden fragen zu können. Das reduziert Unsicherheit auch dann, wenn er nie anruft.

Was weniger bringt als viele Shops annehmen: Testimonials und generische „Sichere Zahlung“-Banner ohne Substanz. Wer „Sicher einkaufen“ schreibt, ohne das mit einem konkreten Prüfsiegel zu belegen, schafft eher Misstrauen als Vertrauen.

Zahlungsarten: welche wirklich zählen

Kurz gesagt: Im deutschen Onlinehandel liegt Kauf auf Rechnung mit deutlichem Abstand auf Platz eins. Wer ausschließlich Kreditkarte anbietet, schließt einen erheblichen Teil der Kundschaft aus.

Die Zahlungsart ist im deutschen Markt stärker kulturell geprägt als in den USA oder Großbritannien. Kauf auf Rechnung bedeutet: erst bestellen, erst prüfen, dann zahlen. Das entspricht dem Sicherheitsbedürfnis vieler Käufer im deutschen E-Commerce. Marktdaten des Baymard Institute beziehen sich primär auf US-Märkte; für Deutschland zeigt die Praxis in Shops, die wir betreuen, dass fehlende Rechnungszahlung ein häufiger Abbruchgrund ist.

Vier bis fünf Zahlungsarten decken in der Regel die meisten Zielgruppen ab. Mehr ist nicht automatisch besser, weil eine zu lange Zahlungsauswahl die Entscheidung verzögert. Eine bewährte Kombination für den deutschen Markt:

Zahlungsart Relevanz Deutschland Technische Umsetzung in WooCommerce
Kauf auf Rechnung Sehr hoch (kulturell verankert) Klarna, Mollie, PayPal Pay Later, oder Eigenimplementierung mit Kreditprüfung
PayPal Sehr hoch (weiteste Verbreitung) WooCommerce PayPal Payments (offizielles Plugin)
SEPA-Lastschrift Hoch (besonders bei B2B und Stammkunden) Stripe, Mollie, PayPal
Kreditkarte (Visa, Mastercard) Mittel (steigt bei jüngeren Käufern) Stripe, Mollie, PayPal
Apple Pay / Google Pay Steigend (vor allem mobil) Stripe, Mollie (je nach Plugin-Version)

Apple Pay und Google Pay sind auf dem Smartphone besonders wertvoll: Der Käufer authentifiziert sich per Face ID oder Fingerabdruck, ohne Kartennummer eintippen zu müssen. Das kann die mobile Conversion erheblich verbessern. Eine ausführliche Analyse aller Zahlungsanbieter für WooCommerce findet sich im Ratgeber WooCommerce Zahlungsarten im Vergleich: PayPal, Stripe, Klarna und Co.

Wichtig bei Klarna und ähnlichen Buy-Now-Pay-Later-Anbietern: Diese Zahlungsarten unterliegen seit 2023 in Deutschland strengeren Anforderungen der Kreditwürdigkeitsprüfung. Die Integration muss den aktuellen Anforderungen der Anbieter entsprechen. Das gilt besonders für kleinere Shops, die ohne Zahlungsdienstleister direkt integrieren wollen.

Mobile Optimierung: der meistunterschätzte Faktor

Kurz gesagt: Mehr als die Hälfte aller E-Commerce-Sitzungen in Deutschland findet auf Smartphones statt. Ein Checkout, der auf dem Desktop funktioniert, aber auf dem Telefon ruckelt oder winzige Buttons hat, verliert täglich Käufe.

Mobile Checkout-Probleme sind oft nicht offensichtlich, weil die Entwicklung am Desktop-Bildschirm stattfindet. Die häufigsten Fehler, die wir in der Praxis sehen:

  • Zu kleine Tipflächen: Der „Jetzt kaufen“-Button mit weniger als 44 Pixel Höhe ist auf Mobilgeräten schwer zu treffen. Google empfiehlt mindestens 48×48 Pixel als Tippziel.
  • Automatisches Zoomen beim Feldklick: iOS zoomt auf Felder mit einer Schriftgröße unter 16 Pixel. Das Feature stört den Kaufprozess erheblich. Die Lösung: font-size: 16px auf allen Formularfeldern.
  • Fehlende richtige Tastaturtypen: Ein PLZ-Feld, das die Buchstabentastatur öffnet, statt eine Zahlentastatur, erzeugt unnötige Frustration. inputmode="numeric" behebt das.
  • Horizontales Scrollen durch Tabellen: Die Bestellübersichtstabelle bricht auf schmalen Displays aus dem Layout. Responsive-Styling ist kein Luxus, sondern Grundlage.
  • Checkout mit Seitenneuladen bei jeder Eingabe: Jedes Seitenladen auf einer mobilen Verbindung kostet Zeit. Der Checkout-Block von WooCommerce vermeidet Seitenneuladen durch AJAX-Updates.

Ladezeit zählt doppelt auf dem Smartphone. Google misst Core Web Vitals für mobile Geräte separat, und ein langsamer Checkout senkt sowohl die Conversion als auch die Ranking-Position. Wer seinen WooCommerce-Shop generell beschleunigen will, findet konkrete Maßnahmen im Ratgeber WooCommerce schneller machen: die wirksamsten Performance-Hebel. Welche Formular-Optimierungen auch außerhalb des Checkouts die Anfragerate erhöhen, zeigt der Ratgeber Mehr Formular-Conversion: weniger Felder, mehr Anfragen.

Für den Checkout selbst gibt es einen konkreten Testweg: Das Chrome DevTools Device Mode simuliert Mobilgeräte im Browser, inklusive Toucheingabe und langsamer Netzwerkgeschwindigkeit. Drei Minuten Checkout-Test auf simuliertem Mobilgerät zeigen mehr als jede Theorie.

Für Entwickler · überspringbar

Profi-Block: Checkout-Felder per Filter steuern

Dieser Abschnitt richtet sich an Entwickler und WordPress-Administrierende mit PHP-Kenntnissen. Einsteiger können ihn überspringen.

WooCommerce stellt den Filter woocommerce_checkout_fields zur Verfügung, mit dem sich alle Checkout-Felder ohne Plugin anpassen lassen. Der Filter greift auf ein Array aller Feldgruppen zu: billing, shipping, account und order.

Ein Beispiel, das drei häufige Optimierungen in einer Funktion bündelt:

// In /wp-content/mu-plugins/checkout-felder.php
add_filter( 'woocommerce_checkout_fields', 'ihp_checkout_felder_optimieren' );

function ihp_checkout_felder_optimieren( $fields ) {
    // Adresszusatz ausblenden (aber nicht entfernen, Daten bleiben erhalten)
    $fields['billing']['billing_address_2']['class']    = array( 'form-row-wide', 'hidden' );
    $fields['shipping']['shipping_address_2']['class']  = array( 'form-row-wide', 'hidden' );

    // Firmennamen-Feld optional machen und Priorität ans Ende setzen
    $fields['billing']['billing_company']['required'] = false;
    $fields['billing']['billing_company']['priority'] = 100;

    // PLZ-Feld mit nummerischer Tastatur auf Mobilgeräten
    $fields['billing']['billing_postcode']['custom_attributes'] = array(
        'inputmode'    => 'numeric',
        'autocomplete' => 'postal-code',
    );
    $fields['shipping']['shipping_postcode']['custom_attributes'] = array(
        'inputmode'    => 'numeric',
        'autocomplete' => 'postal-code',
    );

    return $fields;
}

Das Snippet als mu-plugin ablegen heißt: Es greift automatisch ohne Aktivierung und überlebt Theme-Wechsel. Wer den neuen Checkout-Block verwendet, braucht stattdessen den Filter __experimentalWooCheckoutFields aus dem Block-Store oder die offiziellen Block-APIs für den Checkout.

Gutscheinfeld verstecken ohne es zu deaktivieren geht über CSS in Kombination mit einem Link, der es per JavaScript einblendet. Das ist Standardverhalten vieler Shops, die den Gutschein aus dem direkten Sichtfeld nehmen möchten, ohne die Funktion zu entfernen.

Welche Maßnahmen wann sinnvoll sind

Nicht jede Optimierung passt zu jedem Shop. Die folgende Tabelle bewertet Aufwand und typischen Effekt für die häufigsten Maßnahmen.

Maßnahme Aufwand Typischer Effekt Voraussetzung
Gastbestellung aktivieren Sehr gering (1 Klick) Hoch (direkte Wirkung auf 19 % der potenziellen Abbrecher) WooCommerce-Einstellungen
Überflüssige Felder ausblenden Gering (PHP-Snippet) Mittel bis hoch (weniger Reibung) PHP-Zugang oder mu-plugin
autocomplete-Attribute setzen Gering (Template oder Snippet) Mittel (vor allem mobil spürbar) PHP-Zugang oder Custom Template
Checkout-Block wechseln Mittel (Testaufwand) Mittel bis hoch (Performance, UX) WooCommerce 8+, Theme-Kompatibilität prüfen
Rechnungskauf hinzufügen Mittel (Plugin-Integration) Hoch (im deutschen Markt) Zahlungsdienstleister-Konto
Apple Pay / Google Pay Mittel (über Stripe oder Mollie) Mittel bis hoch (mobil) Stripe/Mollie-Konto, HTTPS
Vertrauenssignale im Checkout Gering (Design-Anpassung) Mittel (vor allem Erstkäufer) Theme-Anpassung
Mobile Schriftgröße Formularfelder Sehr gering (CSS) Mittel (iOS-Zoom-Fix) Theme-Zugang oder CSS-Plugin
Lieferzeit im Checkout anzeigen Gering Mittel (21 % Abbrecher nennen Lieferzeit) WooCommerce-Versandeinstellungen

Aus der Praxis: Checkout-Umbau in einem Möbelshop

In einem WooCommerce-Projekt für einen mittelgroßen Onlineshop für Wohnmöbel haben wir einen Checkout-Umbau durchgeführt. Der Shop hatte etwa 150 Bestellungen pro Monat und eine überdurchschnittlich hohe Abbruchrate im Checkout-Schritt (gemessen in Matomo als Trichteranalyse: mehr als 65 Prozent der Käufer, die den Checkout betraten, schlossen ihn nicht ab).

Wir haben vier Änderungen vorgenommen: Erstens den Gastkauf aktiviert und als Standard gesetzt, Kontoanmeldung als optionale Zweitzahl unterhalb. Zweitens das Adresszusatz-Feld ausgeblendet und das Firmennamen-Feld optional gemacht. Drittens Klarna Rechnung als Zahlungsart ergänzt, die bisher nicht vorhanden war. Viertens die Formularfeld-Schriftgröße auf 16px angehoben, um den iOS-Zoom zu verhindern, und den „Jetzt kaufen“-Button auf 52px Höhe vergrößert.

Die Abbruchrate sank nach acht Wochen messbar. Wie viel prozentual genau, hängt immer vom Ausgangszustand ab und variiert stark je nach Produkt, Zielgruppe und Herkunft des Traffics. Was wir sagen können: Der Klarna-Rechnungskauf allein hat im ersten Monat eine zweistellige Anzahl von Bestellungen erzeugt, die vorher nicht stattgefunden hätten. Der iOS-Zoom-Fix hat die Absprünge auf dem Adressfeld-Schritt sichtbar reduziert.

Keiner der vier Schritte erforderte eine neue Shoplösung oder externe Entwicklungsagenturen. Alle Änderungen liefen über WooCommerce-Einstellungen, ein PHP-Snippet und einen Zahlungsanbieter-Wechsel.

Sofort-Checkliste Checkout-Optimierung

Diese Punkte können Sie heute prüfen, ohne einen Entwickler zu beauftragen:

  • Ist der Gastkauf in WooCommerce aktiviert und als prominente Option sichtbar, nicht versteckt hinter der Anmeldemaske?
  • Hat der Checkout mehr als 9 sichtbare Formularfelder? Wenn ja: Adresszusatz, Firmenname und Gutscheinfeld auf optional oder ausgeblendet setzen.
  • Werden alle Versandkosten und Gebühren vor dem Checkout-Beginn angezeigt, spätestens im Warenkorb?
  • Ist Kauf auf Rechnung als Zahlungsart verfügbar? Wenn nicht: Klarna, Mollie oder PayPal Pay Later prüfen.
  • Läuft der Checkout auf einem Smartphone flüssig ohne horizontales Scrollen, Zoom-Sprung beim Feldklick und ohne zu kleine Buttons?
  • Hat das PLZ-Feld inputmode="numeric", damit auf iOS und Android die Zahlentastatur öffnet?
  • Sind alle Formularfelder mit korrekten autocomplete-Attributen ausgestattet?
  • Gibt es ein Gütesiegel im Checkout, das klickbar und verifizierbar ist?
  • Steht das Widerrufsrecht als kurzer Satz direkt über dem Kaufen-Button?
  • Wird die Lieferzeit spätestens in der Bestellübersicht angezeigt?
  • Laden die Checkout-Seiten unter zwei Sekunden auf einer mobilen 4G-Verbindung?
  • Haben Sie ein Tracking-Setup, das Ihnen zeigt, an welchem Checkout-Schritt die meisten Käufer abspringen?
Das Wichtigste zum Mitnehmen

  • Gastbestellung, schlanke Felder und frühe Kostentransparenz sind die drei technisch einfachsten Hebel mit dem größten Effekt. Alle drei lassen sich in WooCommerce ohne Neumigration umsetzen.
  • Im deutschen Markt ist Kauf auf Rechnung keine optionale Komfortfunktion, sondern ein häufiger Kaufentscheidungsfaktor. Wer ihn nicht anbietet, verliert Käufe.
  • Mobile Optimierung bedeutet nicht nur „responsive“. Schriftgröße auf Formularfeldern, Tippzielgröße von Buttons und autocomplete-Attribute entscheiden über den Kauf auf dem Smartphone.
  • Vertrauen entsteht im Checkout durch nachprüfbare Signale: klickbare Gütesiegel, sichtbares Widerrufsrecht und eine klare Lieferzeitangabe. Nicht durch Design-Behauptungen.

Häufige Fragen

Wie aktiviere ich den Gastkauf in WooCommerce?

Unter WooCommerce > Einstellungen > Konten & Datenschutz gibt es die Option „Gästen erlauben, Bestellungen ohne ein Konto aufzugeben“. Wenn Sie den neuen Checkout-Block verwenden, ist die Gastbestellung dort standardmäßig vorgesehen und lässt sich im Seiteneditor anpassen.

Muss ich auf den neuen Checkout-Block wechseln?

Nein, der klassische Shortcode-Checkout funktioniert weiterhin und wird von WooCommerce unterstützt. Der Checkout-Block bietet bessere Performance, native Zahlungs-Widget-Integration und einen einzeiligen Kaufprozess. Bei einem geplanten Checkout-Umbau ist der Wechsel empfehlenswert, bei einem funktionierenden Bestand ist er kein Pflichtschritt.

Wie viele Zahlungsarten sollte ich anbieten?

Vier bis fünf Zahlungsarten decken für die meisten deutschen Shops die Zielgruppe weitgehend ab. Wichtig ist die richtige Auswahl: Rechnungskauf, PayPal und mindestens eine Karten-Option sind für den deutschen Markt die Basis. Mehr als sieben bis acht Optionen können die Entscheidung verlangsamen, weil die Auswahl selbst zur Aufgabe wird.

Wie erkenne ich, an welchem Checkout-Schritt die meisten Käufer abspringen?

Über eine Trichteranalyse in einem Web-Analyse-Tool wie Google Analytics 4 oder Matomo. WooCommerce sendet bei korrekt konfiguriertem Tracking die Checkout-Schritte als Ereignisse. Wer noch kein Tracking hat, sollte es zuerst einrichten: Optimierungen ohne Datenbasis sind Vermutungen, keine Entscheidungen.

Bringt ein Ein-Seiten-Checkout immer mehr Conversion?

Nicht automatisch. Ein Ein-Seiten-Checkout mit zu vielen Feldern ist nicht besser als ein zweiseitiger mit weniger Feldern. Die Datenmenge auf einer einzigen Seite kann auf dem Smartphone überwältigend wirken. Entscheidend ist die Kombination: wenige Felder, klare Struktur, sichtbarer Fortschritt.

Kann ich das Gutscheinfeld einfach entfernen?

Sie können es ausblenden, ohne es zu deaktivieren. Ein Link „Gutschein vorhanden?“ blendet das Feld per JavaScript ein. So bleibt die Funktion erhalten, ohne die Seite zu verlassen, um nach Codes zu suchen. In WooCommerce lässt sich das Gutscheinfeld über woocommerce_checkout_coupon_enabled auch vollständig deaktivieren, wenn Sie keine Gutscheine verwenden.

Was kostet eine Checkout-Optimierung?

Die meisten der hier beschriebenen Maßnahmen kosten nur Entwicklungszeit, keine laufenden Gebühren. Gastbestellung aktivieren: kostenlos. Felder per Snippet reduzieren: kostenlos. autocomplete-Attribute setzen: kostenlos. Ein Zahlungsanbieter wie Stripe oder Mollie nimmt transaktionsbasierte Gebühren (in der Regel 1,4 bis 2,9 Prozent je Transaktion), erfordert aber keine festen Monatskosten im Basisplan.

Wie überprüfe ich meinen Checkout auf Mobilgeräten?

Im Chrome-Browser den Entwicklermodus öffnen (F12), dort den „Toggle Device Toolbar“-Button anklicken und ein Mobilgerät auswählen. Das simuliert Touch-Eingabe und Displaygröße. Für einen realistischeren Test ist ein echtes Testgerät mit einer langsamen Netzwerkverbindung empfehlenswert. Kaufen Sie einen Artikel bis zur Bestellbestätigung durch: Das zeigt Probleme, die im Desktop-Test unsichtbar bleiben.

Quellen und weiterführende Informationen: Baymard Institute: Cart Abandonment Rate Statistics (Auswertung von über 50 Studien, fortlaufend aktualisiert). Baymard Institute: Checkout Form Fields 2024 (Durchschnitt 11,3 Felder, Empfehlung 8 Felder). Baymard Institute: Checkout Usability Research (Gastbestellung, Zahlungsarten, Vertrauen). Google web.dev: Payment and Address Form Best Practices (autocomplete-Attribute, mobile Formularoptimierung). WooCommerce Developer Docs: Checkout Block (offiziell, Stand 2025). Stand: Juni 2026. Dieser Artikel ist eine fachliche Einordnung auf Basis von Praxiserfahrung und Drittquellen und ersetzt keine individuelle Unternehmensberatung.