Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie Ihrer WordPress Website einen Stripe Donate Button 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 Optionen komplexe eCommerce Plugins. Für diejenigen, die Spenden sammeln oder ein paar Produkte verkaufen möchten, reicht jedoch ein einfaches Zahlungsformular aus.

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

Adding a Stripe donate button in WordPress posts and pages

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), damit Sie die Option wählen können, die Ihren Bedürfnissen am besten entspricht.

Wir stellen Ihnen auch ein Plugin vor, das Funktionen für die Verwaltung von Spenden bietet, falls Sie eine fortgeschrittenere Lösung suchen.

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

Video-Anleitung

Subscribe to WPBeginner

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.

Sie können mit der kostenlosen Version des Plugins schnell loslegen. Für dieses Tutorial verwenden wir jedoch die Premium-Version, 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“.

Add your WP Simple Pay license key

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“.

Connect Stripe account to WP Simple Pay

Danach gelangen Sie auf die Stripe-Website, wo Sie sich bei Ihrem Konto anmelden können.

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

Log into Stripe

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“.

Choose WP Simple Pay donation form template

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

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

Add form title and choose form type

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.

WP Simple Pay payment settings

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.

add recurring donations with WP Simple Pay

Klicken Sie anschließend auf den Tab Formularfelder.

Das Template für das Spendenformular enthält bereits alle benötigten Felder, einschließlich der Optionen für die Preisgestaltung, den Checkout Button und den Payment Button.

add form fields WP Simple Pay

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.

Publish your WP Simple Pay donation form

Als nächstes müssen Sie den einfachen Shortcode oberhalb des Publish Buttons kopieren.

Es sieht folgendermaßen aus: [[simpay id=“285″]]

Copy WP Simple Pay shortcode

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

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

Publish donation form page or post

Veröffentlichen Sie dann den Beitrag oder die Seite.

Sie können nun Ihre Website besuchen, um zu sehen, wie Ihr Spendenformular auf der Vorderseite aussieht.

Live donation form from WP Simple Pay

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 die Seite WPForms “ Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Sie können diese Informationen, unter Ihrem Konto auf der WPForms Website zu finden.

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

Add WPForms license key

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

Install Stripe addon for WPForms

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

Nun, lassen Sie uns WPForms mit Ihrem Stripe Konto verbinden, um Zahlungen zu erhalten. Um das zu tun, müssen Sie WPForms “ Einstellungen Seite besuchen und klicken Sie auf die Zahlungen Tab. Von dort aus klicken Sie auf den Button „Connect with Stripe“.

Connect Stripe to WPForms

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

Was Sie auf der Ansicht sehen, hängt davon ab, ob Sie Ihr Stripe Konto aktiviert haben.

Stripe agreement page for WPForms

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.

See Connected status for Stripe

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

Enable Stripe test mode

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

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.

Choose the Donation Form template

Dadurch wird die WordPress-Formularerstellungsschnittstelle mit dem von Ihnen ausgewählten Template für das Spendenformular gestartet.

Außerdem enthält dieses Template bereits die üblichen Felder, die zum Erstellen eines Spendenformulars erforderlich sind, wie Name, E-Mail, Spendenbetrag und Nachricht.

Editing the donation form in WPForms

Dies ist ein Drag-and-drop-Formularersteller. Sie können Formularfelder bearbeiten, indem Sie auf sie klicken, sie neu anordnen oder neue Felder in 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.

Adding Stripe credit card field to your form

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.

Enable payment option

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

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

Set up recurring donations in WPForms

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.

Als Nächstes müssen Sie die Bestätigungseinstellungen einrichten, d. h. das, was Ihre Benutzer nach dem Ausfüllen des Formulars sehen. Klicken Sie auf den Tab „Einstellungen“ und wählen Sie dann die Option „Bestätigungen“.

Set up confirmation message

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“.

Select an existing page to embed your form

Wählen Sie anschließend über das Dropdown-Menü die Seite aus, auf der Sie das Formular einbetten möchten.

Klicken Sie dann auf den Button „Los geht’s!“.

Choose the page you want to embed the donation form on

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.

Add donation form to your WordPress post or page

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

Stripe donation form preview

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.

Adding a donation form to sidebar

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.

Charitable

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, einen Stripe Donate Button auf Ihrer WordPress Website einzubauen. Vielleicht interessiert Sie auch unser Leitfaden zu den unverzichtbaren WordPress Plugins für jede Website oder unser Tutorial, wie Sie Ihr WordPress SEO-Ranking verbessern können.

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

5 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.