WordPress ist die ideale Plattform für Wohltätigkeitsorganisationen und gemeinnützige Organisationen.

Es ist kostenlos und Open Source und Sie haben Zugriff auf eine riesige Community von Benutzern und Entwicklern, die Ihnen beim Erstellen und Verwalten Ihrer Website helfen können.

Aber eine der wichtigsten Funktionen von a Website für viele gemeinnützige Organisationen ist es, Menschen zu ermutigen, Geld zu spenden.

In diesem Tutorial werde ich Ihnen genau zeigen, wie das geht. Wir werden drei Stufen durchlaufen:

• Installation und Konfiguration von zwei Plugins, darunter ein Link zu PayPal.
• Schaffung eines Formular mit Spendenmöglichkeit.
• Erstellen einer Spendenseite und Hinzufügen des Formulars

Also fangen wir an!

Installieren von Plugins

Der nächste Schritt ist die Installation und Aktivierung der Plugins, die Sie zum Erstellen Ihrer Spendenseite benötigen. Ich benutze das Plugin " Gravity Forms ". Sie müssen auch ein Plugin installieren, das die verknüpft Formen Gravity Forms to PayPal (was wir mit einer verlängerung machen werden).

Dies sind Premium-Plugins und Sie benötigen eine Entwicklerlizenz für die PayPal-Erweiterung. Sie enthalten jedoch Funktionen, die die Menschen dazu ermutigen, mehr zu geben und sich im Laufe der Zeit selbst bezahlen müssen. Ich habe versucht, eine zu erstellen Formular Spende mit kostenlosen Plugins und sie funktionierten nicht wie erwartet.

Installieren und aktivieren Sie nun Ihre Plugins, indem Sie sie von der Plugin-Site herunterladen Gravity Forms Und laden Sie sie auf Ihre Website herunter. Entdecken Sie unser Tutorial auf wie eine Wordpress-Plugin installieren.

Konfigurieren von Gravity Forms

Zuerst müssen Sie Gravity Forms konfigurieren und Ihren Lizenzschlüssel hinzufügen. Gehe zu " Formulare> Einstellungen Und Sie werden ein Feld für Ihren Schlüssel sehen. Wahrscheinlich haben Sie Ihren Schlüssel bei der Registrierung erhalten. Fügen Sie es diesem Feld hinzu und klicken Sie auf Weiter.

Klicken Sie im Bildschirm "Updates" auf " folgende »Um automatische Updates zu erhalten, fügen Sie im nächsten Bildschirm die von Ihnen verwendete Währung hinzu. Klicke auf " folgende Schon wieder.

Verknüpfen Sie Gravity Forms mit PayPal

Bevor Sie Paypal zu Ihrem Konto hinzufügen können Formular, müssen Sie die Einstellungen konfigurieren, um Paypal und Gravity Forms zu verknüpfen.

Gehe zu " Gravitationsformulare> Einstellungen Wählen Sie in den Registerkarten links PayPal aus, um die Einstellungen anzuzeigen:

Dieser Bildschirm enthält Anweisungen, die Sie befolgen müssen, um Gravitiy Forms mit PayPal zu verbinden:

Gehen Sie zur Einstellungsseite PayPal IPN Über den angegebenen Link.

Wenn das IPN bereits aktiviert ist, werden Ihre aktuellen IPN-Einstellungen mit einer Schaltfläche zum Deaktivieren des IPN angezeigt. Aktivieren Sie einfach das Bestätigungsfeld.

Wenn IPN nicht aktiviert ist, klicken Sie auf die Schaltfläche Wählen Sie IPN-Einstellungen ».

Aktivieren Sie das Kontrollkästchen, um IPN zu aktivieren, und geben Sie die Benachrichtigungs-URL ein, die in Ihren Paypal-Einstellungen angegeben ist (Kopieren und Einfügen).

Auf diese Weise können Paypal- und Schwerkraftformulare Daten austauschen. Ihre Paypal-Seite sollte folgendermaßen aussehen:

Wenn Sie dies alles getan haben, aktivieren Sie das Kontrollkästchen, um zu bestätigen, dass Sie Paypal- und Schwerkraftformulare verknüpft haben.

Jetzt können Sie Ihre Seite und Ihr Formular erstellen.

Erstellen Sie das Spendenformular

Jetzt müssen Sie zuerst Ihr Formular erstellen und es dann Ihrer Spendenseite hinzufügen.

Erstellung des Formulars

Gehen Sie in den Administrationsbildschirmen zu " Formulare> Neues Formular ".

Geben Sie im angezeigten Fenster den Titel und (schließlich) Beschreibung des Formulars:

Sie werden nun zum Bildschirm weitergeleitet, um dem Formular Felder hinzuzufügen.

