WooCommerce ist ein flexibles und leistungsstarkes Plugin, mit dem du deine WordPress Seite in einen dynamischen E-Commerce Shop verwandeln kannst. Wenn du jedoch die Zahl der abgebrochenen Warenkörbe reduzieren, die Konversionsrate erhöhen und den Umsatz steigern willst, ist es wichtig, dass du deine Checkout-Seite in WooCommerce sorgfältig bearbeitest.

Es gibt so viele verschiedene Möglichkeiten, die Checkout-Seite in WooCommerce zu gestalten und zu bearbeiten. Egal, ob du deinen ersten Onlineshop startest und verstehen willst, wie diese Seite funktioniert, oder ob du die Checkout-Seite auf deiner Webseite verbessern willst, wir haben alles für dich.

In diesem Beitrag erklären wir dir, was die Checkout-Seite von WooCommerce ist und wie sie funktioniert. Dann führen wir dich durch die vielen Optionen, die du hast, um sie zu gestalten, zu ändern und zu nutzen, um die Konversionen mit Plugins, Code, Themes und mehr zu optimieren.

Lass uns gleich loslegen!

Ein Überblick über die WooCommerce Checkout-Seite

Wenn du deinen WooCommerce-Shop zum ersten Mal einrichtest, erstellt das Plugin automatisch eine Checkout-Seite und weist sie zu. Wenn du dir die Seite im Frontend deiner Webseite ansiehst, wirst du feststellen, dass sie recht einfach aufgebaut ist:

woocommerce checkout page
Die Standard-Checkout-Seite von WooCommerce.

Standardmäßig fragt WooCommerce Kunden nach einigen grundlegenden Informationen. Dazu gehören:

  • Rechnungsdetails
  • Vor- und Nachname
  • Firmenname
  • Adresse (Stadt, Land, Bezirk und Postleitzahl)
  • Telefon-Nummer
  • E-Mail Adresse
  • Anmerkungen zur Bestellung
  • Erklärung zum Datenschutz

Dies sind wichtige Informationen, die auf einer WooCommerce Checkout-Seite enthalten sein müssen. Es liefert die Details, die notwendig sind, damit ein Kunde seinen Kauf abschließen kann und die Webseite seine Zahlungsinformationen verarbeiten kann.

Allerdings gibt es hier nichts, was unbedingt dazu beiträgt, die Konversionen zu erhöhen oder den Abbruch des Kaufvorgangs zu reduzieren. Hinzu kommt, dass die Standardseite möglicherweise nicht die relevantesten oder nützlichsten Informationen für dein spezifisches Geschäft bietet. Wie viele Betreiber von WooCommerce-Webseiten möchtest du daher vielleicht sowohl das Design als auch den Inhalt deiner Checkout-Seite ändern.

Bevor wir uns mit den verschiedenen Möglichkeiten beschäftigen, wie du die Checkout-Seite in WooCommerce anpassen kannst, gibt es zunächst ein paar Dinge zu verstehen.

Lass uns darüber sprechen, wo du diese Seite findest, sowie über die verschiedenen Standardeinstellungen und Funktionen, die im WooCommerce Plugin verfügbar sind.

Wo du die WooCommerce Checkout-Seite und Einstellungen findest

WooCommerce erstellt automatisch eine Checkout-Seite für deinen Shop, sobald du das Plugin aktivierst. Du kannst es finden, indem du in deinem Admin-Dashboard zu Seiten > Checkout navigierst:

pages woocommerce checkout
Die Checkout-Seite in WooCommerce.

Du kannst diese Seite genauso bearbeiten wie jeden anderen WordPress-Inhalt. Du kannst zum Beispiel den Titel und den Permalink der Seite ändern, ein Bild hinzufügen, die Seitenattribute ändern, etc. Es verwendet auch den [woocommerce_checkout] Shortcode:

woocommerce checkout shortcode
Der Shortcode für die Checkout-Seite von WooCommerce in WordPress.

