Möchtest du einen Stripe-Spenden-Button zu deiner WordPress-Seite hinzufügen? Stripe macht es einfach, Kreditkartenzahlungen zu akzeptieren, was eine bequeme Möglichkeit für deine Besucher ist, auf deiner Webseite zu spenden.

Es gibt zwar noch viele weitere voll funktionsfähige Spenden-Plugins, aber wir konzentrieren uns in diesem Beitrag auf die Erstellung einer sehr einfachen Stripe-Spenden-Schaltfläche. Um dies zu erreichen, werden wir Tutorials für zwei verschiedene kostenlose Plugins vorstellen:

  • WP Simple Pay: Dieses Plugin ist gut, wenn man einen festen Spendenbetrag anbieten möchte. Aber du musst zahlen, wenn du möchtest, dass deine Besucher benutzerdefinierte Beträge spenden können. Dieses Plugin ist das beliebteste Stripe-Pay-Plugin.
  • Stripe Payments: Mit diesem Plugin kannst du kostenlos benutzerdefinierte Spendenbeträge annehmen, was es attraktiver machen könnte, wenn du ein begrenztes Budget hast und benutzerdefinierte Spendenbeträge von deinen Besuchern annehmen möchtest.

Wir beginnen mit einer kurzen Anleitung, wie du dein Stripe-Konto erstellen und die API-Keys finden kannst, die du für die Konfiguration der beiden Plugins benötigst.

Dann werden wir uns damit befassen, wie man mit WP Simple Pay oder Stripe Payments einen Stripe Donate Button erstellt.

Wie bekommt man die API-Keys für Stripe

Unabhängig davon, welches der beiden Plugins gewählt wird, muss der Stripe-API-Key eingegeben werden, um den Stripe-Spenden-Button zu erstellen.

Diese API-Schlüssel verbindet deine WordPress-Seite mit dem Stripe-Zahlungsverarbeitungsdienst. Sie sind unerlässlich, aber sie sind mit Stripe auch einfach zu erstellen. Mache dir also keine Sorgen!

Anstatt zu versuchen, dies in den Schritt-für-Schritt-Anleitungen für jedes Plugin zu erklären, erklären wir es jetzt nur einmal. Auf diese Weise wirst du genau wissen, wo du deine API-Keys findest, wenn du eines der beiden Plugins konfigurierst.

Schritt 1: Erstelle ein kostenloses Stripe-Konto

Um zu beginnen, muss man sich für ein kostenloses Stripe-Konto anmelden. Es gibt keine komplizierten Informationen – Du musst nur deine E-Mail-Adresse, deinen Namen und dein Passwort eingeben (obwohl du weitere Informationen angeben musst, um echte Zahlungen zu akzeptieren).

Um das zu tun, klicke hier.

Schritt 2: API-Keys finden

Um deine API-Keys zu finden, klicke hier.

Achte auf den Unterschied zwischen Test-API-Keys und Live-API-Keys:

  • Mit den Test-API-Keys kannst du deinen Spenden-Button sicher testen, ohne echte Zahlungsdaten zu senden.
  • Die Live-API-Keys sind dafür gedacht, wenn man tatsächlich anfangen möchte, Zahlungen zu akzeptieren.

Du kannst zwischen ihnen hin- und herschalten, indem du auf die Umschalttaste klickst, und beide Plugins enthalten Felder, in denen du sowohl deine Test- als auch deine Live-Keys eingeben kannst, sowie eine Einstellung, mit der du zwischen Test- und Live-Modus wechseln kannst:

Deine Stripe API-Keys

Deine Stripe API-Keys

Halte diese Keys griffbereit, denn du brauchst sie zur Konfiguration beider Plugins.

Wie man einen Stripe Donate Button mit WP Simple Pay hinzufügt

Um zu beginnen, installiere und aktiviere das kostenlose WP Simple Pay Plugin von WordPress.org.

