Was ist Stripe?<\/h2>\n
Stripe<\/a> ist ein schnell wachsendes Zahlungssystem, das in der Lage ist, wiederkehrende Zahlungen abzuwickeln und Erstattungen automatisch zu verarbeiten. Es wird von gro\u00dfen Marken auf der ganzen Welt genutzt, darunter Best Buy, Target, Lyft, Docker, HubSpot, Facebook, Shopify und IndieGoGo.\u00a0Wir nutzen sie hier bei Kinsta, um Zahlungen f\u00fcr alle unsere Webhosting-Kunden zu verarbeiten.<\/p>\n Stripe wurde 2010 von zwei Br\u00fcdern, John und Patrick Collison, gegr\u00fcndet. Es ging 2011 an die \u00d6ffentlichkeit und hat mehrere Finanzierungsrunden erhalten. Es wurde 2016 sogar auf Platz 4 der Forbes Cloud 100<\/a> Liste gew\u00e4hlt. Es gibt eine Menge Zahlungssysteme zur Auswahl, aber Stripes Fokus auf Einfachheit zusammen mit der beliebten Stripe API ist das, was sie von der Konkurrenz abhebt. Die Geb\u00fchrenstruktur ist viel einfacher zu verstehen, denn f\u00fcr diejenigen, die weniger als 1 Million Dollar pro Jahr umsetzen, ist es eine Flatrate von 2,9% + 30\u00a2. Au\u00dferdem kannst du mit Stripe kostenlos Kreditkarten von deiner Webseite aus belasten<\/strong>, w\u00e4hrend PayPal dir $30\/Monat<\/a> plus Transaktionsgeb\u00fchren berechnet. Stripe hat auch keine Geb\u00fchren f\u00fcr R\u00fcckerstattungen oder die Autorisierung von Karten. PayPal wird allerdings mit gr\u00f6\u00dferem Transaktionsvolumen g\u00fcnstiger.<\/p>\n \u00a0<\/p>\n Stripe hat auch ein maschinelles Lernprodukt namens Radar, um die Anzahl der betr\u00fcgerischen Transaktionen zu reduzieren. F\u00fcr weitere Details wirf einen Blick auf unseren ausf\u00fchrlichen Leitfaden: Wie du mit Stripe Radar Kreditkartenbetrug verhinderst und um 98% reduzierst<\/a>.<\/p>\n Stripe hat technisch gesehen kein offizielles WordPress Plugin oder eine Integration, aber dank der gro\u00dfartigen WordPress Community, die ihre API genutzt hat, gibt es jetzt eine Menge gro\u00dfartiger Optionen, um Stripe einfach auf deine Webseite zu bringen. Im Folgenden gehen wir auf die Einrichtung von Stripe f\u00fcr WordPress auf einer einfachen Webseite ein, mit einem Formular Plugin und benutzerdefinierten Feldern, sowie auf E-Commerce Plattformen<\/a> wie WooCommerce und Easy Digital Downloads. Es ist wichtig zu beachten, dass SSL auf deinen Stripe-Kassenseiten erforderlich<\/strong> ist, um die Zahlungsdaten sicher zu \u00fcbertragen. Viele Hoster, auch Kinsta, bieten mittlerweile kostenlose SSL Zertifikate<\/a> mit Let’s Encrypt an.\u00a0Sei jedoch vorsichtig, du kannst deiner Webseite schaden, wenn du die Migration nicht richtig durchf\u00fchrst, also sieh dir unbedingt unseren ausf\u00fchrlichen HTTP zu HTTPS Migrationsleitfaden<\/a> an.<\/p>\n Alle diese Anleitungen setzen voraus, dass du ein Stripe-Konto hast. Falls nicht, kannst du dich f\u00fcr ein kostenloses Stripe-Konto anmelden<\/a>.<\/p>\n Die erste M\u00f6glichkeit, Stripe f\u00fcr WordPress einzurichten, ist auf einer einfachen Webseite. Vielleicht hast du keine E-Commerce-L\u00f6sung eingerichtet und hast nur ein Produkt, das du auf einer Seite verkaufen willst. Dies kann eine gro\u00dfartige M\u00f6glichkeit sein, um Zahlungen (und sogar Spenden<\/a>) f\u00fcr ein Ebook oder einen digitalen Download zu akzeptieren, ohne zus\u00e4tzlichen Aufwand auf deiner Webseite. Hierf\u00fcr empfehlen wir das kostenlose WP Simple Pay Lite for Stripe<\/a> Plugin, mit dem du in nur 4 einfachen Schritten loslegen kannst. Es gibt auch eine Vorteilsversion des Plugins, die wiederkehrende Zahlungen und eine Vielzahl anderer Funktionen erm\u00f6glicht, aber wenn du etwas Einfaches und Schnelles brauchst, kommst du auch mit der kostenlosen Version gut zurecht. Es hat derzeit \u00fcber 10.000 aktive Installationen mit einer Bewertung von 4,6 von 5 Sternen.<\/p>\n Lade das WP Simple Pay Lite for Stripe<\/a> Plugin aus dem WordPress Repository herunter und installiere es, indem du in deinem WordPress Dashboard unter „Add New“ Plugins<\/a> suchst.<\/p>\n Als erstes musst du in die Einstellungen des Plugins klicken und deine Stripe API-Schl\u00fcssel<\/a> eingeben, die du im Dashboard deines Stripe-Kontos abrufen kannst. Klicke dann auf „\u00c4nderungen speichern“. Du wirst bemerken, dass es einen An- und Aus-Schalter gibt. Du kannst es ausgeschaltet lassen, bis du alles konfiguriert hast.<\/p>\n Klicke auf den Reiter „Standardeinstellungen“. Dort kannst du deiner Webseite einen Namen geben, die W\u00e4hrung einstellen, ein Bild bereitstellen, etc. Eine wichtige Einstellung ist die Erfolgs-Redirect-URL. Wenn du Conversions mit einer Dankeseite trackst, dann solltest du diese aktivieren. Siehe unseren ausf\u00fchrlichen Leitfaden zum Conversion Tracking<\/a>. Dann scrolle nach unten und klicke auf „\u00c4nderungen speichern“.<\/p>\n Du kannst dann einen Zahlungsbutton auf jeder Seite oder jedem Beitrag deiner WordPress Seite mit einem einfachen Shortcode einf\u00fcgen. Vergiss nicht, dass du den Wortlaut des Zahlungsbuttons in den Einstellungen des Plugins \u00e4ndern kannst. Hier ist ein Beispiel f\u00fcr einen Shortcode, den du auf deiner Seite oder in deinem Beitrag einf\u00fcgen kannst:<\/p>\n Siehe alle WP Simple Pay Shortcodes. Und das war’s schon! Das Hinzuf\u00fcgen von Stripe zu deiner WordPress Seite k\u00f6nnte nicht einfacher sein. Stelle sicher, dass du den Live-Modus in den Einstellungen auf „Ein“ schaltest, wenn du es nicht schon getan hast. Du kannst auch das kostenlose Plugin<\/a> nutzen, das einen Button in deinem WordPress-Editor<\/a> hinzuf\u00fcgt, um Zahlungsbuttons einfacher hinzuzuf\u00fcgen. Du brauchst keine Shortcodes zu verwenden.<\/p>\n Eine zweite g\u00e4ngige Konfiguration bei der Verwendung von Stripe f\u00fcr WordPress ist es, es zusammen mit einem Formular Plugin zu verwenden. Der Grund daf\u00fcr ist, dass es dir mehr Flexibilit\u00e4t gibt, da du deine eigenen Felder im Checkout-Prozess hinzuf\u00fcgen kannst<\/strong>. Viele der beliebten Formular Plugins<\/a> haben einfache Stripe Integrationen und Erweiterungen, wie Gravity Forms, Ninja Forms und WP Forms. Die Stripe-Integration ist typischerweise ein Premium-Add-on. In unserem Beispiel werden wir das Gravity Forms Plugin<\/a> verwenden.<\/p>\n Lade das Gravity Forms Plugin<\/a> herunter und installiere es zusammen mit dem Stripe Add-on. Dies erfordert eine Entwicklerlizenz.<\/p>\n Als erstes musst du in die Einstellungen des Plugins klicken und deine Stripe API Keys<\/a> eingeben, die du im Dashboard deines Stripe Kontos abrufen kannst. Klicke dann auf „\u00c4nderungen speichern“. Du wirst feststellen, dass es einen Live- und einen Testmodus gibt. Du kannst es im Testmodus belassen, bis du alles richtig konfiguriert hast.<\/p>\n Scrolle nach unten und du musst Webhooks konfigurieren. Gravity Forms ben\u00f6tigt eine URL, die zur Liste der Webhooks in deinem Stripe-Konto hinzugef\u00fcgt wird, damit alles korrekt funktioniert.<\/p>\n Setze dann einen Haken in das K\u00e4stchen, dass du die Webhook-URL aktiviert hast und klicke auf „Einstellungen aktualisieren“.<\/p>\n Jetzt ist es an der Zeit, dein Formular einzurichten. Wenn du noch keins hast, musst du ein neues Formular erstellen.<\/p>\n Im Formular kannst du es so konfigurieren, dass es alle Daten akzeptiert, die du m\u00f6chtest. Du k\u00f6nntest sogar ein Pflichtfeld f\u00fcr eine Nachricht haben. Wie du siehst, bietet dies viel mehr Anpassungsm\u00f6glichkeiten als das Simple Pay Plugin, das wir oben beschrieben haben. Stelle einfach sicher, dass du das Kreditkartenfeld und den Preis hast. Alles ist Drag & Drop in Gravity Forms, so dass es schnell und einfach ist, dies zu erstellen.<\/p>\n Nachdem du dein Formular erstellt hast, musst du es mit einem Feed an Stripe anbinden. Klicke auf die Einstellungen des Formulars selbst und in „Stripe“. Hier kannst du die Transaktionsart und den Zahlungsbetrag einstellen. Klicke dann auf „Einstellungen aktualisieren“.<\/p>\n Dann kannst du dein Formular in eine Seite oder einen Beitrag einf\u00fcgen. Im WordPress-Editor hat Gravity Forms einen Button namens „Formular hinzuf\u00fcgen“. W\u00e4hle das Formular aus, das du erstellt hast und klicke auf „Formular einf\u00fcgen“.<\/p>\n Und das war’s. Dein Formular ist nun ein voll funktionsf\u00e4higes Formular, das mit Stripe integriert ist und Zahlungen erfassen kann.<\/p>\n Eine dritte g\u00e4ngige Konfiguration, wenn du Stripe f\u00fcr WordPress verwendest, ist die Verwendung mit WooCommerce<\/a>. Mit \u00fcber 3+ Millionen aktiven Installationen, einer 4.6 Nutzerbewertung auf WordPress.org, ist WooCommerce eine der beliebtesten kostenlosen E-Commerce L\u00f6sungen f\u00fcr WordPress. Im Dezember 2019 betreibt WooCommerce \u00fcber 7% aller Onlineshops<\/a>.<\/p>\n Und die gute Nachricht ist, dass Stripe seit Februar 2016 kostenlos<\/a> mit WooCommerce genutzt werden kann!\u00a0Zuvor musstest du das Zahlungssystem Stripe direkt bei WooCommerce kaufen, was ab 79 $ f\u00fcr eine Lizenz f\u00fcr eine Webseite begann. Das senkt die Einstiegsh\u00fcrde f\u00fcr jeden, der einen WooCommerce Shop starten und Kreditkarten mit Stripe akzeptieren m\u00f6chte, erheblich. Das folgende Tutorial geht davon aus, dass du WooCommerce bereits installiert hast. Falls nicht, schau dir unser ausf\u00fchrliches WooCommerce-Tutorial<\/a> an.<\/p>\n Als erstes musst du das kostenlose WooCommerce Stripe Payment Gateway<\/a> Plugin installieren. Es hat derzeit \u00fcber 300.000 aktive Installationen mit einer 4,7 von 5 Sternen Bewertung.<\/p>\n Du kannst das Plugin aus dem WordPress Repository herunterladen oder indem du es in deinem WordPress Dashboard unter „Add New“ Plugins suchst.<\/p>\n Klicke dann in die WooCommerce-Einstellungen im Dashboard und klicke auf den Reiter „Checkout“. Du musst Stripe aktivieren und deine Stripe-API-Schl\u00fcssel<\/a> eingeben, die du im Dashboard deines Stripe-Kontos abrufen kannst. Du kannst auch ausw\u00e4hlen, ob du „Stripe Checkout“ aktivieren m\u00f6chtest oder nicht. Stripe Checkout zeigt einen Bezahlbutton und ein modales Kreditkartenformular beim Checkout anstelle der klassischen Kreditkartenfelder. Scrolle dann nach unten und klicke auf „\u00c4nderungen speichern“.<\/p>\n Klicke dann unter dem Reiter Checkout auf „Checkout Options“. Du m\u00f6chtest „Sicheren Checkout erzwingen“ aktivieren. Denke daran, dass Stripe SSL ben\u00f6tigt, um Kreditkarten auf deiner WordPress Seite sicher zu akzeptieren. Scrolle dann nach unten und klicke auf „\u00c4nderungen speichern“.<\/p>\n Und das war’s schon. Deine Checkout-Seiten sollten nun in der Lage sein, Kreditkarten mit Stripe zu akzeptieren. Hier sind ein paar Beispiele.<\/p>\n Standard WooCommerce Stripe Checkout<\/strong><\/p>\n Dies ist der Standard-Look von Stripe auf einer WooCommerce Checkout-Seite mit Kreditkartenfeldern inline auf der Seite.<\/p>\n WooCommerce with Stripe Checkout Option Enabled<\/strong><\/p>\n So sieht es aus, wenn du in den Einstellungen die Option „Stripe Checkout“ aktivierst. Der Kunde klickt auf „Weiter zur Zahlung“ und erh\u00e4lt das Stripe Modal.<\/p>\n Eine vierte h\u00e4ufige Konfiguration, wenn du Stripe f\u00fcr WordPress verwendest, ist die Verwendung mit Easy Digital Downloads<\/a>. Genau wie WooCommerce ist Easy Digital Downloads<\/a> eine beliebte kostenlose E-Commerce-L\u00f6sung f\u00fcr WordPress. In erster Linie wird es f\u00fcr den Verkauf von digitalen Produkten genutzt, es gibt aber auch eine Erweiterung, um es f\u00fcr physische Produkte anzupassen. Es hat sich mittlerweile wirklich zu einer WooCommerce Alternative entwickelt. Es hat derzeit \u00fcber 50.000 aktive Installationen mit 4,8 von 5 Sternen Bewertung. Das folgende Tutorial geht davon aus, dass du EDD bereits installiert hast. Falls nicht, schau dir die Easy Digital Downloads Dokumentation<\/a> an.<\/p>\n Der einzige Nachteil der Easy Digital Downloads Stripe-Integration ist, dass es die Premium-Erweiterung erfordert, die bei $89,00 f\u00fcr eine Lizenz f\u00fcr eine Webseite beginnt. Das k\u00f6nnte es dir aber wert sein, wenn du EDD bevorzugst und Stripe nutzen m\u00f6chtest.<\/p>\n Lade die Stripe Erweiterung f\u00fcr das Zahlungssystem<\/a> herunter, installiere und aktiviere sie.<\/p>\n Unter Downloads (das ist EDD) klickst du auf Einstellungen und dann auf die Zahlungssysteme gab. In den Gateway-Einstellungen musst du ein H\u00e4kchen bei Stripe setzen, um es zu aktivieren. \u00c4ndere dann das Standard-Gateway auf Stripe. Du kannst dann auch die Kreditkarten-Symbole ausw\u00e4hlen, die beim Checkout angezeigt werden sollen. Klicke dann auf „\u00c4nderungen speichern“.<\/p>\n Unter dem Reiter Zahlungssysteme klickst du auf „Stripe“. Du musst deine Stripe API-Schl\u00fcssel<\/a> eingeben, die du im Dashboard deines Stripe-Kontos abrufen kannst. Au\u00dferdem musst du Webhooks konfigurieren.<\/p>\n![\"stripe\"](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-logo.png\"){kind=logo}
<\/p>\nStripe f\u00fcr WordPress einrichten<\/h2>\n
\n
<\/a>Wie richte ich Stripe auf einer einfachen WordPress Seite ein?<\/h2>\n
![\"wp](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-lite-for-stripe-plugin.jpg\" "\\"WP")
<\/a>Schritt 1<\/h3>\n
![\"wp](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-lite-for-stripe-install.jpg\" "\\"Install")
Schritt 2<\/h3>\n
![\"wp](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-api-keys.jpg\" "\\"WP")
Schritt 3<\/h3>\n
![\"wp](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-stripe-settings.jpg\" "\\"WP")
Schritt 4<\/h3>\n
[stripe name=\"My Store\" description=\"My Product\" amount=\"1999\"]<\/pre>\n
![\"wp](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-checkout-1.jpg\" "\\"WP")
![\"stripe](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-shortcode-button.jpg\" "\\"Stripe")
<\/a>Wie man Stripe mit Gravity Forms einrichtet<\/h2>\n
![\"gravity](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/gravity-forms.png\")
Schritt 1<\/h3>\nSchritt 2<\/h3>\n
![\"gravity](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/gravity-forms-stripe-settings.jpg\" "\\"Gravity")
Schritt 3<\/h3>\n
\n
https:\/\/yourdomain.com\/?callback=gravityformsstripe<\/code><\/li>\n![\"stripe](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-webhook-gravity-forms.jpg\" "\\"Stripe")
![\"update](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/update-stripe-webhooks.jpg\" "\\"Update")
Schritt 4<\/h3>\n
![\"create](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/create-new-form-gravity-forms.jpg\" "\\"Create")
Schritt 5<\/h3>\n
![\"gravity](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/gravity-forms-billing-form-1.jpg\" "\\"Billing")
Schritt 6<\/h3>\n
![\"billing](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/billing-form-feed.jpg\" "\\"Billing")
Schritt 7<\/h3>\n
![\"insert](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/insert-form.jpg\" "\\"Insert")
![\"credit](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/form-credit-cards-gravity-forms.jpg\" "\\"Credit")
<\/a>Wie man Stripe in WooCommerce einrichtet<\/h2>\n
![\"woocommerce\"](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-logo.png\"){kind=logo}
<\/p>\nSchritt 1<\/h3>\n
![\"woocommerce](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-stripe-payment-gateway.jpg\" "\\"WooCommerce")
Schritt 2<\/h3>\n
![\"woocommerce](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-stripe-settings.jpg\" "\\"WooCommerce")
Schritt 3<\/h3>\n
![\"woocommerce](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-force-secure-checkout.jpg\" "\\"WooCommerce")
![\"credit](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/credit-card-checkout-woocommerce.jpg\" "\\"Credit")
![\"stripe](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-checkout-woocommerce.jpg\" "\\"Stripe")
<\/a>Wie man Stripe in Easy Digital Downloads einrichtet<\/h2>\n
![\"easy](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/easy-digital-downloads.png\")
<\/p>\nSchritt 1<\/h3>\n
Schritt 2<\/h3>\n
![\"edd](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/edd-stripe-payment-gateway-settings.jpg\" "\\"EDD")
Schritt 3<\/h3>\n
\n
![\"stripe](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-settings-edd.jpg\" "\\"Stripe")
![\"stripe](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-credit-card-checkout-edd.jpg\" "\\"Stripe")
![\"stripe](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/01\/stripe-checkout-edd.jpg\" "\\"Stripe")