Es gibt eine Handvoll Standardoptionen für die Konfiguration dieser Seite, von denen du einige unter WooCommerce > Einstellungen > Erweitert finden kannst:

woocommerce settings advanced
Der Reiter ‚Erweitert‘ in den WooCommerce Einstellungen

Auf diesem Bildschirm kannst du unter dem Abschnitt Seiteneinrichtung eine andere Seite auswählen, die du als Checkout-Seite für deinen Shop verwenden möchtest. Du hast auch die Möglichkeit, eine sichere HTTPS-Verbindung zu erzwingen.

Auf der Seite Allgemeine Einstellungen kannst du die Verwendung von Coupons an der Kasse aktivieren und festlegen, wie die Steuern berechnet werden sollen:

woocommerce coupons taxes
Die allgemeine Einstellungsseite in WooCommerce.

Unter dem Reiter Konten & Datenschutz findest du auch ein paar Optionen für die Kontoerstellung und Gast-Checkouts:

woocommerce accounts privacy
Der Reiter ‚Konten & Datenschutz‘ in den WooCommerce Einstellungen

Darunter befindet sich der Bereich Datenschutz, in dem du den Text der Datenschutzrichtlinie ändern kannst, der auf der Checkout-Seite angezeigt wird:

woocommerce privacy policy
Datenschutzeinstellungen in WooCommerce

Neben diesen eingebauten Einstellungen hast du nur begrenzte Möglichkeiten, deine Checkout-Seite allein mit dem WooCommerce Plugin anzupassen. Glücklicherweise gibt es andere Methoden, mit denen du ihr Aussehen verbessern und ihre Funktionalität erweitern kannst.

Warum du deine WooCommerce Checkout-Seite ändern solltest

Die Checkout-Seite ist das letzte, was Kunden sehen, bevor sie ihren Einkauf abschließen. Es kann den Unterschied ausmachen, ob sie am Ende konvertieren oder deine Webseite ganz verlassen.

Daher ist es wichtig, dass deine WooCommerce Checkout-Seite gut gestaltet ist und so funktioniert, dass sie die Conversion fördert. Es gibt viele Möglichkeiten, wie du das Erlebnis verbessern kannst, z.B. durch:

  • Ändern des Designs und der Seitenvorlage
  • Eine einseitige Kaufabwicklung erstellen
  • Hinzufügen, Entfernen oder Umordnen von Feldern
  • Beschriftung von Eingabefeldern und Schaltflächentext ändern
  • Bestimmte Felder müssen ausgefüllt werden
  • Automatisches Auslösen des kostenlosen Versands
  • Produkte direkt mit der Checkout-Seite verlinken

Egal, ob du die Standardseite komplett überarbeiten oder kleinere Änderungen vornehmen möchtest, wichtig ist, dass du das mit Leichtigkeit tun kannst. Zum Glück hast du mehrere Möglichkeiten.

Methoden zum Ändern deiner WooCommerce Checkout-Seite

Es gibt viele Möglichkeiten, deine WooCommerce Checkout-Seite zu ändern. Welche du am besten verwendest, hängt von einer Handvoll Faktoren ab, wie z.B. der spezifischen Änderung, die du vornehmen willst, und deinem Komfortlevel bei der Programmierung.

