In diesem Beitrag zeigen wir Ihnen, wie Sie WooCommerce mit Stripe nutzen können, indem Sie das Stripe Payment Gateway in Ihren WooCommerce WordPress E-Commerce-Shop integrieren.

Warum sollten Sie WooCommerce mit Stripe verwenden?

Stripe, das Online-Zahlungsportal, bietet mehrere wichtige Vorteile und ist eine gute Wahl für die Verwendung mit Ihrer WooCommerce-Website.

  • Onsite-checkout. Der größte Vorteil der Verwendung von Stripe ist die Vor-Ort-Kasse. Vor-Ort-Kasse behält Ihre Kunden auf Ihrer E-Commerce-Website, anstatt sie an eine andere Website zu weiterzuleiten, um die Zahlung abzuschließen. Es wurde sogar nachgewiesen, dass sie somit zu höheren Konversionsraten führen.
  • Einfache Integration mit WooCommerce & WordPress. Stripe ist einfach zu implementieren mit WooCommerce mit der kostenlosen WooCommerce Stripe-Erweiterung, die Ihnen hilft, mit nur wenigen Klicks loszulegen.
  • Einfache Gebührenstruktur. Stripe hat auch eine einfache Transaktionsgebührenstruktur: 2,9% + 30 Cent bei erfolgreichen Transaktionen ohne zusätzliche Gebühren oder Kosten.

Erste Schritte: Wie man WooCommerce mit Stripe benutzt

Wenn Sie völlig neu bei WooCommerce oder WordPress sind, müssen Sie Ihre selbst gehostete WordPress Website einrichten.

1. Installieren Sie das WooCommerce Plugin

Nachdem Sie eine selbst gehostete WordPress-Seite haben, müssen Sie das WooCommerce-Plugin installieren, um Ihre Seite in einen voll funktionsfähigen WordPress-E-Commerce-Shop zu verwandeln.

 

 

Wenn Sie WooCommerce zum ersten Mal installieren, haben Sie die Möglichkeit, einen Setup-Wizard zu durchlaufen. Alle Einstellungen, die Sie in dieser Phase vornehmen, können nach Abschluss des Setup-Wizards jederzeit geändert werden. Sie werden eine Option zur Auswahl von Stripe als Zahlungs-Gateway sehen, aber Sie müssen trotzdem ein Zahlungs-Gateway-Plugin hinzufügen.

2. SSL-Zertifikat installieren

