X

So erstellen Sie ein WordPress-Spendenformular (Schritt für Schritt)

Wie man ein Spendenformular in WordPress erstellt

Möchten Sie ein Spendenformular in WordPress erstellen? Egal, ob Sie eine gemeinnützige Organisation sind oder einfach nur etwas Hilfe benötigen, das Hinzufügen eines Spendenformulars zu Ihrer Website muss keine lästige Pflicht sein.

Es gibt viele Möglichkeiten, Ihrer Website ein Spendenformular hinzuzufügen. Wir verwenden eine Methode, die so einfach und unkompliziert ist, dass jeder sie in wenigen Minuten einrichten kann.

So erstellen Sie ein benutzerdefiniertes Spendenformular in WordPress

Mit seinem intuitiven Drag-and-Drop-Builder ist WPForms der beliebteste Formular-Builder für WordPress. Es ist einfach zu bedienen und enthält alles, was Sie benötigen, um ein schönes Spendenformular zu erstellen, das auch funktioniert.

wpforms Homepage

Sie benötigen entweder das PayPal- oder das Stripe-Addon für WPForms, um Zahlungen auf Ihrem Spendenformular abzuwickeln. Beide sind in der Pro-Version des WPForms-Plugins enthalten.

Bei IsItWP glauben wir daran, unseren Benutzern Optionen zu geben. Wir glauben, dass WPForms das Beste ist, aber wenn Sie nach weiteren Optionen suchen, empfehlen wir die Verwendung von WP Simple Pay. Es ist einfach zu bedienen und sie haben eine kostenlose Version, mit der Sie ein Spendenformular erstellen können. Folgen Sie diesem Tutorial: Erstellen Sie ein Spendenformular mit WP Simple Pay.

Da Sie eine Spendenseite betreiben, möchten Sie vielleicht auch WP Charitable ansehen. Es ist zweifellos die beste Lösung für Wohltätigkeitsorganisationen und NGOs. Sie können Ihre Spendenformulare mit nur wenigen Klicks erstellen. Wir sprechen am Ende des Beitrags mehr über Alternativen für Spendenformulare.

Der Grund, warum wir WPForms ausgewählt haben, ist, dass Sie dieses Plugin weiterhin verwenden können, um alle Arten von Formularen zu erstellen, wie z. B. Kontakt-, Feedback-, Testimonial- und sogar Produktformulare. Es gibt sogar eine Option, Umfragen und Abstimmungen durchzuführen.

Damit wollen wir mit dem Tutorial beginnen.

Schritt 1: WPForms installieren und aktivieren

Um zu beginnen, müssen Sie sich für ein WPForms-Konto anmelden. Besuchen Sie also die WPForms-Website und wählen Sie einen Plan, der eine Zahlungsintegration wie PayPal oder Stripe beinhaltet.

Sobald dies erledigt ist, erhalten Sie eine Plugin-Datei zum Hochladen auf Ihre Website. Sie müssen hier auch Ihren Lizenzschlüssel kopieren.

wpforms-pro-lizenz

Sie wissen nicht, wie man ein Plugin installiert und aktiviert? Wir haben eine vollständige Anleitung zur Installation eines Plugins in WordPress.

Wenn WPForms auf Ihrer Website aktiviert ist, können Sie Ihren Lizenzschlüssel auf der Seite WPForms » Einstellungen einfügen.

wpforms-Lizenz überprüfen

Jetzt sind Sie bereit, das Spendenformular zu erstellen.

Schritt 2: Ein Spendenformular in WordPress erstellen

Um ein neues Formular zu erstellen, klicken Sie in Ihrem WordPress-Dashboard auf WPForms » Neu hinzufügen.

Dies öffnet eine Vorlagenbibliothek. Sie können nach einer Vorlage für ein Spendenformular suchen, sie in der Vorschau anzeigen und auswählen.

PayPal-Spendenformular

