checkoutwoocommerce
WooCommerce One Page Checkout: Optionen, Plugins und Abwägungen
26. Oktober 20269 min Lesezeit·ShopMonitor Team
Loading…
Ein WooCommerce One Page Checkout bringt Produktauswahl und Zahlungsformular auf eine Seite. Kunden wählen, geben ihre Daten ein und bezahlen, ohne erst durch Warenkorb und Checkout zu gehen. Die Idee ist simpel. Das Ergebnis nicht immer. Bei einem klaren Angebot nimmt sie Reibung raus. Bei einem großen Sortiment fehlen dagegen oft genau die Prüfschritte, die den Kauf absichern.
WooCommerce One Page Checkout im Vergleich zum mehrstufigen Checkout: Beim mehrstufigen Ablauf folgen auf Produktseite, Warenkorb und Checkout die Bestellbestätigung. Das bedeutet drei Seitenwechsel. One Page bündelt Produktauswahl und Checkout-Felder mit AJAX-Neuberechnung auf einer Seite, danach folgt die Bestellbestätigung.
„One Page Checkout“ steht für drei unterschiedliche Ansätze. Viele Diskussionen beginnen damit, dass eigentlich verschiedene Umsetzungen gemeint sind.
Im engeren Sinn wählt ein Besucher ein Produkt und schließt den Kauf ab, ohne die Seite zu verlassen. Optionen, Menge, Summen und Checkout-Felder stehen zusammen. JavaScript berechnet die Bestellung bei jeder Änderung neu. So arbeitet die offizielle WooCommerce-Erweiterung. Meist kommt sie auf einer fokussierten Landingpage zum Einsatz, nicht im ganzen Shop.
Ein mehrstufiger Checkout enthält dieselben Angaben, verteilt sie aber auf Schritte: Kontaktdaten, Versand und Zahlung. Er kann kürzer wirken, obwohl kein Feld wegfällt. Zwischen den Schritten wird der aktuelle Stand bestätigt. Viele Plugins bieten beide Varianten. Wenn ein Shop von One Page Checkout spricht, wurde daher oft nur das Template getauscht.
Wer den Warenkorb überspringt, schickt Kunden von der Produktseite direkt zum Checkout. Das verändert den Weg durch deinen Shop, ist aber ein deutlich kleinerer Eingriff. Wenn du einfach weniger Schritte willst, Warenkorb überspringen zuerst und prüfe, ob das reicht, bevor du Seiten zusammenlegst.
Manchmal. Weniger Seitenwechsel können Reibung senken. Warenkorb und separater Checkout sind aber kein Ballast. Dort prüfen Kunden ihre Bestellung, vergleichen Versandoptionen und entdecken Fehler vor der Zahlung.
Wann es hilft
Das Muster passt, wenn die Kaufentscheidung schon gefallen ist:
In diesen Fällen wissen Kunden bereits, was sie wollen. Jede zusätzliche Seite bietet nur eine weitere Gelegenheit zum Absprung.
Wann es schadet
Es arbeitet gegen dich, sobald die Bestellung selbst komplex wird:
Es gibt noch einen leicht übersehenen Preis: Auf einer zusammengelegten Seite steckt mehr Logik. Entsprechend kann dort mehr schiefgehen.
Sei bei konkreten Conversion-Versprechen skeptisch, besonders neben Affiliate-Links. Sie gelten für einen bestimmten Shop, ein bestimmtes Sortiment und eine bestimmte Zielgruppe. Aussagekräftiger ist dein durchschnittlicher Warenkorb. Liegt er bei etwa einem Artikel, lohnt sich ein kontrollierter Test. Liegt er deutlich höher, nimmst du Kunden den Bereich, in dem sie ihre Bestellung zusammenstellen.
Drei Produkte zeigen mehrere mögliche Ansätze. Sie lösen unterschiedliche Aufgaben. Keines davon ist pauschal die beste Wahl.
WooCommerce One Page Checkout (offizielle Erweiterung)
Die offizielle Erweiterung von WooCommerce.com arbeitet mit Shortcodes. Du setzt einen Shortcode auf einer Seite oder in einem Beitrag ein, übergibst eine Produktliste oder Kategorie und wählst ein Template. Dann erscheinen Produktauswahl und Checkout-Formular gemeinsam. Weil das Ganze auf diese eine Seite beschränkt bleibt, läuft der Rest deines Shops weiter wie bisher. Für eine Kampagnenseite ist das die vergleichsweise gezielte Variante. Sie bleibt nah an den Standardtemplates und kommt deshalb meist gut mit bestehenden Checkout-Anpassungen zurecht. One Page Checkout über diese Erweiterung folgt denselben Regeln zur Seitenzuweisung wie jeder andere Checkout-Shortcode.
CheckoutWC
CheckoutWC ersetzt die Checkout-Templates vollständig durch eigene, auf Conversion ausgelegte Designs. Zur Auswahl stehen One Page und mehrstufige Layouts, ein Side Cart und Trust Badges. Das Tool richtet sich eher an Shop-Betreiber als an Entwickler: Du wählst ein Template und konfigurierst es im Admin, statt Template-Overrides zu schreiben. Dafür gibst du etwas Kontrolle ab. Weil CheckoutWC die Templates austauscht, müssen eigene Felder und CSS für das Standard-Markup meist überarbeitet werden. Plane das ein, wenn du schon in die Anpassen der Checkout-Seite investiert hast.
FunnelKit
FunnelKit, früher WooFunnels, ist ein Funnel-Builder und kein reines Checkout-Plugin. Die Checkout-Seite ist nur ein Baustein neben Opt-in-Seiten, Order Bumps, One-Click-Upsells und Angeboten nach dem Kauf. Du baust sie im Page Builder statt über Templates. Das passt, wenn der zusammengelegte Checkout Teil eines größeren Paid-Traffic-Funnels ist. Für ein kürzeres Formular allein ist es meist mehr, als du brauchst. Es gibt eine kostenlose Basis und kostenpflichtige Stufen für weitere Funktionen.
Vergleich WooCommerce-One-Page-Checkout-Plugins
| Option | Preismodell | Redirect-Gateways | Abo-Produkte | Anpassbarkeit |
|---|---|---|---|---|
| WooCommerce One Page Checkout | Kostenpflichtige Jahreslizenz. Aktuelle Verlängerungskonditionen prüfen | Funktionieren, aber das Gateway übernimmt trotzdem die Seite | Als kompatibel mit WooCommerce Subscriptions dokumentiert. Für dein Template prüfen | Hoch: Shortcode-Attribute plus Standard-Template-Overrides |
| CheckoutWC | Kostenpflichtige Jahreslizenz. Aktuelle Verlängerungskonditionen prüfen | Breite Gateway-Abdeckung wird beworben. Off-Site-Abläufe verlassen die Seite trotzdem | In eigenen Templates unterstützt. Gegen die aktuelle Version prüfen | Mittel: Admin-Einstellungen, Hooks und CSS statt freiem Markup |
| FunnelKit | Kostenlose Basisversion mit kostenpflichtigen Funktionsstufen. Aktuellen Umfang prüfen | Für gängige Gateways unterstützt. Redirect-Abläufe verlassen den Funnel-Schritt | Hängt von Stufe und Gateway ab. Vor dem Kauf prüfen | Hoch im Builder, niedriger außerhalb |
Vergleich von WooCommerce-One-Page-Checkout-Plugins: Offizielle Erweiterung, CheckoutWC und FunnelKit nach Umfang, Einrichtung, Gateway-Risiko und Anpassbarkeit.
Kompatibilität ändert sich mit jeder neuen Version. Nutze die Tabelle zur Orientierung und teste dann dein eigenes Zusammenspiel aus Gateway und Plugins. Wähle den Umfang passend zur Aufgabe: Kampagnenseite, Template für den ganzen Shop oder Paid-Traffic-Funnel.
Du kannst es selbst bauen. Der Checkout ist aber genau der WooCommerce-Bereich, in dem kleine Lücken direkt Bestellungen kosten.
Eine Minimalversion ist schnell gebaut. Du renderst [woocommerce_checkout] auf einer Seite, setzt dein Produktauswahl-Formular darüber und verbindest die Auswahl per AJAX mit dem Warenkorb. So aktualisiert sich die Bestellübersicht. WooCommerce liefert dafür sogar den Hook: woocommerce_checkout_update_order_review läuft bei jeder AJAX-Neuberechnung. Auch der Fragment-Refresh-Mechanismus ist schon vorhanden.
Die Arbeit kommt nach dem ersten Nachmittag:
Das sind keine Randfälle. Jeder Punkt kann einen kaufbereiten Kunden am Bezahlen hindern.
Hinweis
Hier helfen Plugin-Vergleiche nur begrenzt. Ein zusammengelegter Checkout verändert die Annahmen im restlichen System. Dieselben Reibungspunkte tauchen immer wieder auf.
PayPal, Klarna, iDEAL und die meisten Überweisungsmethoden schicken Kunden auf die Seite des Anbieters. Kein Checkout-Design ändert das. Das One-Page-Versprechen endet am Bezahlen-Button. Prüfe deshalb die Rückkehr: Landet der Kunde mit intakter Bestellung auf der Bestellbestätigungsseite? Und was passiert, wenn er beim Anbieter abbricht und auf Zurück klickt? Auf diesem Rückweg treten PayPal-Checkout-Probleme auf zusammengelegten Seiten meist zuerst auf.
Versandtarife hängen vom Warenkorbinhalt und der Zieladresse ab. Auf einer zusammengelegten Seite kann sich beides jederzeit ändern. Plugins mit Live-Tarifen fragen zusätzlich eine Versanddienstleister-API ab. Jede Änderung erzeugt dann eine weitere externe Anfrage mit eigener Wartezeit. Achte auf veraltete Tarife aus einer früheren Auswahl. Wichtig ist auch der Fall, dass ein Kunde das Produkt ändert, nachdem der Tarif schon berechnet wurde.
Hinweis
Abos bringen wiederkehrende Summen, Anmeldegebühren und Testphasen mit. Meist brauchen sie außerdem ein Zahlungsmittel, das tokenisierte wiederkehrende Zahlungen unterstützt. Ein technisch anspruchsvoller Punkt sind Warenkörbe mit Abo und Einmalprodukt. Der Summenblock muss dann zwei Abrechnungspläne zugleich darstellen. Sind Abos dein Hauptprodukt, prüfe die konkrete Kombination aus Plugin und Gateway auf Staging, bevor du dich festlegst.
Die Steuer hängt von der Adresse des Kunden ab. Auf einer zusammengelegten Seite kommt diese Adresse oft erst nach der Produktauswahl. Die ersten Summen können deshalb ohne Steuer erscheinen oder auf dem Land deines Shops basieren und sich später ändern. Für B2C-Shops in der EU ist das ein Anzeigeproblem, das du bewusst lösen solltest. Überlasse es nicht einfach dem Standard des Plugins. Prüfe, was die Seite vor der Adresseingabe zeigt.
Gutscheinregeln werden gegen den Warenkorb geprüft. Ein Gutschein kann ungültig werden, wenn sich die Auswahl danach ändert. Mindestbestellwerte, Produktbeschränkungen und prozentuale Rabatte sind davon betroffen. Stelle sicher, dass ein nicht mehr gültiger Gutschein entfernt wird, wenn ein Produkt wegfällt. Der Kunde muss darüber informiert werden, statt unbemerkt zu viel zu zahlen.
Ein zusammengelegter Checkout ist strukturell riskanter als der Standard-Checkout. Mehr Logik läuft im Browser. Mehr Zustand wird per AJAX neu berechnet, statt beim Seitenwechsel bestätigt zu werden. Theme-Updates und Plugin-Konflikte haben dadurch mehr Angriffsfläche. Der Fehler bleibt oft still: Die Seite sieht normal aus, aber der Bezahlen-Button schließt keine Bestellung mehr ab.
Geh den ganzen Pfad durch, bevor du Traffic schickst:
Das vollständige manuelle Verfahren für einen Standard-Checkout gilt auch hier. Nutze unseren Guide zum Testen des gesamten Checkout-Flows als Basis und ergänze die Schritte oben.
Ein One Page Checkout kann defekt sein, obwohl alles normal aussieht. Prüfe einen echten Kauf im Browser über ein echtes Gateway, nicht nur das Rendering der Seite.
Diese Liste gilt nur am Tag deines Tests. One Page Checkouts hängen stark von JavaScript ab. Ein Theme- oder Plugin-Update kann später einen stillen Fehler verursachen. ShopMonitor prüft den Checkout und die Bestellbestätigung im Browser nach einem Zeitplan. Künftig wird ShopMonitor zusätzlich die Zustellung transaktionaler E-Mails prüfen und dich alarmieren, wenn etwas nicht mehr funktioniert.
ShopMonitor führt täglich automatisierte Tests für Checkout und Formulare aus und alarmiert dich, sobald etwas nicht mehr funktioniert. Keine Code-Änderungen. Keine Plugins.
Keine Kreditkarte nötig.
Über den Autor
Verfasst vom Team bei Winning Solutions, der Agentur hinter ShopMonitor. Wir helfen WooCommerce-Shops, Optionen für One Page Checkout zu bewerten, ohne Bestellungen durch stille AJAX-Fehler zu verlieren.