So erstellen Sie ein Online-Verpflichtungsformular in WordPress (einfach)

Veröffentlicht: 2020-11-16

Möchten Sie ein Online-Zusageformular in WordPress erstellen? Spendenformulare sind sehr hilfreich, wenn Sie Geld für einen dringenden Zweck sammeln möchten.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Online-Zusageformular für Ihre WordPress-Site erstellen. Wir zeigen Ihnen auch, wie einfach es ist, Einträge zu überprüfen, damit Sie Ihre Spenden sammeln können.

Erstellen Sie jetzt Ihr WordPress-Zusageformular

Was ist der Unterschied zwischen einer Zusage und einer Spende?

Spendenformulare eignen sich hervorragend für Spendenaktionen, die ein Ziel oder eine Frist haben. Normalerweise verspricht der Unterstützer eine Spende, wenn das Ziel erreicht wird.

Spendenformulare sind etwas anders. Auf einem Spendenformular nimmt die gemeinnützige Organisation die Zahlung normalerweise sofort entgegen.

Zusageformulare haben den Vorteil, dass sie schnell und einfach ausgefüllt werden können, was für einen dringenden Anlass ideal ist. Sie können Kontaktdaten von Unterstützern sammeln und speichern, bis Sie bereit sind, ihre Zahlung einzuziehen.

WPForms ist das beste WordPress Form Builder-Plugin. Erhalte es kostenlos!

Zusageformulare eignen sich auch perfekt für verschiedene Arten von Spendenaktionen, wie zum Beispiel:

  • Gesponserte Sportveranstaltungen oder Challenges
  • Finanzierungskampagnen abgleichen
  • Crowdfunder
  • Und mehr.

In diesem Tutorial erstellen wir ein Sponsorenformular für eine Schulveranstaltung. Sie können das gleiche Verfahren ganz einfach für jede geplante Spendenaktion verwenden.

So erstellen Sie ein Online-Zusageformular in WordPress

Das WPForms-Plugin macht es einfach, viele Arten von WordPress-Formularen zu erstellen. Werfen wir einen Blick auf die Schritte, die wir durchlaufen werden, um ein Versprechensformular zu erstellen:

  1. Installieren und aktivieren Sie das WPForms-Plugin
  2. Gestalten Sie Ihr Verpflichtungsformular
  3. Benachrichtigungen für Pfandformulare einrichten
  4. Legen Sie das Abschlussdatum Ihres Pfandformulars fest
  5. Veröffentlichen Sie Ihr Verpflichtungsformular
  6. Sammeln Sie Spenden von Ihren Unterstützern

Beginnen wir mit der Installation des Plugins.

Schritt 1: Installieren und aktivieren Sie das WPForms-Plugin

Um zu starten, installieren und aktivieren Sie das WPForms-Plugin auf Ihrer Website.

Wenn Sie Hilfe benötigen, springen Sie zu dieser Anleitung für Anfänger zur Installation eines Plugins in WordPress.

Als nächstes installieren wir 2 WPForms-Addons. Dies ist optional, macht es aber viel einfacher, das Formular zu erstellen.

Fahren Sie fort und klicken Sie auf WPForms » Addons , um zu starten.

WPForms-Addons

Lassen Sie uns zuerst das Forms Template Pack-Add-On installieren und aktivieren. Dieses Addon enthält über 100 Formularvorlagen, einschließlich einer Online-Verpflichtungsformularvorlage, die wir später verwenden werden.

Klicken Sie einfach hier auf die Schaltfläche, um das Vorlagenpaket zu installieren.

WPForms-Formularvorlagenpaket-Addon

Bleiben Sie auf dieser Seite und installieren Sie als nächstes das Form Locker Addon. Wir verwenden dies, um sicherzustellen, dass unser Zusageformular am Ende der Spendenaktionsfrist endet.

Wie zuvor möchten Sie das Form Locker-Addon in der Liste finden und klicken, um es zu installieren.

WPForms Formular-Locker-Addon