Fügen Sie alle Felder hinzu, die für die Datenerfassung nützlich sind. Denken Sie daran, je mehr Sie hinzufügen, desto weniger Leute füllen das Formular aus. Fügen Sie dann nur die erforderlichen Felder hinzu.

Ich habe folgende Felder hinzugefügt:

• Vorname
• E-Mail-Adresse
• Botschaft der Unterstützung

Es wird nur die E-Mail-Adresse benötigt, damit das System eine Bestätigung senden kann. Sie finden die Felder für Name und E-Mail-Adresse im Abschnitt Erweiterte Felder und das Textfeld im Standardabschnitt.

Um ein Formularfeld zu bearbeiten (einschließlich der Änderung seiner Beschriftung), klicken Sie auf den Namen auf der linken Seite des Bildschirms und verwenden Sie das angezeigte Meta-Bearbeitungsfeld.

Klicken Sie abschließend auf "Aktualisieren", um Ihr Formular zu aktualisieren.

Hier ist meine Form:

Fügen Sie Ihrem Formular eine Zahlung hinzu

Nun werden wir dem Formular einige Zahlungsdetails hinzufügen. Ich werde einige feste Beträge hinzufügen, die Benutzer auswählen können. Ich werde auch ein Feld hinzufügen, in dem die Leute ihren eigenen Betrag definieren können.

Auf dem Abschnitt Pricing Felder Fügen Sie rechts den Produkttyp zu Ihrem Formular hinzu.

Jetzt müssen Sie das Produkt selbst ändern. Geben Sie ihm zuerst einen neuen Namen. Dann in der " Feldtyp », Wählen« Radio Knöpfe ".

Auf diese Weise können Sie die Werte für Ihre Optionsfelder festlegen, dh die vorgeschlagenen Mengen. Bestimmte Beträge hinzufügen (übertreibe es auch nicht). Ihre letzte Option sollte Null mit einem "Anderen" -Label (oder ähnlichem) sein. Wenn ein Benutzer diese Option auswählt, kann er seinen eigenen Betrag festlegen.

Achten Sie auf das Feld "Erforderlich". Hier sind meine Konfigurationen:

Jetzt müssen Sie ein weiteres Feld hinzufügen, das angezeigt wird, wenn jemand diese „andere“ Option wählt. Wieder in der " Pricing Felder ", Wählen Sie das Produkt aus.

Bearbeiten Sie das neue Produkt mit einem Titel und einer Beschreibung, damit die Benutzer den Grund für dieses Formular besser verstehen. Wählen Sie im Typ des Dropdown-Felds "Benutzerdefinierter Preis" aus.

So sieht mein Formular jetzt aus:

Klicken Sie nun auf die Registerkarte " Fortgeschrittener Für dieses Feld. Überprüfen Sie den Abschnitt " Aktivieren Conditional Logic ". Ändern Sie die logische bedingte Anweisung, um dieses Feld anzuzeigen, wenn das vorherige Feld (Spende) auf "Andere" gesetzt ist. Dies bedeutet, dass dieses Feld nur angezeigt wird, wenn jemand keinen der vordefinierten Beträge im vorherigen Feld ausgewählt hat.

Hier ist meine Auswahl:

Jetzt ist Ihre Form speichern.

Erstellen Sie eine Spendenseite

Erstellen Sie dann eine neue Seite und benennen Sie sie in "Don" um. Gehen Sie dazu im WordPress-Dashboard zu "Seiten> Hinzufügen". Lassen Sie diese Seite vorerst leer, aber fügen Sie sie dem Hauptmenü hinzu.

Fügen Sie das Formular Ihrer Spendenseite hinzu

Jetzt ist es Zeit, das Formular der von Ihnen erstellten Spendenseite hinzuzufügen.

Gehen Sie zum Bearbeitungsbildschirm dieser Seite. Klicken Sie im Seitenbearbeitungsbildschirm auf " Formular hinzufügen ".

Wählen Sie das von Ihnen erstellte Formular aus und überprüfen Sie die Titelfelder und / oder die Beschreibung, wenn diese ebenfalls angezeigt werden sollen.

Klicken Sie dann auf die Schaltfläche Einfügeformular “. Dadurch wird Ihrer Seite ein Shortcode hinzugefügt. Ändern Sie das nicht.

Klicken Sie abschließend auf " Aktualisierung So aktualisieren Sie Ihre Seite Hier ist meine Seite:

Spende Seite Wordpress Schwerkraft bildet #

Und wenn ich die Option " Nennen Sie Ihren Betrag "(andere Menge), Werde ich die Möglichkeit haben, einen Betrag zu definieren, den ich möchte:

Das ist alles für dieses Tutorial. Ich hoffe, Sie können eine Spendenseite auf WordPress erstellen. Zögern Sie nicht, dieses Tutorial mit Ihren Freunden in Ihren bevorzugten sozialen Netzwerken zu teilen.