So fügen Sie Ihrer Divi-Website einen PayPal-Spenden-Button hinzu

Sie brauchen Geld. Vielleicht ist es für eine gemeinnützige Organisation, bei der Sie sich freiwillig melden, die Adoptionsgebühr für einen neuen Welpen. Oder vielleicht die bequemsten Laufschuhe, die Sie je anprobiert haben. Der Grund ist (meistens) egal. Wichtig ist, dass Sie eine Website mit einem gefangenen Publikum haben, das Sie liebt. Und sie wollen, dass du diesen Welpen bekommst.

Geben Sie den Paypal-Spenden-Button ein, was möglicherweise eine der einfachsten und wartungsarmen Lösungen für das Fundraising ist, die Ihnen zur Verfügung stehen. Und da Sie Ihre Website mit WordPress erstellt haben, ist die Implementierung des Buttons ziemlich einfach.

Einstieg

Abonnieren Sie unseren Youtube-Kanal

Das erste, was Sie tun sollten, ist, zur Fundraising-Seite von Paypal zu gehen und auszuwählen, welche Kategorie von Spendenschaltflächen für Ihre Bedürfnisse am besten geeignet ist:

• Gemeinnützig
• Schule
• Politisch
• persönlich

So ziemlich alles, wofür Sie einen Spenden-Button benötigen, sollte in eine dieser Kategorien fallen. In diesem Tutorial sagen wir, dass Sie aus persönlichen Gründen Spenden sammeln (dieser wundervolle Welpe, den ich zuvor erwähnt habe). Der Prozess ist für alle Auswahlmöglichkeiten ähnlich.

Nach der Auswahl persönlicher

Scrollen Sie auf der nächsten Seite nach unten, bis Sie den Text „Erfahren Sie mehr über das Erstellen einer Spendenschaltfläche“ sehen, und klicken Sie darauf.

Dadurch wird ein Modal angezeigt, in dem Sie auf einen dieser beiden Links klicken. Sie führen Sie auf dieselbe Seite, also ist es wirklich nur eine Frage der Präferenz.

Erstellen der Schaltfläche

Wenn Sie auf den Link klicken, um eine Spendenschaltfläche zu erstellen, gelangen Sie zu der Seite, auf der die Magie passiert. Sie sollten jedoch beachten, dass Paypal werden Sie nicht prompt eingeloggt wiederholen. Paypal werden Sie nicht prompt sein eingeloggt Sie werden auf gegen Ende des Prozesses der Lage sein, aber nicht Stress über sie an dieser Stelle. – nichts ist schief gelaufen.

Schritt 1

Das erste, was Sie tun werden, um den Paypal-Spenden-Button zu erstellen, ist, ihn zu einem "Spenden"-Button zu machen. Die Standardeinstellung ist "Warenkorb", aber wenn Sie in Schritt 1 oben links auf das Dropdown-Menü klicken, können Sie es in "Spenden" ändern. Wie gesagt, ziemlich unkompliziert, oder?

Mit diesem Set geben Sie Ihre Website- oder Organisationsinformationen für den Spenden-Button ein. Da Ihre fiktive Spendenaktion über Ihre Website erfolgt, um einen entzückenden Welpen zu adoptieren, füllen Sie sie mit dem Namen Ihrer Website und der optionalen ID aus, mit der Sie jede Spende verfolgen.

Nachdem Sie Ihre Informationen eingegeben haben, können Sie mit der Anpassung Ihrer Schaltfläche beginnen. In den meisten Fällen gibt es nicht viel, was Sie ändern möchten. Es sind alles ziemlich grundlegende Dinge wie die Auswahl des Landes und der Sprache, die die Schaltfläche verwenden soll, die Größe und ob Sie Kreditkartenlogos anzeigen oder nicht. Alle diese Auswahlmöglichkeiten basieren darauf, wie Sie die Schaltfläche in Ihre Website integrieren möchten.

Sie können auch ein auf Ihrer eigenen Website gehostetes Bild als Schaltfläche verwenden, wenn beispielsweise ein Grafikdesigner ein tolles animiertes Gif eines entzückenden Welpen erstellt, auf den die Leute klicken können. Heute jedoch nicht.

Sie müssen nur Ihren Währungstyp auswählen, ob Sie einen bestimmten Spendenbetrag angeben möchten oder nicht und an welche E-Mail-Adresse die Spenden gesendet werden sollen.

Hier sollten Sie sich einloggen, wenn Sie ein Paypal-Konto haben. Wenn nicht, erstellen Sie einen, damit Sie von den verschiedenen Schutzmaßnahmen von PayPal abgedeckt sind. (Wenn Sie kein Paypal-Konto verwenden möchten, geben Sie einfach Ihre E-Mail-Adresse ein und Sie können weiterhin ohne zusätzliche Sicherheit Spenden über Paypal erhalten.)

Sobald Sie sich angemeldet haben, sollten Sie Folgendes sehen:

Welche Option Sie verwenden, liegt bei Ihnen, aber die Verwendung des Händlercodes bietet etwas mehr Schutz, da Ihre E-Mail-Adresse nicht im Schaltflächencode selbst enthalten ist. Je weniger Spammer und Phisher an Ihre E-Mails gelangen, desto besser, oder?

Sie sind fast bereit, Ihren Paypal-Spenden-Button in WordPress zu platzieren!

Optionale Schritte 2 und 3