Einige der Methoden, die du verwenden kannst, um deine WooCommerce Checkout-Seite zu verbessern, sind:

  • WooCommerce Funktionen, Blöcke und Shortcodes. WooCommerce kommt mit einigen eingebauten Funktionen und Einstellungen, die du nutzen kannst, um deinen Shop zu verbessern. So kannst du zum Beispiel den kostenlosen Versand automatisch auslösen oder Produkte direkt mit der Checkout-Seite verlinken. Außerdem gibt es Blöcke und Shortcodes, um die Seite zu modifizieren.
  • Plugins und Erweiterungen. Wenn du technisch nicht so versiert bist oder einfach nur eine schnelle und unkomplizierte Möglichkeit suchst, deine WooCommerce Checkout-Seite zu verbessern, gibt es eine Vielzahl von Plugins, die du verwenden kannst. Die meisten sind einfach zu bedienen und benötigen nur wenig Support. Einige Add-ons werden von WooCommerce bereitgestellt und sind in der Erweiterungsbibliothek verfügbar, während andere von Drittanbieter-Plattformen entwickelt und angeboten werden.
  • Seiten-Templates und Themes. Wenn du den Stil deiner Checkout-Seite ändern möchtest, kannst du ein vorgefertigtes Template oder Theme Wie bei den Plugins ist dies eine solide Option, wenn du nur begrenzte Programmierkenntnisse hast und Änderungen am Gesamterscheinungsbild der Seite vornehmen möchtest, um sie besser an dein Branding anzupassen. Der Nachteil ist, dass es nicht so viel Flexibilität bietet, wie es ein eigener Code tun würde.
  • Benutzerdefinierter Code. Eine weitere Methode, die du nutzen kannst, um die Checkout-Seite von WooCommerce zu verändern, ist die benutzerdefinierte Programmierung. Dies ist eine gute Möglichkeit, wenn du dich mit der Bearbeitung deiner Webseite auskennst und viele individuelle Anpassungen vornehmen möchtest.

In den folgenden Abschnitten werden wir einen Blick auf einige der effektivsten Änderungen werfen, die du an deiner WooCommerce-Seite vornehmen kannst. Für jede dieser Änderungen erklären wir dir, warum du sie vornehmen solltest, und zeigen dir die verschiedenen Methoden, mit denen du sie vornehmen kannst.

Wie du die WooCommerce Checkout-Felder anpasst

Eine der häufigsten Änderungen, die du an einer WooCommerce-Seite vornehmen kannst, ist die Anpassung der Formularfelder. Diese nehmen in der Regel den meisten Platz auf der Seite ein, also müssen sie relevant sein. Egal, ob du Felder entfernen, ihre Reihenfolge ändern oder neue benutzerdefinierte Felder hinzufügen möchtest, du hast mehrere Möglichkeiten, um es zu tun. Du kannst entweder ein Plugin verwenden oder den Code direkt bearbeiten.

Ein Plugin verwenden, um die WooCommerce Checkout-Felder zu ändern

Wenn du eine schnelle und einfache Möglichkeit suchst, die Checkout-Felder in WooCommerce anzupassen, empfehlen wir dir, ein Plugin zu verwenden. Es gibt eine Handvoll Optionen, aus denen du wählen kannst.

Eines der beliebtesten ist das Checkout Field Editor Plugin:

checkout field editor
Das Checkout Field Editor WooCommerce plugin

Dies ist ein Freemium Tool, mit dem du die Formularfelder auf deiner WooCommerce Checkout-Seite hinzufügen oder bearbeiten kannst. Du kannst bestimmte Felder aktivieren oder deaktivieren, sowie ihre Reihenfolge ändern.

Obwohl du mit der kostenlosen Version diese grundlegenden Aufgaben erledigen kannst, kommt WooCommerce Checkout Field Editor Pro mit zusätzlichen Funktionen. Dazu gehören 17 Feldtypen und eigene Hooks.

Um dieses Plugin zu nutzen, kannst du es auf deiner Webseite installieren, indem du zu Plugins > Add New navigierst und danach suchst. Sobald du es gefunden hast, klicke auf die Schaltfläche Jetzt installieren, gefolgt von Aktivieren.

Wenn es aktiviert ist, kannst du die Einstellungen unter WooCommerce > Checkout Form konfigurieren:

checkout form editor
Das Checkout Form Editor plugin in WooCommerce

Es gibt drei verschiedene Arten von Feldern, die du bearbeiten kannst:

  1. Rechnungsstellung
  2. Versand
  3. Zusätzlich

Du kannst das Feld auswählen, das du ändern möchtest und dann auf die Schaltfläche Entfernen, Aktivieren oder Deaktivieren klicken. Um ein neues Feld hinzuzufügen, wähle Feld hinzufügen.