Okay, wir sind fertig. Öffnen wir jetzt die Formularvorlage.

Schritt 2: Gestalten Sie Ihr Online-Zusageformular

WPForms macht es einfach, jede Art von Formular zu erstellen. Und weil wir das Add-On Formularvorlagen installiert haben, können wir beim Design einen Vorsprung haben.

Verwenden wir also die Vorlage Pledge Drive Form, um die Dinge zu beschleunigen.

Starten Sie in Ihrem WordPress-Dashboard. Klicken Sie links auf WPForms » Neu hinzufügen .

Neues Online-Zusageformular hinzufügen

Der Formulargenerator wird in einem Vollbildfenster geöffnet. Geben Sie oben einen Namen für Ihr Formular ein.

Geben Sie einen Namen für Ihr Online-Zusageformular ein

Scrollen Sie als Nächstes nach unten zum Abschnitt Zusätzliche Vorlagen . Dieser Abschnitt enthält alle Vorlagen, die wir mit dem Form Templates Pack installiert haben.

Gehen Sie weiter und suchen Sie nach 'Verpfändung'. Klicken Sie dann auf die Vorlage Pledge Drive, um sie zu öffnen.

Öffnen Sie die Vorlage für das Online-Zusageformular

Groß! Die Vorlage wird im Formular-Builder geöffnet, damit Sie mit der Arbeit beginnen können.

Vorlage für Online-Zusageformular

Sie werden feststellen, dass Ihr Pfandformular auf der rechten Seite bereits die folgenden Felder eingerichtet hat:

  • Name
  • Email
  • Telefon
  • Die Anschrift
  • Zusagebetrag („Ich verspreche Unterstützung für diese Kampagne als…“)
  • In Erinnerung an
  • Zu Ehren von

Sie können diese Vorlage direkt nach dem Auspacken verwenden, wenn Sie möchten. Wir werden es anpassen, um Ihnen zu zeigen, wie Sie Ihre eigenen Felder hinzufügen.

Fügen Sie eine Liste von Pfandbeträgen hinzu

Wir möchten, dass das Formular für die Zusage sehr einfach auszufüllen ist. Um den Leuten zu helfen, fügen wir ein Dropdown-Menü hinzu, damit es einfach ist, eine Zusage aus einer Liste auszuwählen.

Entfernen wir zunächst das Multiple-Choice-Feld für „Ich verspreche Unterstützung für diese Kampagne als…“.

Fahren Sie einfach mit der Maus über das Feld und klicken Sie auf den Papierkorb.

Löschen Sie ein Feld in Ihrem Online-Zusageformular

Ziehen Sie als Nächstes ein Dropdown-Menü auf Ihr Formular. Lassen Sie uns den Beschriftungstext in Pfandbetrag ändern und einige Optionen hinzufügen.

Dropdown-Liste für den Online-Pfandbetrag

Das ist es! Jetzt können Unterstützer schnell eine Zusage auswählen. Aber was ist mit benutzerdefinierten Beträgen?

Fügen wir ein Feld hinzu, in das die Leute ihr eigenes Versprechen eingeben können.

Fügen Sie ein benutzerdefiniertes Zusagefeld hinzu

Jetzt fügen wir ein Feld für benutzerdefinierte Zusagen hinzu. Wir möchten, dass dieses Feld nur angezeigt wird, wenn der Benutzer es verwenden möchte.

Dazu können wir eine einfache bedingte Logik verwenden.

Beginnen wir damit, der Dropdown-Liste eine weitere Antwortoption hinzuzufügen. Klicken Sie auf das Plus-Symbol, um es unter Ihren Spendenbeträgen hinzuzufügen.

Anstatt einen Betrag hinzuzufügen, geben Sie einfach Other ein .

Fügen Sie ein anderes Feld zu Ihrem Online-Zusageformular-Dropdown-Menü hinzu

Ziehen Sie als Nächstes ein Zahlenfeld auf den Formulargenerator. Legen wir es unter das Dropdown-Menü.