Sie sehen wahrscheinlich ein Popup, das Sie auffordert, ein Zahlungs-Addon zu aktivieren. Sie können auf die Schaltfläche „Ja, installieren und aktivieren“ klicken.

PayPal Commerce Add-on aktivieren

Nun startet der Formular-Builder. Sie sehen eine Vorschau Ihres Formulars zusammen mit Optionen zur Anpassung.

Standardvorlage für Spendenformulare

Standardmäßig enthält die ausgewählte Vorlage für das Spendenformular Felder für:

  • Name
  • E-Mail
  • Spendenbetrag
  • Kommentar oder Nachricht

Sie können das Formular einfach anpassen, indem Sie neue Felder per Drag & Drop in die Formularvorschau ziehen. Sie können die Felder auch schnell neu anordnen.

In dieser Vorlage ist das Feld „Spendenbetrag“ ein Feld für einzelne Artikel, mit dem Benutzer jeden Betrag eingeben können, den sie beitragen möchten. Sie können dies verwenden, wenn Sie möchten, aber wir möchten Ihnen auch die erweiterten Optionen zeigen, die WPForms bietet.

Für dieses Tutorial zeigen wir Ihnen, wie Sie dieses Feld in ein Feld für mehrere Auswahlmöglichkeiten ändern, sodass Sie die Beträge kontrollieren können, die Benutzer spenden dürfen.

Wählen Sie dazu im Abschnitt Felder hinzufügen » Zahlungsfelder das Feld „Mehrere Artikel“ aus und ziehen Sie es in Ihre Formularvorschau.

Mehrere Artikel in WPForms

Sie können das alte Spendenfeld löschen, da wir es nicht mehr benötigen.

Um das Feld „Mehrere Elemente“ zu bearbeiten, klicken Sie einfach darauf. Im linken Bereich sehen Sie Optionen zum Bearbeiten des Feldes. Sie können die Bezeichnung ändern, um „Spendenbetrag auswählen“ anzuzeigen. Geben Sie von dort die gewünschten Elemente und Beträge ein.

Optionen für mehrere Artikel in WPForms

Wenn Sie den Spendenbetrag neben jedem Element anzeigen möchten, aktivieren Sie „Preis nach Elementbezeichnungen anzeigen“.

Als Nächstes möchten Sie vielleicht ein Bild für jede Kampagne oder jeden Betrag hinzufügen. Wenn Sie „Bildauswahlen verwenden“ aktivieren, sehen Sie Optionen zum Hochladen von Bildern für jedes Element.

Bilder zum Spendenformular hinzufügen

Bevor wir mit der Anpassung des Formulars fortfahren, möchten Sie dieses Feld vielleicht als Pflichtfeld festlegen. Das bedeutet, dass jemand, der das Formular absenden möchte, dieses Feld ausfüllen muss.

Scrollen Sie zum Ende des linken Menüs, und Sie sehen einen Schalter namens „Erforderlich“.

Pflichtfeld in WPForms erstellen

Durch die Aktivierung dieser Option kann ein Benutzer das Formular nicht absenden, es sei denn, er wählt einen Spendenbetrag aus.

Nun, abgesehen von all dem, gibt es eine wirklich coole Funktion namens bedingte Logik in WPForms, die wir Ihnen zeigen möchten.

Gehen Sie zum Feld Intelligente Logik oben im Menü. Aktivieren Sie hier die bedingte Logik, und es erscheinen Optionen.

Wir möchten zum Beispiel in unserem Formular unsere Benutzer zuerst fragen, ob sie eine Spende tätigen möchten. Wenn sie Ja auswählen, möchten wir ihnen Spendenoptionen anzeigen.

Dafür haben wir ein Feld für mehrere Elemente hinzugefügt und es als „Möchten Sie eine Spende tätigen?“ bezeichnet und Ja/Nein-Optionen hinzugefügt.

Bedingte Logik hinzufügen