Wenn du ein bestehendes Formularfeld ändern möchtest, wähle das Feld auf der linken Seite aus und klicke auf die Schaltfläche Bearbeiten. Es öffnet sich ein Fenster, in dem du den Feldtyp ändern kannst (nur in der Premium-Version), die Beschriftung des Feldes bearbeiten kannst, auswählen kannst, ob es erforderlich ist, und vieles mehr:

edit checkout field
Das Feld für die Bearbeitung des Checkout-Feldes im Checkout Field Editor WooCommerce Plugin

Wenn du fertig bist, klicke auf die Schaltfläche Speichern. Sobald du alle gewünschten Änderungen an den Feldern der Checkout-Seite vorgenommen hast, klicke auf Änderungen speichern am unteren Rand des Bildschirms.

Eine ausführliche Anleitung findest du in der WooCommerce-Dokumentation zur Verwendung des Checkout Field Editor Plugins.

Natürlich ist dies nur eines von vielen Plugins, die du verwenden kannst, um deine WooCommerce-Kassenfelder zu ändern. Weitere Optionen, die du in Betracht ziehen solltest, sind Flexible Checkout Fields und WooCommerce Checkout Manager, auf die wir später in diesem Beitrag näher eingehen werden.

Editieren der Checkout-Felder mit Code

Eine weitere Möglichkeit, die Felder auf deiner WooCommerce Checkout-Seite zu bearbeiten, ist die Verwendung von benutzerdefiniertem Code. Natürlich erfordert dies ein gewisses Maß an technischem Wissen und Komfort bei der Arbeit mit den Dateien deiner Webseite. Der Vorteil ist, dass du mehr Flexibilität bei der Anpassung hast als mit einem Plugin eines Drittanbieters.

Du kannst deine Checkout-Felder mit Hilfe der functions.php-Datei deiner Webseite und Filtern wie z.B.:

  • woocommerce_checkout_fields
  • woocommerce_billing_fields
  • Woocommerce_shipping_fields

Mit WooCommerce-Aktionen und -Filtern kannst du die Checkout-Felder fast beliebig manipulieren. Du kannst sie zum Beispiel komplett entfernen, neue hinzufügen oder den angezeigten Text ändern. Wenn du den Filter woocommerce_checkout_fields verwendest, kannst du jedes Feld überschreiben.

Nehmen wir an, du möchtest den Platzhaltertext für das Feld order_comments ändern. Standardmäßig ist es wie folgt eingestellt:

_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')

Um es zu ändern, kannst du diesen Codeschnipsel zu deiner functions.php Datei hinzufügen:

// Hook in

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!

function custom_override_checkout_fields( $fields ) {

$fields['order']['order_comments']['placeholder'] = 'My new placeholder';

return $fields;

}

Um ein Feld zu entfernen, kannst du Folgendes verwenden:

// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {

unset($fields['order']['order_comments']);

return $fields;

Es gibt viele Änderungen, die du an den Feldern auf deiner Checkout-Seite vornehmen kannst, daher werden wir hier nicht auf alle eingehen. Auf GitHub findest du eine hilfreiche Liste von Override Checkout Feldcodes.

So änderst du das Template für die Checkout-Seite von WooCommerce

Standardmäßig basiert das Template deiner WooCommerce Checkout-Seite auf dem Theme deiner Webseite. Aber vielleicht möchtest du das Design ändern, damit es besser zu deinem Branding passt, oder vielleicht möchtest du nur leichte Änderungen am Inhalt der Template-Seite vornehmen.

Die beiden Hauptmethoden, mit denen du dies ändern kannst, sind die Verwendung eines vorgefertigten Templates oder das Hinzufügen von Code. Lass uns mit ersterem beginnen.

Beginne mit einem vorgefertigten Template, um deine Checkout-Seite anzupassen

Der einfachste Weg, das Design deiner WooCommerce Checkout-Seite zu ändern, ist die Installation eines vorgefertigten Themes, wie z.B. die im WooCommerce Themes Store. Es gibt eine Vielzahl von kostenlosen Optionen, aber auch Premium Themes.