Klicken Sie einmal auf das Zahlenfeld und ändern Sie die Beschriftung in Ihr Pfandbetrag .

Feld für benutzerdefinierten Pfandbetrag

Jetzt müssen wir WPForms anweisen, dieses Feld anzuzeigen, wenn die Dropdown-Auswahl Andere ist .

Klicken Sie dazu einmal auf das Zahlenfeld, um dessen Einstellungen auf der linken Seite zu öffnen. Sie sollten ganz nach unten zu Bedingungen scrollen.

Klicken Sie hier auf das Kontrollkästchen, um die bedingte Logik für das Feld zu aktivieren.

Bedingte Logik für Pfandbetragsfeld aktivieren

Wir sind fast fertig. Unter bedingter Logik verwenden wir die Dropdowns, um WPForms anzuweisen, das Zahlenfeld nur anzuzeigen, wenn der Unterstützer Andere als seinen Pfandbetrag auswählt.

Um das zu tun, werden Sie auswählen möchten ‚anzeigen dieses Feld , wenn Pledge Betrag ist Andere‘.

Bedingte Logikeinrichtung für Online-Zusageformular

Groß! Jetzt haben wir ein optionales benutzerdefiniertes Spendenfeld in unserem Zusageformular. Wir werden dies später testen, wenn wir das Formular veröffentlichen.

Felder für Kommentare und Begriffe hinzufügen

Als Nächstes entfernen wir die Textfelder für „In Memory Of“ und „In Honor Of“. An ihrer Stelle fügen wir ein einzeiliges Textfeld hinzu, damit wir den Namen des Kindes eingeben können, das wir sponsern werden.

Fügen Sie Ihrem Sponsorenformular Details hinzu

Ist Ihnen aufgefallen, dass wir hinter dem Feld ein rotes Sternchen * ? Wenn Sie sicher sein möchten, dass die Felder ausgefüllt sind, vergessen Sie nicht, das Kontrollkästchen Erforderlich anzuklicken.

Abhängig vom Status Ihrer gemeinnützigen Organisation müssen Sie möglicherweise auch einige rechtliche Bestimmungen oder Haftungsausschlüsse zu Ihrem Formular hinzufügen. WPForms macht es einfach zu erstellen:

  • Ein Kontrollkästchen zur DSGVO-Vereinbarung
  • Ein Kontrollkästchen für Allgemeine Geschäftsbedingungen

Im Moment sind wir mit der Bearbeitung unseres Online-Zusageformulars fertig. Vergessen Sie nicht , Speicher an der Spitze der Formular - Builder klicken , um Ihren Fortschritt so weit zu speichern.

Schritt 3: Benachrichtigungen zum Pfandformular einrichten

Lassen Sie uns nun die Benachrichtigungs-E-Mails einrichten, die gesendet werden, wenn das Online-Zusageformular gesendet wird.

Klicken Sie zum Starten auf der linken Seite des Formularerstellers auf Einstellungen .

Öffnen Sie Ihre Einstellungen für das Online-Zusageformular

Klicken Sie dann auf Benachrichtigungen , um die E-Mail-Einstellungen zu öffnen.

Benachrichtigungseinstellungen für das Pfandformular öffnen

Standardmäßig verfügt WPForms über eine Benachrichtigung, die an die Administrator-E-Mail in WordPress gesendet wird.

Wenn Sie für Ihre Benachrichtigung eine andere E-Mail-Adresse eingeben möchten, können Sie diese ganz einfach ändern. Löschen Sie das Tag {admin_email} und geben Sie die Adresse ein, die Sie verwenden möchten.

Standard-E-Mail-Benachrichtigung für Online-Zusageformular

Als Nächstes fügen wir eine weitere Benachrichtigung hinzu. Wir werden dem Unterstützer eine E-Mail senden, wenn er zusagt.

Klicken Sie dazu auf die blaue Schaltfläche Neue Benachrichtigung hinzufügen.

Neue Benachrichtigung zum Online-Zusageformular hinzufügen

Geben wir der neuen Benachrichtigung einen eindeutigen Namen, damit wir sie später leicht finden können.

