Stripe-Spenden-Button in WordPress hinzufügen (mit wiederkehrender Option)

Möchten Sie einen Stripe-Spenden-Button zu Ihrer WordPress-Website hinzufügen?

Bei WPBeginner haben wir unzähligen Benutzern geholfen, sichere und effiziente Zahlungslösungen in ihre Websites zu integrieren. Stripe ist einer der weltweit führenden Online-Zahlungsabwickler und macht es unglaublich einfach, Online-Zahlungen, einschließlich Spenden, zu akzeptieren.

In der Vergangenheit erforderte das Hinzufügen von Zahlungsoptionen komplexe E-Commerce-Plugins. Für diejenigen, die Spenden sammeln oder ein paar Produkte verkaufen möchten, genügt jedoch ein einfaches Zahlungsformular.

In diesem Artikel führen wir Sie durch den Prozess des Hinzufügens eines Stripe-Spendenbuttons zu Ihrer WordPress-Website.

Was Sie brauchen, um Stripe-Spenden auf Ihrer Website zu akzeptieren

Sie müssen ein Stripe-Konto erstellen. Sie können ein Konto kostenlos erstellen und zahlen nur für Transaktionen.

Sie benötigen außerdem eine WordPress-Website mit aktiviertem SSL. SSL fügt Ihrer Website eine Sicherheitsebene hinzu, die sie für die Annahme von Zahlungen sicher macht. Weitere Informationen finden Sie in unserem Leitfaden, wie Sie ein kostenloses SSL-Zertifikat für Ihre Website erhalten.

Schließlich benötigen Sie eine WordPress-Erweiterung, um Ihr Stripe-Konto zu verbinden. Wir zeigen Ihnen zwei verschiedene Optionen, WP Simple Pay (kostenlos) und WPForms (Pro), damit Sie diejenige auswählen können, die Ihren Bedürfnissen am besten entspricht.

Wir werden auch ein Bonus-Plugin teilen, das vollständige Spenderverwaltungsfunktionen bietet, wenn Sie nach einer fortgeschritteneren Lösung suchen.

Dennoch wollen wir uns ansehen, wie man einen Stripe-Spenden-Button in WordPress hinzufügt.

• Method 1. Adding the Stripe Donate Button in WordPress with WP Simple Pay
• Method 2. Adding the Stripe Donate Button in WordPress with WPForms
• Bonus: Voll ausgestattetes WordPress-Spenden-Plugin

Video-Tutorial

WPBeginner abonnieren

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Methode 1. Hinzufügen des Stripe-Spendenbuttons in WordPress mit WP Simple Pay

WP Simple Pay ist eines der besten Stripe-Zahlungs-Plugins für WordPress. Sie können es verwenden, um einfach einmalige oder wiederkehrende Spenden auf Ihrer Website anzunehmen.

Sie können schnell mit der kostenlosen Version des Plugins loslegen. Aber für dieses Tutorial werden wir die Premium-Version verwenden, damit wir alle zusätzlichen Funktionen demonstrieren können.

Zuerst müssen Sie das WP Simple Pay-Plugin auf Ihrer WordPress-Website installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, müssen Sie zur Seite WP Simple Pay » Einstellungen gehen und auf die Registerkarte Lizenz klicken.

Kopieren Sie den Lizenzschlüssel aus Ihrem Konto auf der WP Simple Pay-Website, fügen Sie ihn in das vorgesehene Feld ein und klicken Sie auf die Schaltfläche „Aktivieren“.

Als Nächstes müssen Sie Ihr Stripe-Konto verbinden. 

Klicken Sie auf der Einstellungsseite auf die Registerkarte Stripe und dann auf die Schaltfläche „Mit Stripe verbinden“.

Danach sehen Sie die Stripe-Website, auf der Sie sich in Ihr Konto einloggen können.

Wenn Sie noch kein Stripe-Konto haben, können Sie ein neues erstellen.

Wenn Sie mit der Verbindung Ihres Kontos fertig sind, werden Sie zur Einstellungsseite auf Ihrem Admin-Dashboard zurückgeleitet. 

Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Stripe-Konto-Verbindung zu speichern. 

Jetzt können Sie ein Stripe-Spendenformular erstellen.

Erstellen eines Stripe-Spendenformulars in WordPress mit WP Simple Pay