Du kannst zum Beispiel nach One-Page-Checkout-Themes suchen oder nach anderen speziellen Templates, die du gerne verwenden möchtest. Auch auf dem Envato Market findest du zahlreiche WooCommerce-Themes.

Code zum Anpassen des WooCommerce Checkout-Seiten Templates verwenden

Wenn du dich mit der Bearbeitung von Code auskennst, kannst du das Template für die Checkout-Seite auch manuell anpassen. Abhängig von deinem Hosting-Provider kannst du dies über den Dateimanager im cPanel oder einen Secure File Transfer Protocol (SFTP)-Client tun.

Du kannst Action Hooks verwenden, um Elemente auf deiner Checkout-Seite hinzuzufügen, zu bearbeiten oder zu entfernen. Es gibt neun Hauptaktionshaken, die WooCommerce für die Checkout-Seite verwendet:

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_checkout_billing
  • woocommerce_checkout_shipping
  • woocommerce_checkout_after_customer_details
  • woocommerce_checkout_before_order_review
  • woocommerce_checkout_order_review
  • woocommerce_checkout_after_order_review
  • Woocommerce_after_checkout_form

Diese Action Hooks fügen der Seite Markup hinzu, mit dem du sowohl den Stil als auch die Funktionalität der Seite anpassen kannst. Wenn du diese Action Hooks nutzen willst, um dein Template für die Checkout-Seite zu ändern, kannst du das tun, indem du die PHP-Datei des Checkout-Formulars bearbeitest.

Du findest die WooCommerce Template-Dateien unter /woocommerce/templates. Vom Hauptverzeichnis deiner Webseite musst du zu wp-content/plugins/woocommerce navigieren:

woocommerce templates folder
Der Ordner für die WooCommerce Templates

Innerhalb dieser Dateien gibt es Hooks, mit denen du Inhalte auf der Template-Seite hinzufügen und neu anordnen kannst, ohne die Template-Dateien zu bearbeiten. Um ein benutzerdefiniertes Template für deine Checkout-Seite zu erstellen, musst du zunächst einen Ordner „woocommerce/checkout“ im Ordner deines Themes erstellen.

Als nächstes kopierst du das Template für die Checkout-Seite von WooCommerce, das du unter woocommerce/templates/checkout/form-checkout.php findest:

woocommerce checkout form
Die WooCommerce Checkout-Seite Template Datei

Füge es dann zu dem neuen Ordner hinzu, den du gerade erstellt hast. Danach kannst du die Datei bearbeiten, um deine gewünschten Änderungen vorzunehmen. Wenn du die Datei speicherst, lädt das WooCommerce Plugin dieses Template und überschreibt die Standardseitenvorlage.

Wie man einen einseitigen WooCommerce Checkout erstellt

Eine der Möglichkeiten, das Checkout-Erlebnis für deine Kunden zu verbessern und dabei die Abbruchraten zu reduzieren, ist es, es so schnell und einfach wie möglich zu gestalten. Wenn du den Checkout-Prozess verkürzen willst, kannst du das tun, indem du einen einseitigen Checkout in WooCommerce erstellst.

Es gibt mehrere Möglichkeiten, dies zu tun. Wie wir bereits erwähnt haben, kannst du nach einem One-Page-Theme oder Template suchen, das eine einzige Checkout-Seite bereitstellt. Wenn du jedoch dein aktuelles Theme magst, möchtest du es vielleicht nicht ändern.

Wenn das der Fall ist, mach dir keine Sorgen. Es gibt andere Optionen, wie z.B. die Premium WooCommerce One Page Checkout Erweiterung:

woocommerce one page checkout extension
Die WooCommerce One Page Checkout Erweiterung

Da diese Lösung von WooCommerce entwickelt wurde, weißt du, dass es sicher und zuverlässig ist und jede Menge Support bietet. Neben der Möglichkeit, jede beliebige Seite in eine Checkout-Seite umzuwandeln, bietet es eine Fülle von Funktionen, um den einseitigen Checkout-Prozess zu optimieren.