Zusageformular Danke E-Mail-Name

Jetzt sehen Sie 2 Benachrichtigungen übereinander. Lassen Sie uns den neuen bearbeiten.

Im Feld " Senden an E-Mail-Adresse" verwenden wir das E-Mail- Smarttag. Auf diese Weise sendet WPForms diese Benachrichtigung automatisch an die E-Mail-Adresse des Unterstützers.

E-Mail-Smart-Tag zur Benachrichtigung über das Versprechensformular hinzufügen

Sie können auch den Text im Betreff und E-Mail-Text anpassen, wenn Sie möchten.

Okay das ist alles. Alles ist eingerichtet. Lassen Sie uns auf Speichern klicken.

Jetzt können wir das Abschlussdatum auf dem Formular festlegen.

Schritt 4: Legen Sie das Abschlussdatum Ihres Pfandformulars fest

Wenn Sie Ihr Online-Zusageformular zum Sammeln von Sponsoring vor einer Veranstaltung verwenden, ist es sinnvoll, das Formular am Veranstaltungsdatum zu schließen.

Dies ist auch eine großartige Technik für Crowdfunding-Versprechensformulare. Es fügt ein wenig Dringlichkeit und FOMO hinzu.

Wir werden das Form Locker-Addon verwenden, da wir damit ganz einfach ein Ablaufdatum zu Ihrem Formular hinzufügen können.

Klicken Sie also im Einstellungsfenster auf Form Locker .

Form Locker-Einstellungen in WPForms

Klicken Sie nun auf Zeitplanung aktivieren .

Formularplanung für Spendenaktion aktivieren

Und jetzt legen wir das Abschlussdatum für das Formular mithilfe von Enddatum und Endzeit fest.

Legen Sie in Ihrem Formular einen Abgabeschluss für Spenden fest

Denken Sie daran: Dieses Feld verwendet die Zeitzone, die in WordPress eingerichtet ist. Wenn Sie die Zeiteinstellungen überprüfen müssen, finden Sie hier eine Anleitung zum Ändern von Uhrzeit und Datum in WordPress.

An diesem Datum wird das Formular automatisch geschlossen und das Formular verschwindet. Wenn dies geschieht, wird stattdessen die Geschlossen-Meldung angezeigt.

Unter Datum und Uhrzeit können Sie die Geschlossene Nachricht anpassen. Wir werden einen Link zu unserem regulären Spendenformular hinzufügen, damit unsere Unterstützer weiterhin die Möglichkeit haben, dem Fonds Geld zu spenden.

Online-Zusageformular geschlossen Nachricht

Sie haben noch keine Spendenseite? Hier sind einige großartige Beispiele für Spendenseiten, die Sie als Inspiration verwenden können.

Okay, wir sind fertig. Jetzt müssen wir nur noch das Pfandformular auf Ihrer Website veröffentlichen.

Schritt 5: Veröffentlichen Sie Ihr Online-Zusageformular

Jetzt ist Ihr Versprechensformular vollständig. Lassen Sie es uns auf Ihrer WordPress-Site veröffentlichen.

Klicken Sie zunächst oben im Formular- Generator auf die Schaltfläche Einbetten .

Betten Sie Ihr Online-Zusageformular in WordPress ein

Wenn diese Benachrichtigung angezeigt wird, klicken wir auf Neue Seite erstellen .

Erstellen Sie eine Online-Zusageseite

Als nächstes fordert WPForms Sie auf, Ihre Seite zu benennen. Geben Sie den Titel der Seite in das Feld ein und klicken Sie auf Los geht's .

Erstellen Sie Ihre Online-Zusageformularseite

WPForms öffnet eine neue Seite für Ihr Formular.

Bevor Sie es veröffentlichen, möchten Sie vielleicht einen kleinen Inhalt zur Erklärung hinzufügen:

  • Die Sache, die Sie unterstützen
  • Informationen zu Ihrer Deadline – das verleiht Ihrer Kampagne mehr Dringlichkeit
  • Der Auslöser für die Annahme von Zusagen, wenn Sie eine haben
  • Alle Belohnungen oder Versprechensstufen.

