Hinzufügen von Stripe Donate Button in WordPress (mit wiederkehrender Option)

Möchten Sie eine Stripe-Spendenschaltfläche zu Ihrer WordPress-Website hinzufügen? Stripe ist einer der besten Online-Zahlungsabwickler der Welt, weil er es jedem ermöglicht, Online-Zahlungen, einschließlich Spenden, auf seiner Website zu akzeptieren.

In der Vergangenheit mussten Sie ein eCommerce-Plugin verwenden, um Zahlungen zu akzeptieren, aber das ist nicht mehr nötig, vor allem, wenn Sie Spenden sammeln oder einige Produkte verkaufen möchten. Sie können ein einfaches Zahlungsformular verwenden, um die Aufgabe zu erledigen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine Stripe-Spendenschaltfläche in WordPress hinzufügen können.

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

Sie müssen ein Stripe-Konto einrichten. Sie können ein Konto kostenlos einrichten und werden nur für Transaktionen belastet.

Sie benötigen außerdem eine WordPress-Website mit aktiviertem SSL. SSL fügt Ihrer Website eine Sicherheitsebene hinzu und macht sie für die Annahme von Zahlungen sicher. 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 einzubinden. Wir zeigen Ihnen zwei verschiedene Optionen: WP Simple Pay (kostenlos) und WPForms (Pro), so dass Sie diejenige auswählen können, die Ihren Bedürfnissen am besten entspricht.

Für den Fall, dass Sie eine fortschrittlichere Lösung suchen, stellen wir Ihnen außerdem ein Bonus-Plugin zur Verfügung, das umfassende Funktionen für die Spenderverwaltung bietet.

Werfen wir also einen Blick darauf, wie man eine Stripe-Spendenschaltfläche in WordPress einfügt.

Video-Anleitung

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

Methode 1. Hinzufügen der Stripe-Spendenschaltfläche in WordPress mit WP Simple Pay

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

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

Zunächst 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 für die Installation eines WordPress-Plugins.

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

Kopieren Sie den Lizenzschlüssel von 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 Seite „Einstellungen“ auf die Registerkarte „Stripe“ und dann auf die Schaltfläche „Mit Stripe verbinden“.

Daraufhin wird die Stripe-Website angezeigt, auf der Sie sich bei Ihrem Konto anmelden können. Wenn Sie noch kein Stripe-Konto haben, können Sie ein neues erstellen.

Wenn Sie die Verbindung Ihres Kontos abgeschlossen haben, kehren Sie zur Einstellungsseite in Ihrem Admin-Dashboard zurück.

Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Stripe-Kontoverbindung 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 auf die Seite WP Simple Pay “ Add New. Von hier aus können Sie eine Vorlage auswählen, um den Prozess der Formularerstellung zu beschleunigen.

Bewegen Sie den Mauszeiger über die Vorlage für den Spendenbutton und klicken Sie auf die Schaltfläche „Vorlage verwenden“.

Als nächstes sehen Sie die Registerkarte Allgemeine Einstellungen für Ihr Spendenformular.

Hier können Sie einen Formulartitel und eine Beschreibung hinzufügen sowie den Formulartyp auswählen.

Für dieses Lernprogramm wählen wir den Formulartyp „Eingebettet“. Damit können Sie das Spendenformular direkt in einen WordPress-Beitrag oder eine Seite einbetten.

Klicken Sie anschließend auf die Registerkarte Zahlung. Mit WP Simple Pay können Sie mehrere Spendenoptionen hinzufügen, damit die Spender wählen können, wie viel sie spenden möchten.

Sie können zum Beispiel 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 annehmen möchten, klicken Sie auf den Pfeil neben einer Preisoption. Klicken Sie dann auf die Schaltfläche „Abonnement“ und wählen Sie den gewünschten Abrechnungszeitraum.

Klicken Sie anschließend auf die Registerkarte Formularfelder. Die Vorlage für das Spendenformular enthält bereits alle Felder, die Sie benötigen, einschließlich der Preisoptionen, der Schaltfläche „Kasse“ und der Schaltfläche „Zahlung“.

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 ihren Platz ziehen. Sie können auch auf eines der Felder klicken, um den Text der Schaltfläche anzupassen oder den Stil der Schaltfläche auszuwählen.

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

Um Ihr Spendenformular zu einem Beitrag oder einer 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. Er sieht wie folgt aus: [[simpay id=“285″]]

Anschließend können Sie den Shortcode in einen beliebigen WordPress-Beitrag oder eine Seite einfügen.

Sobald Sie den Shortcode in den WordPress-Editor einfü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 auf dem Frontend aussieht.

Hinweis: WP Simple Pay wird automatisch in den Testmodus versetzt. Damit wird sichergestellt, dass keine Live-Transaktionen auf Ihrer Website verarbeitet werden, bevor das Formular fertig ist. Sie können diese Anleitung lesen, um zu erfahren , wie Sie Ihr Zahlungsformular vom Testmodus in den Live-Modus bringen.

Methode 2. Hinzufügen der Stripe-Spendenschaltfläche in WordPress mit WPForms

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

Sie benötigen mindestens das PRO-Abo, um auf das Stripe Pro Addon zuzugreifen, das eine wiederkehrende Option und keine zusätzlichen Transaktionsgebühren bietet. Sie erhalten auch erweiterte Funktionen wie bedingte Logik, mehrseitige Formulare, Umfragen und Abstimmungen, mehr als 700 Formularvorlagen und mehr.