Das kannst du:

  • Zeige sowohl die Produktauswahl als auch das Kassenformular auf einer Seite an.
  • Ermögliche es Kunden, Artikel aus ihrem Warenkorb hinzuzufügen oder zu entfernen.
  • Lasse Kunden Zahlungen abschließen, ohne die Seite zu verlassen.
  • Füge benutzerdefinierte Felder zu den Seiten hinzu.

Nachdem du die Erweiterung über dein WooCommerce-Konto erworben hast, kannst du das Plugin herunterladen und es dann auf deiner Webseite installieren und aktivieren.

Um es zu nutzen, navigiere zu Seiten > Neu hinzufügen und wähle das One Page Checkout Symbol in der Editor-Symbolleiste:

one page checkout icon
Das Symbol der One Page Checkout Erweiterung im WordPress Editor

In dem sich öffnenden Fenster kannst du auf das Feld Produkte klicken und den Namen des oder der Produkte eingeben, die du hinzufügen möchtest.

Als nächstes wählst du das Template aus, das du verwenden möchtest (Produktliste, Produkttabelle, Preistabelle oder Einzelprodukt) und klickst auf Shortcode erstellen.

Du kannst den One-Page Shortcode auch manuell in einen beliebigen Beitrag oder eine Seite einfügen. Um mehr über dieses Plugin zu erfahren und wie du es verwendest, kannst du die WooCommerce One Page Checkout Dokumentation lesen.

Wie man kostenlosen Versand während des WooCommerce Checkout-Prozesses auslöst

Als Betreiber eines E-Commerce-Unternehmens gibt es viele verschiedene Strategien, die du nutzen kannst, um deine Kunden dazu zu bringen, mehr auszugeben. Eine davon ist, kostenlosen Versand anzubieten.

Natürlich möchtest du vielleicht nicht bei jeder Bestellung einen kostenlosen Versand anbieten. Aber wenn du es als Anreiz für Bestellungen anbietest, die einen bestimmten Betrag erreichen, kannst du deine Kunden dazu ermutigen, mehr auszugeben als sie es sonst tun würden.

Daher kannst du deine WooCommerce Checkout-Seite so konfigurieren, dass der kostenlose Versand ab einer bestimmten Bestellsumme automatisch aktiviert wird, z.B. ab $100.

Das erste, was du tun musst, ist, die kostenlose Versandmethode für die entsprechende(n) Versandzone(n) anzubieten.

Dazu navigierst du zu WooCommerce > Einstellungen > Versand:

woocommerce shipping zones
Die WooCommerce Versand Einstellungen

Bewege den Mauszeiger über die Versandzone, die du ändern möchtest, und klicke dann auf den Link Bearbeiten. Wenn du noch keine Zonen hinzugefügt hast, wähle zuerst die Schaltfläche Versandzone hinzufügen und befolge die Aufforderungen, bevor du fortfährst.

Als nächstes klickst du auf Versandmethode hinzufügen. In dem sich öffnenden Modal wählst du Kostenloser Versand aus dem Dropdown-Menü, gefolgt von Versandmethode hinzufügen:

add free shipping
Hinzufügen einer kostenlosen Versandmethode in WooCommerce

Als Nächstes gehst du in der Liste der Versandmethoden auf der Einstellungsseite auf Kostenloser Versand und klickst auf den Link Bearbeiten.

Ein Einstellungsfenster für den kostenlosen Versand wird geöffnet. Wähle aus dem Dropdown-Menü Kostenloser Versand erfordert…. einen Mindestbestellwert aus:

free shipping settings
Kostenloser Versand Einstellungen in WooCommerce

Du kannst dann den Mindestbestellwert festlegen. Wenn du fertig bist, klicke auf die Schaltfläche Änderungen speichern.

Wie du Produkte direkt mit der WooCommerce Checkout-Seite verlinkst