Um ein neues Spendenformular zu erstellen, gehen Sie zur Seite WP Simple Pay » Neu hinzufügen. Von hier aus können Sie eine Vorlage auswählen, um den Prozess der Formularerstellung zu beschleunigen.

Fahren Sie mit der Option Spenden-Button-Vorlage fort und klicken Sie auf die Schaltfläche „Vorlage verwenden“.

Als Nächstes sehen Sie den Tab 'Allgemeine Einstellungen' für Ihr Spendenformular.

Hier können Sie einen Formularnamen und eine Beschreibung hinzufügen sowie den Formular-Typ auswählen.

Für dieses Tutorial wählen wir den Formular-Typ 'Eingebettet'. Dies ermöglicht es Ihnen, das Spendenformular direkt auf jedem WordPress-Beitrag oder jeder Seite einzubetten.

Klicken Sie als Nächstes auf den Reiter Zahlung. WP Simple Pay ermöglicht es Ihnen, mehrere Spendenoptionen hinzuzufügen, damit Spender wählen können, wie viel sie geben möchten.

Sie können beispielsweise Spendenoptionen für 1 $, 5 $ und 10 $ erstellen. Klicken Sie einfach auf die Schaltfläche „Preis hinzufügen“ und geben Sie den Betrag ein. Wiederholen Sie diesen Vorgang, um so viele Optionen hinzuzufügen, wie Sie möchten.

Wenn Sie wiederkehrende Spenden akzeptieren möchten, klicken Sie auf den Dropdown-Pfeil neben einer Preisoption. Klicken Sie dann auf die Schaltfläche „Abonnement“ und wählen Sie den gewünschten Abrechnungszeitraum aus.

Klicken Sie als Nächstes auf die Registerkarte „Formularfelder“.

Die Vorlage für das Spendenformular enthält bereits alle benötigten Felder, einschließlich Preisoptionen, Checkout-Button und Zahlungsbutton.

Wenn Sie zusätzliche Formularfelder wie Name oder E-Mail-Adresse hinzufügen möchten, können Sie diese aus dem Dropdown-Menü auswählen und auf die Schaltfläche „Feld hinzufügen“ klicken.

Sie können die Formularfelder neu anordnen, indem Sie sie per Drag & Drop an die gewünschte Stelle ziehen. Sie können auch auf eines der Felder klicken, um den Button-Text anzupassen oder den Button-Stil zu wählen.

Hinzufügen des Stripe-Spendenformulars in WordPress mit WP Simple Pay

Um Ihr Spendenformular zu jedem Beitrag oder jeder Seite hinzuzufügen, klicken Sie auf die Schaltfläche Veröffentlichen auf der rechten Seite des Bildschirms.

Als Nächstes müssen Sie den einfachen Shortcode oberhalb der Schaltfläche "Veröffentlichen" kopieren.

Es sieht so aus: [[simpay id=”285″]]

Dann können Sie den Shortcode in jeden WordPress-Beitrag oder jede Seite einfügen.

Sobald Sie den Shortcode zum WordPress-Editor hinzufügen, wird das Shortcode-Widget automatisch hinzugefügt.

Veröffentlichen Sie dann den Beitrag oder die Seite.

Sie können nun Ihre Website besuchen, um zu sehen, wie Ihr Spendenformular im Frontend aussieht.

Methode 2. Den Stripe-Spenden-Button in WordPress mit WPForms hinzufügen

WPForms ist das beste WordPress-Formular-Plugin, das von über 5 Millionen Website-Besitzern verwendet wird. Es verfügt über ein Stripe-Addon, mit dem Sie Spenden, Einmalzahlungen und sogar Abonnementzahlungen auf Ihrer Website akzeptieren können.

Sie benötigen mindestens deren PRO-Plan, um auf das Stripe Pro-Addon zugreifen zu können, das die wiederkehrende Option und keine zusätzlichen Transaktionsgebühren bietet. Sie erhalten auch erweiterte Funktionen wie bedingte Logik, mehrseitige Formulare, Umfragen & Abstimmungen, über 700 Formularvorlagen und mehr.

Hinweis: Es gibt eine kostenlose Version von WPForms, mit der Sie einmalige Stripe-Zahlungen sammeln können. Aber es gibt eine Transaktionsgebühr von 3 % für Zahlungen, die über Ihre Formulare getätigt werden.

Das erste, was Sie tun müssen, ist das WPForms-Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung, wie Sie ein WordPress-Plugin installieren.