Stripe benötigt ein SSL-Zertifikat, um auf Ihrer Website ausgeführt zu werden. (Nicht sicher, wie man ein SSL-Zertifikat einrichtet? Mehr dazu erfahren Sie in dieser WordPress HTTPS-Schulung.

SSL schützt Ihre Website-Daten und Besucher durch die Verschlüsselung von Daten, die über das Internet übertragen werden, wie z.B. Formularübertragungen und Kreditkartentransaktionen. Wenn Sie irgendeine Art von Zahlungen auf Ihrer Website vornehmen, ist SSL nicht verhandelbar. Zusätzlich implementiert das Gateway-Plugin, das Sie verwenden werden, automatisch Stripe JS, um Zahlungen zu tokenisieren, um die Kartendaten sicher zu halten.

3. Testprodukte installieren

Wenn Sie nur Ihre Website einrichten, ist es am einfachsten, einige Beispielprodukte zu importieren. Sie können dies von Ihrem E-Commerce-Site Dashboard aus tun, unter Dashboard > WooCommerce.

Wählen Sie “Beispielprodukte hinzufügen” und klicken Sie auf “Let’s Go” und Sie werden zu einem Customizer-Bildschirm weitergeleitet. Nehmen Sie alle gewünschten Änderungen am Erscheinungsbild Ihrer Website vor, und klicken Sie auf Speichern und Veröffentlichen.

Ihre Musterprodukte werden für Sie geladen, um Ihnen das Testen zu erleichtern.

Installation des WooCommerce Stripe Payment Gateway

1. Installieren des Stripe Payment Gateway Plugins

Nachdem Sie sich bei Ihrem WordPress-Administrator angemeldet haben, gehen Sie zu Dashboard > Plugins > Neu hinzufügen und suchen Sie nach WooCommerce Stripe oder WooCommerce Stripe Payment Gateway.

Klicken Sie einmal um das Plugin zu installieren und erneut um es zu aktivieren.

2. Einstellungen konfigurieren

Sobald das Plugin installiert ist, gelangen Sie zum Plugin-Bildschirm, wo Sie auf “Einstellungen” klicken, um zum Stripe-Setup-Bildschirm zu gelangen.

Sie können diese Einstellungen auch jederzeit unter Dashboard > WooCommerce > Checkout > Stripe aufrufen.

Stripe Payment Gateway-Konfiguration

Hier ist eine Schritt-für-Schritt-Anleitung zur Konfiguration der Stripe-Zahlungs-Gateway-Einstellungen:

  • Richten Sie zuerst Ihr Stripe-Konto ein. Dies ist ein schneller und einfacher Vorgang, der am Bildschirm anschaulich erklärt wird.
  • Aktivieren Sie Stripe, indem Sie das Kästchen ankreuzen.
  • Geben Sie einen Titel ein. Dies ist obligatorisch und wird Ihren Kunden angezeigt.
  • Geben Sie eine Beschreibung ein. Dies ist optional, und der in dieses Feld eingegebene Text wird Ihren Kunden angezeigt.
  • Testmodus aktivieren. Nachdem Sie eine erfolgreiche Transaktion getestet haben, können Sie zu diesem Bildschirm zurückkehren, um den Testmodus zu deaktivieren und Ihre Live-Publishable- und Secret Keys einzugeben.
  • Geben Sie Ihren Test Publishable Key ein.
  • Geben Sie Ihren Test Secret Key ein.
  • Geben Sie einen Kontoauszugsbeschreiber ein – dieser wird auf der Kreditkartenabrechnung Ihres Kunden angezeigt.
  • In den meisten Fällen werden Sie die Eingäge sofort erfassen wollen; wenn Sie dies nicht tun, fallen die nicht erfassten Eingäge innerhalb von 7 Tagen ab.

  • Wenn Sie Stripe Checkout aktivieren, werden Ihre Kunden aufgefordert, ihre Karteninformationen in einem Popup-Fenster einzugeben, anstatt über Bildschirmfelder zu verfügen.
  • Wählen Sie die gewünschte Sprache aus.
  • Stripe Checkout erlaubt es Ihnen, falls gewünscht Bitcoin Currency als Zahlungsmittel auszuwählen.
  • Sie haben die Möglichkeit, ein 128×128 benutzerdefiniertes Bild im Kassenmodus anzuzeigen.
  • Wenn Sie Stripe Checkout nicht aktivieren, können Sie die API für Zahlungsanforderungen aktivieren. Dies funktioniert mit aktivierten Browsern – zum Beispiel fordert es Android Chrome-Benutzer auf, Chrome Pay zu verwenden, und erlaubt ihnen, ihre gespeicherten Karten zu verwenden.
  • Wenn Sie Apple Pay aktivieren möchten, kreuzen Sie das Kästchen an.
  • Stellen Sie Ihren bevorzugten Button-Stil ein, schwarz oder weiß.
  • Wählen Sie die Sprache für den Apple Pay Button. Weitere zweistellige ISO-Codes finden Sie hier.

  • Wenn Sie die Zahlung über gespeicherte Karten ermöglichen, können Ihre Kunden die gleiche Karte in Ihrem Shop wiederverwenden. Die Kartennummern werden auf den Servern von Stripe gespeichert.
  • Wenn Sie die Protokollierung von Debug-Meldungen aktivieren, werden Meldungen gespeichert, die bei der Fehlersuche auf der Website helfen. Dies muss nicht aktiviert werden, es sei denn, Sie haben Schwierigkeiten mit Ihrem E-Commerce-Shop.
  • Last but not least, speichern Sie Ihre Änderungen!

Testen von WooCommerce mit Stripe

Wir empfehlen Ihnen, Ihr Stripe Payment Gateway mit allen von Ihnen aktivierten Zahlungsmethoden zu testen.

Besuchen Sie die Startseite Ihres Shops und fügen Sie ein Beispielprodukt zu Ihrem Warenkorb hinzu.

Sehen Sie sich den Warenkorb an und gehen Sie zur Kasse.

Sie können eine Testtransaktion mit den auf dem Bildschirm angezeigten Testanmeldeinformationen bearbeiten.

  • Um Apple Pay zu testen, folgen Sie bitte den Anweisungen in der Sandbox-Anleitung.
  • Mehr über die Bitcoin-Verarbeitung erfahren Sie in der Stripe Bitcoin-Dokumentation.
  • Wenn Sie die Zahlungsanforderungs-API aktiviert haben, können Sie eine Zahlung mit jedem Android-Gerät mit einem unterstützten Browser, wie z.B. Chrome, testen.

Stellen Sie die Seite live!

Wenn Sie den Test abgeschlossen haben, kehren Sie zu Dashboard > WooCommerce > Checkout > Stripe zurück und aktivieren Sie das Kästchen neben Enable Test Mode. Sie müssen Ihren Live Publishable Key und Ihren Live Secret Key eingeben.

Vergessen Sie nicht, Ihre Testprodukte zu löschen!

Sobald das erledigt ist, wird Ihre WooCommerce-Website mit dem Stripe-Payment-Gateway bereit sein, Ihnen zu erlauben, “alles schön zu verkaufen!