Eine weitere Möglichkeit, wie du die Kaufabwicklung für deine Kunden verbessern kannst, ist die Erstellung von direkten Links zur Kaufabwicklung. Dies ist hilfreich, um Kunden von Produkt- und Verkaufsseiten direkt zur Kasse zu schicken.

Manuelles Erstellen eines direkten Kassenlinks

Um einen direkten Link zur Kasse in WooCommerce zu erstellen und hinzuzufügen, kannst du die folgende URL verwenden: exampledomain.com//checkout/?add-to-cart=ID.

Hinweis: Ersetze „exampledomain“ und „ID“ durch deinen Domain-Namen und die spezifische Produkt-ID, die du auf der Checkout-Seite verlinken möchtest.

Um eine Produkt-ID zu finden, navigiere in deinem Admin-Dashboard zu Produkte > Alle Produkte. Navigiere zu dem Produkt, für das du einen direkten Link erstellen möchtest, und fahre mit dem Mauszeiger über den Namen, um die Produkt-ID zu sehen:

woocommerce product id
Eine WooCommerce Produkt ID

Sobald du die Produkt-ID in die oben erwähnte URL eingefügt hast, kannst du den Link überall auf deiner Webseite platzieren. Du kannst diesen Vorgang für jedes deiner Produkte wiederholen, auch für variable und gruppierte Artikel.

Erstellen eines direkten Checkout-Links mit einem Plugin

Uns ist klar, dass die obige Strategie nicht für alle Nutzer die effizienteste Methode ist. Je nachdem, wie viele Produkte du in deinem WooCommerce-Shop hast, kann es sehr zeitaufwendig sein.

Wenn du nach einer schnelleren Methode suchst, kannst du zum Glück auch das Plugin Direct Checkout for WooCommerce verwenden:

direct checkout woocommerce
Das Direct Checkout für WooCommerce Plugin

Mit diesem Freemium Tool kannst du den Checkout-Prozess auf verschiedene Arten vereinfachen, u.a. indem du einen direkten Link von einer Produktseite zum Checkout-Bildschirm hinzufügst. Sobald du das Plugin auf deiner Webseite installiert und aktiviert hast, navigierst du zu WooCommerce > Direct Checkout:

direct checkout settings
Die Einstellungen des Direct Checkout für WooCommerce Plugins

Unter dem Reiter Allgemein wählst du Ja für die Option In den Warenkorb umleiten und wählst dann Checkout aus dem Dropdown-Menü In den Warenkorb umleiten zu. Klicke auf Änderungen speichern, wenn du fertig bist.

Als nächstes navigierst du zum Reiter Produkte:

direct checkout redirect
Die Option zur Weiterleitung zum Warenkorb im Direct Checkout für WooCommerce

Aktiviere die Option Redirect to the cart page after successful addition. Klicke erneut auf den Button Änderungen speichern. Das war’s!

Wie du deine WooCommerce Checkout-Seite testest

An diesem Punkt hast du hoffentlich eine Vielzahl von Möglichkeiten implementiert, um deine WooCommerce Checkout-Seite zu verbessern. Jetzt ist es wichtig, dass du sicherstellst, dass dein Checkout-Prozess richtig funktioniert, um Kaufabbrüche zu reduzieren und sicherzustellen, dass keine Fehler die Customer Journey unterbrechen.

Glücklicherweise gibt es eine einfache Möglichkeit, eine Testbestellung und -zahlung durch deinen WooCommerce-Shop zu schicken, um sicherzustellen, dass alles so funktioniert, wie es sollte. Dazu musst du zunächst das WooCommerce Payments Plugin auf deiner Webseite installieren (falls du es nicht schon getan hast):

woocommerce payments plugin
Das WooCommerce Payments plugin

Sobald du das Plugin installiert und aktiviert hast, kannst du den „Testmodus“ aktivieren. Dazu navigierst du zu WooCommerce > Zahlungen > Einstellungen:

woocommerce test mode
Der WooCommerce Zahlungen Testmodus