Wenn Sie ein Paypal-Geschäftskonto haben, können Sie in Bezug auf Tracking, Bestandsverwaltung und Checkout-Anpassung noch einiges mehr tun, aber da es sich um Spenden handelt, sind die meisten Optionen für uns nicht relevant.

Der Paypal-Spenden-Button-Code

Auf der nächsten Seite erhalten Sie schließlich den Code für die Spendenschaltfläche, der auf Ihrer WordPress-Site angezeigt wird, sowie ein Beispiel dafür, wie die Schaltfläche für Ihre Benutzer aussehen wird.

Klicken Sie auf Code auswählen, um Ihren Code hervorzuheben, und drücken Sie STRG-C unter Windows, CMD-C auf Mac oder klicken Sie mit der rechten Maustaste auf den markierten Text und wählen Sie Kopieren aus dem Kontextmenü. Wähle dein Gift.

Nachdem Sie den Code kopiert haben, navigieren Sie zu Ihrem WordPress-Dashboard. Hier können die Dinge ein wenig variieren, da jeder seinen Paypal-Spenden-Button an einer anderen Stelle haben möchte, aber die allgemeine Idee ist dieselbe.

Für Divi-Benutzer haben wir viele Möglichkeiten für Sie.

Über oder unter Beiträgen

Um Ihren Paypal-Spenden-Button am Anfang oder am Ende Ihrer Blog-Posts zu platzieren, navigieren Sie zu Ihren Divi-Theme-Optionen und gehen Sie zur Registerkarte Integrationen.

Wenn Sie ein wenig nach unten scrollen, sehen Sie Textbereiche mit der Aufschrift „Code oben in Ihren Beiträgen hinzufügen“ und „Code unten in Ihren Beiträgen vor den Kommentaren hinzufügen“.

Was sie tun, ist ziemlich selbsterklärend.

Vor dem Posten:

Nach dem Beitrag:

Denken Sie daran, dass dies völlig ungestylte Schaltflächen sind. Wenn Sie also mehr tun möchten, als nur dort zu sitzen, würde ich vorschlagen, den von Paypal bereitgestellten Code in etwa wie folgt einzupacken:

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

Wenn das erledigt ist, können Sie CSS verwenden, um die Schaltfläche nach Belieben zu manipulieren und zu positionieren.

Post-für-Post oder Seite-für-Seite

Wenn Sie nicht möchten, dass die Schaltfläche vor oder nach jedem Post auf Ihrer Website angezeigt wird, können Sie mit dem Divi-Code-Modul viel selektiver sein. Darüber hinaus können Sie das Code-Modul verwenden, um Ihre Schaltfläche zu Pages hinzuzufügen, die von der vorherigen Methode nicht betroffen ist.

Öffnen Sie das Fenster „Modul einfügen“ und wählen Sie das Code-Modul aus, um zu beginnen.

Fügen Sie wie zuvor einfach den von Paypal generierten Code in die Einstellungen des Moduls ein. Es besteht jedoch keine Notwendigkeit, es hier in ein Div zu packen. Sie können einfach den Abschnitt „Hauptelement“ unter „Benutzerdefiniertes CSS“ auf der Registerkarte „Erweitert“ verwenden, um zu ändern, wie die Schaltfläche im Beitrag oder auf der Seite angezeigt werden soll.

In der Seitenleiste

Der häufigste Ort für Paypal-Spenden-Buttons ist wahrscheinlich die Seitenleiste. Es wird auf jeder gewünschten Seite und jedem gewünschten Beitrag angezeigt, unterbricht jedoch nicht den Fluss Ihrer Inhalte. Außerdem ist es unglaublich einfach anzupassen! Gehen Sie einfach zurück zu Ihrem Dashboard und klicken Sie auf Darstellung > Widgets.

Klicken Sie als Nächstes auf das Text-Widget und fügen Sie es an der gewünschten Position zu Ihrer Seitenleiste hinzu. Denken Sie daran, dass WordPress 4.8 das Text-Widget von dem, was es seit Jahren ist, geändert hat. Wir haben jetzt einen Rich-Text-Editor, den wir nicht verwenden möchten.

Stellen Sie sicher, dass wir auf die Registerkarte "Text" klicken müssen, bevor Sie den Code für die Spendenschaltfläche hier einfügen. (Es ist auch nicht erforderlich, die Codetaste zu verwenden.)

Der Text-Tab funktioniert ziemlich genauso wie das alte Text-Widget vor 4.8 (außer der Einbeziehung von Code-Buttons. Geben Sie einfach Ihren HTML-Code ein und klicken Sie auf Speichern. Voila, Sie haben einen Geld-Button oben in Ihrer Seitenleiste!

Sie müssen dieses Widget nicht nur in die Seitenleiste einfügen. Sie können die gleichen Schritte ausführen, um die Schaltfläche zu Designs hinzuzufügen, die Kopf- oder Fußzeilen-Widgets unterstützen.

Sie sind bereit, dieses Geld zu bekommen!

Jetzt sind Sie bereit, Ihrer WordPress-Site einen Paypal-Spenden-Button hinzuzufügen! Egal, welches Thema Ihre Website betreibt oder wofür Sie Spenden annehmen, Sie können loslegen. (Aber seien wir ehrlich zueinander – es ist immer noch für einen Welpen, oder?).

Miniaturansicht des Artikelbildes von mohamed1982eg / pixabay.com