Dann haben wir das Feld „Spendenbetrag auswählen“ ausgewählt. Unter den Einstellungen für intelligente Logik für dieses spezielle Formularfeld haben wir angegeben: „Dieses Feld anzeigen, wenn ‚Möchten Sie eine Spende tätigen?‘ ‚Ja‘ ist“.

Dieses Spendenfeld wird nun nur angezeigt, wenn der Benutzer Ja zur Spende sagt.

Ziemlich raffiniert, oder?

Wenn Sie fertig sind, speichern Sie Ihre Änderungen und fahren Sie mit dem nächsten Schritt fort. Es ist Zeit, die Zahlungsabwicklungen einzurichten.

Schritt 3: Zahlungsabwicklung einrichten

In diesem Tutorial zeigen wir Ihnen, wie Sie PayPal einrichten, da es am beliebtesten ist. Denken Sie daran, dass die Einrichtung von Stripe und anderen Zahlungs-Gateways praktisch dem gleichen Prozess folgt.

Da Sie sich immer noch auf dem Formular-Bearbeitungsbildschirm befinden, können Sie einfach auf die Registerkarte Zahlungen auf der linken Seite klicken und dann auf PayPal Standard.

PayPal Standard WPForms

Geben Sie auf der rechten Seite des Bildschirms Ihre Einstellungen ein. Überprüfen Sie zuerst, ob die Zahlungen über PayPal Standard aktiviert sind. Wählen Sie dann im Dropdown-Menü „Zahlungstyp“ die Option Spende aus.

PayPal Standard aktivieren

Geben Sie Ihre Daten nach Bedarf ein. Klicken Sie dann auf Speichern, wenn Sie fertig sind, und gehen Sie zum vorletzten Schritt.

Schritt 4: Benachrichtigungen anpassen

WPForms ermöglicht es Ihnen, automatisierte E-Mail-Benachrichtigungen einzurichten. Sie können Benachrichtigungen erstellen, die an Sie, Ihr Team und den Spender gesendet werden.

Gehen Sie zu Einstellungen » Benachrichtigungen, um zu beginnen.

Standardmäßig wird eine Benachrichtigung an Sie, den Website-Administrator, gesendet. Aber indem Sie auf Neue Benachrichtigung hinzufügen klicken, können Sie eine separate Benachrichtigung für den Spender erstellen.

Benachrichtigungen in WPForms hinzufügen

Benennen Sie Ihre Benachrichtigung. Klicken Sie dann neben E-Mail-Adresse senden auf Smart-Tags anzeigen. Wählen Sie in der erscheinenden Liste E-Mail aus.

Von dort scrollen Sie einfach nach unten und passen Sie die Nachricht an, die Ihre Spender erhalten sollen.

Spendenbestätigungs-E-Mail

Auch hier ermöglicht Ihnen WPForms die Verwendung von bedingten Logiken. Wir möchten beispielsweise eine angepasste E-Mail an Spender senden, die den gesamten Monatsbedarf an Mahlzeiten sponsern. Zuerst haben wir einfach eine neue Benachrichtigung hinzugefügt und die Nachricht angepasst.

Dann haben wir die bedingte Logik aktiviert und gewählt, diese Benachrichtigung zu senden, wenn 'Wählen Sie Ihren Spendenbetrag' 'Monatliche Mahlzeiten sponsern' ist.

Bedingte Logik im Spendenformular aktivieren

Grundsätzlich können Sie mit dieser Einstellung diese E-Mail nur senden, wenn der Benutzer ein bestimmtes Feld im Formular auswählt.

Klicken Sie auf Speichern und gehen Sie dann zum letzten Schritt.

Alles, was jetzt noch zu tun ist, ist das Formular auf Ihrer Website einzufügen. Sie sind fast fertig!

Schritt 5: Fügen Sie Ihr Spendenformular zu Ihrer WordPress-Website hinzu

Sie können Ihr Spendenformular in jeden Beitrag, jede Seite oder jeden Widget-fähigen Bereich (Seitenleiste/Kopfzeile/Fußzeile) einbetten.