Vergiss nicht, deine Änderungen zu speichern.

Sobald der Testmodus aktiviert ist, kannst du deinen WooCommerce-Shop durchsuchen und ein beliebiges Produkt auswählen. Lege es in deinen Warenkorb und gehe dann zur Checkout-Seite.

Fülle die Formularfelder auf der Checkout-Seite nach Bedarf aus. Für die Zahlungsinformationen kannst du eine der von WooCommerce bereitgestellten Dummy-Kreditkartennummern verwenden. Du kannst auch eine beliebige dreistellige Zahl für den CVC-Code verwenden und ein beliebiges zukünftiges Datum auswählen.

Wenn du fertig bist, klicke auf Bestellung aufgeben. Als nächstes navigierst du zum Bildschirm Zahlungen > Transaktionen:

test transaction woocommerce
Transaktionen in WooCommerce testen

Hier solltest du sehen, dass die Gebühr angezeigt wird. Wenn es da ist, weißt du, dass deine Checkout-Seite so funktioniert, wie sie sollte. Denke daran, den Testmodus auszuschalten, wenn du fertig bist!

Die besten WooCommerce Checkout Plugins und Erweiterungen

In diesem Beitrag haben wir eine Vielzahl von Möglichkeiten vorgestellt, wie du deine WooCommerce Checkout-Seite verändern kannst, darunter Blöcke, Shortcodes und eigener Code. Wir haben auch einige wichtige Plugins erwähnt, die dir helfen können, Features und Funktionen hinzuzufügen, die sonst nicht zur Verfügung stehen würden.

Es gibt jedoch noch einige weitere Add-ons, Plugins und Erweiterungen, die wir noch nicht erwähnt haben, die dir aber weitere Anpassungsmöglichkeiten für deine WooCommerce Checkout-Seite bieten. Einige der besten, die du in Betracht ziehen solltest, sind:

  • WooCommerce Cart Notices Add-On. Mit diesem WooCommerce Add-On kannst du deinen Kunden während des Bestellvorgangs handlungsrelevante Nachrichten und Benachrichtigungen anzeigen. Du kannst es zum Beispiel nutzen, um sie über relevante Verkäufe und Sonderangebote zu informieren.
  • WooCommerce Checkout Manager. Dieses Plugin wurde von demselben Team entwickelt, das auch Direct Checkout für WooCommerce entwickelt hat und ist eine leistungsstarke Erweiterung, mit der du deine Checkout-Seite optimieren kannst. Du kannst es verwenden, um benutzerdefinierte Felder zu bearbeiten, zu entfernen und hinzuzufügen, sowie um Bedingungsfelder zu erstellen.
  • WooCommerce Checkout Add-Ons. Mit diesem Premium Plugin kannst du kostenlose und kostenpflichtige Add-Ons in der Checkout-Phase hinzufügen. Es ist ein hilfreiches Tool, um die Konversionen zu erhöhen und den Umsatz zu steigern.

Je nachdem, welche Art von Webseite du betreibst, suchst du vielleicht nach noch mehr Optionen. In diesem Fall empfehlen wir dir, einen Blick in die WooCommerce Extensions Library zu werfen, die eine Vielzahl von kostenlosen und kostenpflichtigen Erweiterungen für das WooCommerce Plugin bietet.

Zusammenfassung

Es gibt verschiedene Möglichkeiten, wie du deine WooCommerce Checkout-Seite verbessern und optimieren kannst.

Je nach gewünschter Änderung und deinem Erfahrungsstand kannst du WooCommerce Plugins und Erweiterungen, Seiten Templates und Themes und sogar eigenen Code nutzen.

Hast du Fragen zur Verwendung oder Bearbeitung der Checkout-Seite von WooCommerce? Lass es uns im Kommentarbereich unten wissen!

Matteo Duò Kinsta

Chefredakteur bei Kinsta und Content Marketing Berater für WordPress Plugin-Entwickler. Verbinde dich mit Matteo auf Twitter.