Alles bereit? Veröffentlichen oder Aktualisieren an der Spitze Lassen Sie uns Sie auf das Formular auf Ihrer Website zu veröffentlichen.

Veröffentlichen Sie Ihr Online-Zusageformular in WordPress

Jetzt können Sie den Link zu Ihrem Formular freigeben und mit dem Sammeln von Zusagen beginnen!

So sieht unser fertiges Online-Zusageformular aus. Dies sind die benutzerdefinierten Felder, die wir zuvor hinzugefügt haben.

Beachten Sie, wie wir Andere ausgewählt haben, sodass das zusätzliche Feld für die Eingabe eines benutzerdefinierten Versprechens angezeigt wurde.

Online-Zusageformular in WordPress veröffentlicht

Damit ist das Formular fertig. Aber der wichtigste Schritt steht noch bevor. Wir müssen Ihre Spenden sammeln! Schauen wir uns an, wie WPForms dabei helfen kann.

Schritt 6: Sammeln Sie Spenden von Ihren Unterstützern

Wenn Sie alle Ihre Zusagen erfüllt haben, möchten Sie zurückgehen und Ihren Unterstützern eine E-Mail senden, um ihre Spenden zu sammeln.

Bei jeder kostenpflichtigen Lizenz speichert WPForms Ihre Kontaktformulardaten in der WordPress-Datenbank. So können Sie diese ganz einfach in eine CSV-Datei exportieren, um sie in Excel zu öffnen.

Um Ihre Einträge anzuzeigen, gehen Sie zurück zum WordPress-Dashboard und klicken Sie auf WPForms » Einträge .

Anzeigen von Online-Pflichtformulareinträgen in WPForms

Klicken Sie hier auf den Namen Ihres Formulars, um eine Liste aller Einträge zu öffnen.

Anzeigen von Online-Pflichtformulareinträgen in WPForms

Jetzt können Sie alle Ihre Zusagen an einem Ort sehen.

Von hier aus können Sie Formulareinträge in CSV exportieren, um alle Kontaktdaten Ihrer Unterstützer in Excel oder Google Sheets anzuzeigen.

Exportieren Sie Online-Zusagen nach Excel

Auf dem Bildschirm Einträge können Sie auch mit Einträgen in WordPress arbeiten. Sie können beispielsweise:

  • Klicken Sie auf das Sternsymbol neben den Formulareinträgen, die Sie nachverfolgen müssen
  • Bearbeiten Sie einen Eintrag, wenn ein Sponsor seine Spenden- oder Kontaktdaten ändern möchte
  • Durchsuchen und filtern Sie die Liste der Formulareinträge, um bestimmte Zusagen zu finden.

Und das ist es! Jetzt haben Sie alle Informationen, die Sie benötigen, um eine erfolgreiche Spendenaktion mit einem Spendenformular durchzuführen.

Wenn Sie Salesforce for Nonprofits verwenden, lesen Sie unseren Leitfaden zu hilfreichen Salesforce-Integrationen, mit denen Sie Zeit sparen können.

Erstellen Sie jetzt Ihr WordPress-Zusageformular

Nächster Schritt: Mehr Conversions für Nonprofit-Formulare

Jetzt haben Sie Ihr Zusageformular eingerichtet und möchten mehr Menschen dazu bringen, zuzusagen und zu spenden. Sehen Sie sich unsere Insider-Taktiken an, um die Conversions von Nonprofit-Formularen zu steigern.

Und vergessen Sie nicht, ein Online-Formular für die Modelfreigabe zu erstellen. Auf diese Weise können Sie Fotos von Ihren Spendenaktionen legal auf Ihrer Website verwenden.

Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formular-Builder-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel weitergeholfen hat, folgen Sie uns bitte auf Facebook und Twitter, um weitere kostenlose WordPress-Tutorials und -Anleitungen zu erhalten.