Für dieses Tutorial fügen wir das Formular zu einer WordPress-Seite hinzu.

Gehen Sie zuerst zu Seiten » Neu hinzufügen. Benennen Sie Ihre Seite und fügen Sie dann einen neuen Block hinzu. Suchen Sie nun nach WPForms und wählen Sie den Block aus. Dies gibt Ihnen ein Dropdown-Menü, um das gerade erstellte Formular auszuwählen.

WPForms Block-Editor

Möchten Sie Ihr Formular lieber in Ihrer Seitenleiste haben? Kein Problem. Gehen Sie einfach zu Darstellung » Widgets und ziehen Sie das WPForms-Widget in Ihren Seitenleistenbereich.

WPForms zur Seitenleiste hinzufügen

Wählen Sie das von Ihnen erstellte Formular aus dem Dropdown-Menü in den Widget-Einstellungen aus. Klicken Sie dann auf Speichern. Das war's! Jetzt ist Ihr Spendenformular in Ihrer Seitenleiste.

WPForms unterstützt auch Shortcodes, falls Sie diese benötigen.

Zusätzlich gibt es einen Eintragverwaltungs-Tab, mit dem Sie jede Formularübermittlung anzeigen, bearbeiten und löschen können. Dort sehen Sie auch integrierte Statistiken.

Wir hoffen, dieser Beitrag hat Ihnen geholfen zu lernen, wie Sie ein Spendenformular in WordPress erstellen.

Alternativen zum Erstellen eines Spendenformulars

Wenn Sie nach weiteren Optionen zum Erstellen Ihres Spendenformulars suchen, sehen Sie sich unsere Liste an: 12 beste WordPress-Spenden-Plugins für Online-Fundraising.

Unsere Top 2 Auswahlmöglichkeiten sind:

1. WP Simple Pay

Es ermöglicht Ihnen, einmalige und wiederkehrende Spenden über mehrere Zahlungsoptionen zu akzeptieren, einschließlich Apple Pay, Google Pay und Microsoft Pay. Sie können ein Spendenformular wie dieses erstellen:

WP Simple Pay Spendenformular

Sie können den Drag-and-Drop-Formularersteller verwenden, um ein Online-Spendenformular mit nur wenigen Klicks einzurichten. Das Formular ist vollständig anpassbar mit einem Abonnementplan, um verschiedene Spendenbeträge und Spendenkategorien anzubieten. Es ermöglicht Ihnen auch, Benutzern anzubieten, einen benutzerdefinierten Spendenbetrag hinzuzufügen, und Sie können einen Mindest- oder Standardbetrag für Spender angeben.

Sehen Sie sich unsere vollständige WP Simple Pay Bewertung für weitere Details an.

2. WP Charitable

WP Charitable ist die beste Lösung für jede NGO- oder Wohltätigkeits-Website, da sie Ihnen ermöglicht, vollwertige Spendenkampagnen einzurichten. Das Beste daran ist, dass es eine kostenlose Version dieses Plugins gibt, die sehr funktionsreich ist.

Sie können spendenbasierte Kampagnen erstellen, die zeitlich begrenzt und zielorientiert sind. Hier ist eine Beispiel-Spendenkampagne, um Ihnen ein besseres Bild zu geben:

WP Charitable Kampagne

Es ist ein leistungsstarkes Werkzeug und einen Blick wert. Mehr über dieses Spenden-Plugin erfahren Sie in unserem vollständigen WP Charitable Testbericht.

Das ist alles für heute. Vielleicht möchten Sie auch unsere verwandten Anleitungen sehen:

Diese Anleitungen helfen Ihnen, Ihre Spendenformulare und -kampagnen zu verbessern.

Kommentare   Antworten

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen möchten. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links Nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.

WordPress Start-Checkliste

Die ultimative WordPress Launch Checkliste

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengestellt.
Ja, senden Sie mir das kostenlose E-Book!