Hier erfährst du, wie du deinen Spenden-Button einrichtest…

Schritt 1: API-Schlüssel eingeben

Um zu beginnen, gehe zu Simple Pay Lite → Einstellungen und gib deine Test- und Live-API-Keys ein. Stelle sicher, dass der Testmodus vorerst aktiviert bleibt:

Gib die API-Schlüssel ein und stelle sicher, dass der Testmodus aktiviert ist.

Gib die API-Schlüssel ein und stelle sicher, dass der Testmodus aktiviert ist.

Schritt 2: Währung konfigurieren (Standardwert ist USD)

Standardmäßig verwendet WP Simple Pay USD als Währung für die Schaltfläche „Spenden“. Wenn du eine andere Währung verwenden möchtest, kannst du sie ändern, indem du zur Registerkarte Allgemeine Einstellungen gehst:

Wie man die Währung ändert

Wie man die Währung ändert

Schritt 3: Neues Zahlungsformular erstellen

Ein Zahlungsformular ist im Wesentlichen eine bestimmte Spendentaste, die man benutzen kann. Um ein solches Formular zu erstellen, gehe zu Simple Pay Lite → Add New.

Gib auf der Registerkarte Zahlungsoptionen den Betrag ein, den Besucher spenden können sollen (wenn Besucher ihren eigenen Betrag spenden können sollen, benötigst du die kostenpflichtige Version des Plugins):

Gib den festen Spendenbetrag ein

Gib den festen Spendenbetrag ein

Das ist technisch gesehen alles, was man tun muss. Um jedoch ein personalisierteres Formular anzubieten, kannst du den Text ändern, der auf deinem Formular auf den Registerkarten On-Page Form Display und Checkout Overlay Display angezeigt wird.

Beispielsweise kann in der On-Page-Form Display der Text so geändert werden, dass die Schaltfläche „Mit Karte spenden“ anstelle von „Mit Karte bezahlen“ lautet:

Text der Schaltfläche

Text der Schaltfläche „Spenden“ ändern

Wenn du fertig bist, klicke auf Create, um dein Formular zu veröffentlichen.

Um dein Formular im Front-End deiner Webseite anzuzeigen, musst du den Shortcode dem Post-, Seiten- oder Text-Widget an der Stelle hinzufügen, an der es angezeigt werden soll:

Der WP Simple Pay Shortcode

Der WP Simple Pay Shortcode

Schritt 4: Teste das Formular und aktiviere dann den Live-Modus

Da du den Testmodus aktiviert hast, kannst du dein Formular testen, indem du einige Testdaten eingibst:

Beispiel für die Schaltfläche

Beispiel für die Schaltfläche „Spenden“.

Wenn du mit der Funktionsweise zufrieden bist, kannst du den Live-Modus aktivieren, um echte Zahlungen zu akzeptieren, indem du zu den Einstellungen → Simple Pay Lite gehst und den Testmodus deaktivierst:

Wie man den Testmodus deaktiviert

Wie man den Testmodus deaktiviert

Und wenn man die Seite bearbeiten will, die Benutzer nach dem Einreichen einer Zahlung sehen, muss man nur die von WP Simple Pay erstellte Zahlungsbestätigungsseite bearbeiten.

Wie man einen Stripe Donate Button mit Stripe Payments hinzufügt

Obwohl Stripe Payments nicht so populär ist wie WP Simple Pay, hat es den Vorteil, dass man individuelle Spendenbeträge annehmen kann, ohne für eine Premium-Version bezahlen zu müssen.

Haben Sie mit Ausfallzeiten und WordPress-Problemen zu kämpfen? Kinsta ist die Hosting-Lösung, die Ihnen Zeit spart! Sieh dir unsere Features an

Sobald du es installiert und von WordPress.org aus aktiviert hast, kannst du es benutzen…

Schritt 1: Hinzufügen von API-Keys und Konfigurieren von Grundeinstellungen

