Kleine Anpassungen an Ihrem Checkout-Erlebnis können große Auswirkungen auf Ihren Umsatz haben.
Nach der Zusammenarbeit mit unzähligen WooCommerce-Shop-Besitzern haben wir festgestellt, dass eine einfache Änderung einen großen Unterschied macht: das Hinzufügen von Express-Checkout-Buttons wie Apple Pay, Google Pay oder PayPal.
Diese Optionen ermöglichen es Kunden, das vollständige Checkout-Formular zu überspringen und sofort mit gespeicherten Details oder biometrischer Authentifizierung zu bezahlen. Dieser Komfort kann die Konversionsraten erheblich steigern, insbesondere auf Mobilgeräten.
In diesem Tutorial zeigen wir Ihnen Schritt für Schritt, wie Sie Express-Checkout-Buttons zu Ihrem WooCommerce-Shop hinzufügen, damit Sie Reibungsverluste reduzieren und mehr Verkäufe abschließen können.
Warum Express-Checkout in WooCommerce hinzufügen?
Das Hinzufügen von Express-Checkout zu Ihrem WooCommerce-Shop bietet Ihren Kunden ein besseres Einkaufserlebnis.
Dies ermöglicht es Kunden, direkt zur Zahlungsseite zu gelangen und die Warenkorb- oder Checkout-Seiten zu überspringen. Sie müssen auch nicht zu einer Zahlungsanbieterseite gehen oder ein Checkout-Formular ausfüllen, um ihre Einkäufe abzuschließen.
Express-Checkout-Buttons beschleunigen den gesamten Kaufprozess. Kunden können einfach auf die Buttons klicken und sich anmelden, um die Produkte, die sie kaufen möchten, sofort zu bezahlen. Infolgedessen können Sie eine Steigerung der Konversionen und weniger abgebrochene Warenkörbe verzeichnen.
Das Hinzufügen von Express-Checkout hilft auch mobilen Nutzern, deren Bildschirmgrößen klein sind. Kunden tippen einfach auf die Schaltflächen, um die Produkte schnell zu kaufen.
Allerdings bietet WooCommerce standardmäßig keine Express-Checkout-Option. Sie müssen ein WooCommerce-Plugin verwenden, um die Funktion zu Ihrem Online-Shop hinzuzufügen.
Lassen Sie uns nun sehen, wie Sie Express-Checkout-Buttons in WooCommerce hinzufügen können. Hier sind die Schritte, die wir durchgehen werden:
- FunnelKit für Ihren WooCommerce Store einrichten
- Zahlungs-Gateways in WooCommerce aktivieren
- Adding Express Checkout Buttons to WooCommerce
FunnelKit für Ihren WooCommerce Store einrichten
FunnelKit ist das beste WooCommerce Sales Funnel Plugin auf dem Markt. Wir haben es auf mehreren unserer Testshops verwendet und es hat einen spürbaren Unterschied bei der Optimierung des Checkout-Erlebnisses gemacht.
Es ermöglicht Ihnen, Express-Checkout-Schaltflächen hinzuzufügen und verschiedene Funnel-Seiten für Ihren Online-Shop zu erstellen, ohne mehrere Plugins zu benötigen.
Eines unserer Lieblingsteile des Plugins ist, dass es mit Stripe, Apple Pay, Google Pay, PayPal Express, Amazon Pay und anderen Zahlungs-Gateways für Express-Kassen funktioniert.
Auf diese Weise müssen Sie nicht jeden Zahlungsanbieter über Plugins oder Erweiterungen von Drittanbietern zu Ihrem Online-Shop hinzufügen.
FunnelKit bietet auch benutzerfreundliche Vorlagen und ermöglicht Ihnen A/B-Tests. Sie können Ihre Funnels einfach mit verschiedenen Drag-and-Drop-Page-Buildern anpassen. Außerdem gibt es mehrere vorgefertigte Vorlagen und Automatisierungsfunktionen für Ihre Marketingkampagnen.
Hinweis: Für dieses Tutorial verwenden wir das FunnelKit Pro Plugin, da es Premium-Vorlagen und mehr Anpassungsoptionen enthält. Sie können auch das kostenlose Funnel Builder for WordPress by FunnelKit Plugin verwenden, um Express-Checkout-Buttons in WooCommerce hinzuzufügen.
Zuerst müssen Sie das FunnelKit-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, können Sie unserer Anleitung zur Installation eines WordPress-Plugins folgen.
Nach der Aktivierung sehen Sie den FunnelKit-Einrichtungsassistenten. Klicken Sie auf die Schaltfläche „Los geht’s“.
Danach müssen Sie Ihren Lizenzschlüssel eingeben. Sie finden den Schlüssel im FunnelKit-Konto.
Klicken Sie einfach auf die Schaltfläche „Aktivieren“, nachdem Sie den Lizenzschlüssel eingegeben haben.
Als Nächstes wird FunnelKit Sie bitten, wichtige Plugins zu installieren. Dazu gehören WooCommerce, Stripe, FunnelKit Automations und FunnelKit Cart.
Das Beste daran ist, dass Sie nur auf die Schaltfläche „Installieren und aktivieren“ klicken müssen, und FunnelKit kümmert sich um den Rest.
Nachdem die Plugins aktiv sind, ist der letzte Schritt die Eingabe Ihrer E-Mail-Adresse.
Sobald das erledigt ist, klicken Sie einfach auf die Schaltfläche „Senden & Fertigstellen“.
Sie sehen nun eine Erfolgsmeldung. Sie können nun Trichter mit dem Plugin erstellen und Express-Checkout-Buttons zu Ihrem WooCommerce-Shop hinzufügen.
Klicken Sie auf die Schaltfläche „Zu Funnels wechseln“, um fortzufahren.
Zahlungs-Gateways in WooCommerce aktivieren
Stellen Sie sicher, dass Sie mindestens einen Zahlungsdienst in Ihrem WooCommerce-Shop eingerichtet haben, bevor Sie fortfahren.
Um dies zu tun, gehen Sie einfach in Ihrem WordPress-Dashboard zu WooCommerce » Einstellungen und klicken Sie auf den Tab „Zahlungen“.
Danach können Sie auf den Schalter klicken, um das Zahlungsgateway Ihrer Wahl zu aktivieren, und auf die Schaltfläche „Einrichtung abschließen“ klicken, um die Konfiguration abzuschließen.
Um mehr zu erfahren, können Sie unserer Anleitung folgen: So können Benutzer Zahlungsmethoden in WooCommerce auswählen.
Express-Checkout-Buttons zu WooCommerce hinzufügen
Sobald Sie Ihre bevorzugten Zahlungs-Gateways aktiviert haben, können Sie von Ihrem WordPress-Admin-Panel aus zur Seite FunnelKit » Store Checkout navigieren.
Klicken Sie von hier aus einfach auf die Schaltfläche „Store Checkout erstellen“.
Auf dem nächsten Bildschirm zeigt Ihnen FunnelKit professionell gestaltete Vorlagen für Ihre Checkout-Seite. Sie können auch eine Checkout-Seite von Grund auf neu erstellen.
Wir empfehlen jedoch, eine Vorlage zu verwenden und diese schnell an Ihre Anforderungen anzupassen.
Bewegen Sie einfach den Mauszeiger über eine Vorlage, die Sie verwenden möchten, und klicken Sie auf die Schaltfläche „Vorschau“.
Für dieses Tutorial verwenden wir die Livewire-Vorlage.
Klicken Sie anschließend auf die Schaltfläche „Diese Funnel importieren“ oben.
Abhängig von der von Ihnen verwendeten Vorlage kann FunnelKit Sie auffordern, zusätzliche Plugins wie Elementor zu installieren, um die Checkout-Seite zu bearbeiten.
Als Nächstes müssen Sie einen Namen für den Checkout Ihres Shops eingeben und auf die Schaltfläche „Hinzufügen“ klicken.
Danach sehen Sie alle Schritte, die in der Vorlage enthalten sind.
Sie können einfach auf die Schaltfläche „Bearbeiten“ für die Checkout-Seite klicken, um fortzufahren.
Als Nächstes können Sie zum Tab „Optimierungen“ wechseln. Aktivieren Sie hier einfach die Option „Express-Checkout-Schaltflächen“.
FunnelKit lässt Sie auch die Position der Schaltflächen aus den folgenden Optionen wählen:
- Oberseite der Checkout-Seite
- Vor/nach dem Produktwechsler
- Vor/nach der Bestellübersicht
- Über den Zahlungs-Gateways
Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Änderungen speichern“.
Das war's, Sie haben erfolgreich Express-Checkout-Buttons zu Ihrem Online-Shop hinzugefügt.
Wenn Sie das Erscheinungsbild der Checkout-Seite bearbeiten möchten, können Sie zum Tab „Design“ wechseln und auf die Schaltfläche „Vorlage bearbeiten“ klicken.
Mehr erfahren Sie in unserem Leitfaden zur Anpassung der WooCommerce-Checkout-Seite.
Sobald Sie Ihre Änderungen vorgenommen haben, besuchen Sie einfach Ihren Online-Shop, um die Express-Checkout-Schaltflächen in Aktion zu sehen.
Zusätzlich hilft Ihnen FunnelKit, Produkte in WooCommerce weiterzuverkaufen. Auf diese Weise können Sie den Umsatz steigern, indem Sie Benutzer ermutigen, mehr Produkte zu kaufen.
Sie können auch automatisierte E-Mails in WooCommerce mit FunnelKit Automations, einem Schwesterprodukt von FunnelKit, einrichten. Dieses Plugin ermöglicht es Ihnen, automatisierte Workflows zu erstellen und E-Mail-Kampagnen an Kunden zu senden.
Bonus: Erstellen Sie einen Ein-Klick-Checkout in WooCommerce für GPay
Wenn die obige Methode komplex und teuer erscheint, können Sie auch einen Ein-Klick-Checkout-Button in WooCommerce für GPay hinzufügen. Dies ist ein mobiler Bezahldienst von Google, mit dem Sie über Ihr Android-Telefon, Ihre Uhr oder Ihr Tablet bezahlen können.
Hierfür können Sie das Direct Checkout for WooCommerce Plugin verwenden, das komplett kostenlos ist. Beachten Sie jedoch, dass es nur eine Schaltfläche für GPay hinzufügt und Stripe oder PayPal nicht unterstützt.
Nach der Aktivierung des Plugins besuchen Sie einfach die Seite WooCommerce » Einstellungen » Zahlungen und wechseln Sie zum Tab 'Express-Kauf'. Aktivieren Sie hier die Option 'Express-Kauf aktivieren'.
Danach können Sie die restlichen Einstellungen konfigurieren, um Ihre Schaltfläche anzupassen. Klicken Sie abschließend auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.
Sie haben nun eine Schaltfläche „GPay kaufen“ zu Ihrem Shop hinzugefügt. Details finden Sie in unserem Tutorial unter So erstellen Sie einen One-Click-Checkout in WordPress.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Express-Checkout-Buttons in WooCommerce hinzufügen. Möglicherweise möchten Sie auch unsere Liste der besten WooCommerce-Plugins für Ihren Shop und wie Sie ein WooCommerce-Popup zur Umsatzsteigerung erstellen sehen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Jiří Vaněk
Jede Vereinfachung der Kundenreise von der Produktauswahl bis zur Zahlung ist großartig und kann zu höheren Gewinnen führen. Danke für die detaillierte Anleitung. Ich weiß aus eigener Erfahrung, dass ich lieber Apps nutze, die mich direkt von der Produktauswahl zur Zahlung führen, und ich vermeide buchstäblich E-Shops mit vielen unnötigen Schritten, die den Prozess verlangsamen. Da ich gerne mit WooCommerce arbeite und wir den E-Shop noch finalisieren, wird dies ein weiterer Punkt auf der Liste der Dinge, die ich zusammen mit dem Artikel unbedingt umsetzen möchte.
Ralph
Je einfacher der Kaufprozess ist, desto mehr Kunden werden konvertiert. Das habe ich vor Jahren gelernt. Express-Checkout steigerte meine Einnahmen um fast 10 % und ich lese immer Artikel darüber, wie man es noch besser machen kann. Ich werde die in diesem Leitfaden vorgestellte Methode auf meiner neuen Website verwenden. Das sieht wirklich solide aus.