Nach der Aktivierung müssen Sie die Seite WPForms » Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Diese Informationen finden Sie in Ihrem Konto auf der WPForms-Website.

Sobald Sie Ihren Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

Besuchen Sie als Nächstes die Seite WPForms » Addons und klicken Sie auf die Schaltfläche „Addon installieren“ neben dem Stripe-Addon.

WPForms wird nun das Stripe-Addon für Sie installieren und aktivieren.

Nun verbinden wir WPForms mit Ihrem Stripe-Konto, um Zahlungen zu erhalten. Dazu müssen Sie zur Seite WPForms » Einstellungen gehen und auf den Reiter Zahlungen klicken. Klicken Sie dort auf die Schaltfläche „Mit Stripe verbinden“.

Danach werden Sie aufgefordert, die Verbindung zwischen Ihren Formularen und Stripe zu autorisieren.

Was Sie auf dem Bildschirm sehen, unterscheidet sich je nachdem, ob Sie Ihr Stripe-Konto aktiviert haben.

Befolgen Sie einfach die Schritte im Stripe Connect-Assistenten, um die Verbindung zu autorisieren.

Wenn Sie fertig sind, werden Sie zurück zur WPForms-Einstellungsseite weitergeleitet. Hier sollten Sie im Abschnitt "Verbindungsstatus" ein grünes Häkchen sehen.

Sie können den Testmodus auch optional auf der Seite Zahlungseinstellungen aktivieren.

Dies ermöglicht es Ihnen, Ihre Stripe-Integration ohne tatsächliche Zahlungen zu testen. Sie müssen diese Option jedoch deaktivieren, wenn Ihre Website bereit ist, Spenden auf Ihrer Website anzunehmen.

Vergessen Sie nicht, auf die Schaltfläche „Einstellungen speichern“ zu klicken, um Ihre Änderungen zu speichern.

Jetzt, da Sie die Zahlungen eingerichtet haben, ist es an der Zeit, ein Stripe-Spendenformular für Ihre Website zu erstellen.

Erstellen eines Stripe-Spendenformulars in WordPress mit WPForms

Zuerst müssen Sie die Seite WPForms » Neu hinzufügen besuchen, um ein neues Formular zu erstellen. Sie werden aufgefordert, einen Titel für Ihr Formular anzugeben und eine Vorlage auszuwählen. Sie müssen die Vorlage 'Spendenformular' auswählen.

Dies öffnet die WordPress-Formular-Builder-Oberfläche mit Ihrer ausgewählten Spendenformular-Vorlage.

Außerdem enthält diese Vorlage bereits die gängigen Felder, die für die Erstellung eines Spendenformulars erforderlich sind, wie Name, E-Mail, Spendenbetrag und Nachricht.

Dies ist ein Drag-and-Drop-Formular-Builder. Sie können Formularfelder bearbeiten, indem Sie darauf klicken, sie neu anordnen oder neue Felder aus der linken Spalte hinzufügen.

Da Sie ein Stripe-Zahlungsformular erstellen, müssen Sie das Feld 'Stripe-Kreditkarte' zu Ihrem Formular hinzufügen. Sie finden es im Abschnitt 'Zahlungsfelder' in der linken Spalte.

Klicken Sie einfach, um das Feld zu Ihrem Formular hinzuzufügen, und ziehen und legen Sie es dann per Drag & Drop, um seine Position im Formular neu anzuordnen.

Sobald Sie mit dem Formular zufrieden sind, klicken Sie auf die Registerkarte „Zahlungen“ in der linken Ecke, um die Zahlungseinstellungen zu bearbeiten. Von hier aus müssen Sie Stripe als Ihre Zahlungsmethode auswählen und dann das Kontrollkästchen neben der Option „Stripe-Zahlungen aktivieren“ aktivieren.

Sie können eine Beschreibung für die Zahlung angeben und das E-Mail-Feld auswählen, um den Spendern eine Quittung zu senden.

WPForms unterstützt auch wiederkehrende Zahlungen über Stripe. Sie können diese Option verwenden, um wiederkehrende Spenden oder Abonnements einzurichten.

Wenn Sie wiederkehrende Abonnementzahlungen aktivieren, werden zusätzliche Einstellungen angezeigt. Sie können beispielsweise auswählen, wie oft wiederkehrende Zahlungen erfolgen sollen: Täglich, Wöchentlich, Monatlich, Vierteljährlich, Halbjährlich oder Jährlich.