Um zu beginnen, gehe zu Stripe Payments → Settings, um deine API-Schlüssel hinzuzufügen:

Wie du deine API-Schlüssel eingeben kannst

Wie du deine API-Schlüssel eingeben kannst

Stelle sicher, dass der Live-Modus vorerst nicht aktiviert ist.

Du kannst in diesem Bereich auch die Währung für deine Spendentaste sowie den Tastentext konfigurieren. Wahrscheinlich wirst du das Feld Schaltflächentext in etwas wie „Spenden“ ändern wollen:

Währung und Schaltflächentext konfigurieren

Währung und Schaltflächentext konfigurieren

Schritt 2: Ein neues Produkt hinzufügen

Als nächstes gehe zu Stripe Payments → Neues Produkt hinzufügen. Es gibt viele Optionen, aber die meisten davon sind für einen einfachen Spenden-Button unnötig.

Die Abschnitte, die du konfigurieren solltest, sind:

  • Kurzbeschreibung – Diese wird im Fenster Stripe Payment angezeigt.
  • Preis & Währung – lasse das Feld Preis leer, wenn du möchtest, dass Besucher einen benutzerdefinierten Betrag eingeben können.
  • URL der Dankeseite – damit kann man Benutzer auf eine spezielle Dankeseite umleiten, nachdem sie gespendet haben.
Wähle einen festen oder individuellen Spendenbetrag

Wähle einen festen oder individuellen Spendenbetrag

Wenn du die Konfiguration abgeschlossen hast, klicke auf Veröffentlichen. Kopiere dann den Shortcode aus dem unteren Teil des Editors und füge ihn zu dem Beitrags-, Seiten- oder Text-Widget hinzu, in dem du deinen Stripe Spenden Button anzeigen möchtest.

Schritt 3: Teste die Schaltfläche „Spenden“ und gehe dann live

Da du dich noch im Testmodus befindest, kannst du deinen Spenden-Button sicher ausprobieren, indem du die Dummy-Daten von Stripe eingibst:

Beispiel für das benutzerdefinierte Spendenbetragsformular

Beispiel für das benutzerdefinierte Spendenbetragsformular

Sobald du dich vergewissert hast, dass alles ordnungsgemäß funktioniert, kannst du echte Zahlungen aktivieren, indem du zu Stripe Payments → Einstellungen gehst und den Live-Modus aktivierst:

Wie man den Testmodus deaktiviert

Wie man den Testmodus deaktiviert

Zusammenfassung:

Ganz gleich, welches Plugin man wählt, das Hinzufügen eines Stripe-Spenden-Buttons zu deiner WordPress-Seite ist ziemlich einfach und schmerzfrei. Beide Plugins erlauben es einem auch, mehrere Buttons zu erstellen, so dass man leicht verschiedene Spendenbuttons für verschiedene Zwecke erstellen kann.

Wenn du mit Stripe nicht zufrieden bist, nachdem du deinen eigenen Button erstellt hast, kannst du auch die Annahme von Spenden über PayPal oder Bitcoin in Betracht ziehen. In diesem Leitfaden haben wir alle Vor- und Nachteile der Verwendung von Stripe oder PayPal gesammelt.

Gibt es noch weitere Fragen zum Hinzufügen eines Spenden-Buttons zu deiner WordPress-Seite? Oder benötigst du andere Funktionen, die wir nicht abgedeckt haben? Hinterlasse einen Kommentar und wir versuchen, dir zu helfen!


Wenn Dir dieser Artikel gefallen hat, dann wirst du Kinsta’s WordPress Hosting-Plattform lieben. Beschleunige deine Webseite und erhalte 24/7 Support von unserem erfahrenen WordPress-Team. Unsere Google Cloud basierte Infrastruktur konzentriert sich auf die Bereiche Auto-Scaling, Performance und Sicherheit. Lass uns dir den Kinsta-Unterschied zeigen! Schau Dir hier unsere Pakete an