Hinweis: Es gibt eine kostenlose Version von WPForms, die Ihnen erlaubt, einmalige Stripe-Zahlungen zu sammeln. Aber, es gibt eine 3% Transaktionsgebühr auf Zahlungen über Ihre Formulare gemacht.

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie WPForms “ Einstellungen Seite besuchen, um Ihren Lizenzschlüssel einzugeben. Sie können diese Informationen, unter Ihrem Konto auf der WPForms Website finden.

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

Als nächstes müssen Sie WPForms “ Addons Seite besuchen und klicken Sie auf die Schaltfläche „Addon installieren“ neben dem Stripe Addon.

WPForms wird jetzt installieren und aktivieren Sie die Stripe-Addon für Sie.

Jetzt lassen Sie uns WPForms mit Ihrem Stripe-Konto verbinden, um Zahlungen zu erhalten. Um dies zu tun, müssen Sie WPForms “ Einstellungen Seite besuchen und klicken Sie auf die Registerkarte Zahlungen. Von dort aus, klicken Sie auf die Schaltfläche „Connect with Stripe“.

Danach werden Sie aufgefordert, die Verbindung zwischen Ihren Formularen und Stripe zu autorisieren. Was Sie auf dem Bildschirm sehen, hängt davon ab, ob Sie Ihr Stripe-Konto aktiviert haben.

Folgen Sie einfach den Schritten im Stripe Connect-Assistenten, um die Verbindung zu autorisieren.

Wenn Sie fertig sind, werden Sie wieder auf die Seite mit den WPForms-Einstellungen weitergeleitet. Hier sollten Sie ein grünes Häkchen im Abschnitt Verbindungsstatus sehen.

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

So können Sie Ihre Stripe-Integration ohne tatsächliche Zahlungen testen. Sie müssen diese Option jedoch deaktivieren, wenn Ihre Website für die Annahme von Spenden auf Ihrer Website bereit ist.

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

Nun, 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

Zunächst müssen Sie die Seite WPForms “ Add New 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.

Dadurch wird die WordPress-Formularerstellungsschnittstelle mit der von Ihnen ausgewählten Spendenformularvorlage gestartet. Diese Vorlage enthält bereits die üblichen Felder, die zum Erstellen eines Spendenformulars erforderlich sind, wie Name, E-Mail, Spendenbetrag und Nachricht.

Dies ist ein Drag-and-Drop-Formularersteller. Sie können Formularfelder bearbeiten, indem Sie auf sie 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 Credit Card“ zu Ihrem Formular hinzufügen. Sie finden es unter dem Abschnitt „Zahlungsfelder“ in der linken Spalte.

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

Sobald Sie mit dem Formular zufrieden sind, klicken Sie auf die Registerkarte „Zahlungen“ in der linken Ecke, um die Zahlungseinstellungen zu bearbeiten. Hier müssen Sie Stripe als Zahlungsmethode auswählen und dann das Kä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, wenn Sie den Spendern eine Quittung für die Zahlung schicken möchten.

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

Wenn Sie sich dafür entscheiden, wiederkehrende Abonnementzahlungen zu aktivieren, werden zusätzliche Einstellungen angezeigt. Sie können zum Beispiel wä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 von Bestätigungseinstellungen. Das ist das, was Ihre Benutzer sehen werden, nachdem sie das Formular ausgefüllt haben. 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ätigungen auswählen. Sie können sich zum Beispiel mit einer einfachen Nachricht bedanken oder sie auf eine Dankeseite oder eine andere URL weiterleiten.

Klicken Sie anschließend auf die Schaltfläche Speichern, um Ihre Änderungen zu speichern.

Hinzufügen des Stripe-Spendenformulars in WordPress mit WPForms

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

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

Wählen Sie dann über das Dropdown-Menü die Seite aus, in die Sie das Formular einbetten möchten. Klicken Sie dann auf die Schaltfläche „Los geht’s“.

WPForms fügt das Formular nun automatisch zu 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 Spendenformular aus, das Sie zuvor erstellt haben.

WPForms wird nun das Formular für Sie abrufen und einbetten. Sie können nun Ihre Website besuchen, um es in Aktion zu sehen.

Außerdem können Sie das Spendenformular in die Seitenleiste Ihres Blogs oder in einen anderen Bereich einfügen, der für Widgets geeignet ist. Gehen Sie auf die Seite Erscheinungsbild “ 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 funktionsfähiges WordPress-Spenden-Plugin

Während sowohl WP Simple Pay als auch WPForms es Ihnen ermöglichen, eine Stripe-Spendenschaltfläche zu erstellen, bieten sie keine vollständige Spenderverwaltung und andere fortgeschrittene Funktionen, die Non-Profits benötigen.

Wenn Sie ein komplettes WordPress-Spenden-Plugin suchen, dann empfehlen wir WP Charitable. Mehr als 10.000 gemeinnützige Organisationen und Website-Betreiber auf der ganzen Welt nutzen Charitable, um Spendenkampagnen zu erstellen und mehr Geld online 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, einem einfachen Spendenverwaltungs-Dashboard, GDPR-Konformität, jährlichen Spendenquittungen, Spenden zu Ehren einer anderen Person, Gebührenerleichterung, die es Spendern ermöglicht, die Gebühren für die Zahlungsabwicklung zu decken, und mehr.

Sie können Charitable auch für Peer-to-Peer-Fundraising-Kampagnen nutzen und sogar Ihre eigene Crowdfunding-Plattform wie GoFundMe oder Indiegogo erstellen.

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

Sie können auch die kostenlose Version von Charitable für den Einstieg nutzen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, eine Stripe-Spendenschaltfläche zu Ihrer WordPress-Website hinzuzufügen. Vielleicht interessieren Sie sich auch für unseren Leitfaden zu den unverzichtbaren WordPress-Plugins für jede Website oder für unser Tutorial zur Verbesserung Ihrer WordPress-SEO-Rankings.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.