Der nächste Schritt ist die Einrichtung der Bestätigungseinstellungen, die Ihre Benutzer nach dem Ausfüllen des Formulars sehen werden. Klicken Sie auf die Registerkarte „Einstellungen“ und wählen Sie dann die Option „Bestätigungen“.

Von hier aus können Sie verschiedene Arten von Bestätigungstypen auswählen. Sie können Benutzer beispielsweise mit einer einfachen Nachricht bedanken oder sie zu einer Dankesseite oder einer beliebigen anderen URL weiterleiten.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Speichern, um Ihre Änderungen zu speichern.

Das Stripe-Spendenformular in WordPress mit WPForms hinzufügen

WPForms macht es super einfach, Ihre Formulare überall auf Ihrer Website einzufügen.

Klicken Sie einfach auf die Schaltfläche „Einbetten“ oben im Formular-Builder und wählen Sie entweder eine vorhandene Seite aus oder erstellen Sie eine neue Seite. Für dieses Tutorial klicken wir auf die Option „Vorhandene Seite auswählen“.

Wählen Sie als Nächstes über das Dropdown-Menü aus, auf welcher vorhandenen Seite Sie das Formular einbetten möchten.

Klicken Sie dann auf die Schaltfläche „Los geht’s!“.

WPForms fügt das Formular nun automatisch Ihrem WordPress-Content-Editor hinzu.

Sie können dies auch manuell tun, indem Sie den Beitrag oder die Seite bearbeiten, auf der Sie das Spendenformular hinzufügen möchten. Fügen Sie dann den WPForms-Block zu Ihrem Inhalt hinzu und wählen Sie das zuvor erstellte Spendenformular aus.

WPForms ruft das Formular nun ab und bettet es für Sie ein. Sie können Ihre Website jetzt besuchen, um es in Aktion zu sehen.

Zusätzlich können Sie das Spendenformular zur Seitenleiste Ihres Blogs oder einem anderen widget-fähigen Bereich hinzufügen. Gehen Sie zur Seite Darstellung » Widgets und fügen Sie das WPForms-Widget zu einer Seitenleiste hinzu.

Dann müssen Sie Ihr Stripe-Spendenformular aus dem Dropdown-Menü auswählen.

Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Widget-Einstellungen zu speichern.

Bonus: Voll ausgestattetes WordPress-Spenden-Plugin

Während sowohl WP Simple Pay als auch WPForms es Ihnen ermöglichen, eine Stripe-Spenden-Schaltfläche zu erstellen, bieten sie keine vollständige Spenderverwaltung und andere erweiterte Funktionen, die gemeinnützige Organisationen benötigen.

Wenn Sie nach einem vollständigen WordPress-Spenden-Plugin suchen, empfehlen wir die Verwendung von WP Charitable. Über 10.000 gemeinnützige Organisationen und Website-Besitzer weltweit nutzen Charitable, um Spendenkampagnen zu erstellen und online mehr Geld zu sammeln. 

Es verfügt über alle Funktionen, die Sie benötigen, einschließlich vollständig anpassbarer Spendenformulare, der Möglichkeit, einmalige oder wiederkehrende Spenden anzunehmen, eines einfachen Dashboards zur Spendenverwaltung, DSGVO-Konformität, jährlicher Spenderquittungen, Geschenke zu Ehren einer anderen Person, Gebührenbefreiung, die es Spendern ermöglicht, Zahlungsbearbeitungsgebühren zu decken, und mehr.

Sie können Charitable auch für Peer-to-Peer-Fundraising-Kampagnen verwenden, und es ermöglicht Ihnen sogar, Ihre eigene Crowdfunding-Plattform wie GoFundMe oder Indiegogo zu erstellen.

Charitable verfügt über integrierte Zahlungsoptionen für Stripe, PayPal, Authorize.net, Braintree, Mollie, GoCardless, Paystack, Payfast, Payrexx, Windcave und mehr.

Sie können auch die kostenlose Version von Charitable verwenden, um loszulegen. 

Wir hoffen, dieser Artikel hat Ihnen geholfen, einfach einen Stripe-Spenden-Button zu Ihrer WordPress-Website hinzuzufügen. Möglicherweise möchten Sie auch unseren Leitfaden zu den Must-Have-WordPress-Plugins für jede Website ansehen oder unser Tutorial, wie Sie Ihre WordPress-SEO-Rankings verbessern.

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.