Cum să adăugați un buton de donare PayPal pe site-ul dvs. Divi

Publicat: 2017-06-30

Ai nevoie de bani. Poate că este pentru un non-profit cu care faci voluntar, o nouă taxă de adopție pentru cățeluș. Sau poate cea mai confortabilă pereche de pantofi de alergare pe care ai încercat-o vreodată. Motivul (mai ales) nu contează. Ceea ce contează este că ai un site web cu un public captiv care te iubește. Și vor ca tu să iei cățelușul acela.

Introduceți butonul de donație Paypal, ceea ce ar putea fi una dintre cele mai ușoare soluții de strângere de fonduri, cu întreținere redusă, disponibile pentru dvs. Și din moment ce v-ați creat site-ul web cu WordPress, implementarea butonului este destul de simplă.

Noțiuni de bază

Abonați-vă la canalul nostru Youtube

Primul lucru pe care trebuie să-l faceți este să accesați pagina de strângere de fonduri a Paypal și să alegeți ce categorie de buton de donație ar funcționa cel mai bine pentru nevoile dvs.:

  • Nonprofit
  • Şcoală
  • Politic
  • Personal

opțiuni de strângere de fonduri paypal

Aproape tot ce ai putea avea nevoie de un buton de donație ar trebui să se încadreze în una dintre aceste categorii. Pentru acest tutorial, vom spune că strângeți fonduri din motive personale (acel minunat cățeluș pe care l-am menționat mai devreme). Procesul este similar pentru toate alegerile.

După ce am ales Personal

Pe pagina următoare, derulați în jos până când vedeți textul „Aflați despre crearea unui buton de donație” și faceți clic pe el.

aflați despre crearea unui buton de donație

Aceasta va afișa un mod în care veți face clic pe unul dintre aceste două linkuri. Vă duc la aceeași pagină, deci este într-adevăr doar o chestiune de preferință.

Crearea butonului

Când faceți clic pe link pentru a crea un buton de donație, acesta vă va duce la pagina unde se întâmplă magia. Trebuie să rețineți, totuși, că Paypal nuva solicita să vă conectați. Repetați: Paypal nu vă va solicita să vă conectați. Veți putea face acest lucru până la sfârșitul procesului, dar nu vă stresați în acest moment. –Nimic nu a mers prost.

Pasul 1

Primul lucru pe care îl veți face pentru a crea butonul de donare Paypal este de fapt să îl faceți un buton „donați”. Setarea implicită este „Coș de cumpărături”, dar dacă faceți clic pe meniul derulant din partea stângă sus a Pasului 1, îl puteți schimba în „Donații”. Așa cum am spus, destul de simplu, nu?

Cu acest set, veți introduce site-ul sau informațiile organizaționale pentru butonul de donație. Deoarece strângerea de fonduri fictivă este prin intermediul site-ului dvs. web pentru a adopta un cățeluș adorabil, îl veți completa cu numele site-ului dvs. web și cu ID-ul opțional pe care îl veți utiliza pentru a urmări fiecare donație.

După ce introduceți informațiile, veți începe să vă personalizați butonul. În cea mai mare parte, nu veți dori să schimbați multe. Toate sunt lucruri destul de simple, cum ar fi selectarea țării și a limbii pe care butonul le va folosi, dimensiunea și dacă veți afișa sau nu sigle ale cardului de credit. Toate aceste opțiuni se bazează pe modul în care intenționați să integrați butonul de pe site-ul dvs.

crearea unui buton 3

Puteți utiliza, de asemenea, o imagine găzduită pe propriul dvs. site web ca buton dacă, să spunem, aveți un designer grafic care să facă un gif animat minunat al unui cățeluș adorabil pentru ca oamenii să facă clic pe el. Astăzi, însă, nu avem.

Trebuie doar să alegeți tipul de monedă, indiferent dacă doriți sau nu să specificați o anumită sumă a donației și la ce e-mail doriți să fie trimise donațiile.

Aici trebuie să vă conectați dacă aveți un cont Paypal. Dacă nu, creați una astfel încât să fiți acoperit de diferitele protecții PayPal. (Dacă alegeți să nu utilizați un cont Paypal, trebuie doar să introduceți adresa de e-mail și veți putea primi în continuare donații prin Paypal fără nici o garanție suplimentară.)

După ce vă autentificați, ar trebui să vedeți acest lucru:

Ce opțiune utilizați depinde de dvs., dar utilizarea codului comerciant oferă o protecție mai mare, deoarece adresa dvs. de e-mail nu va fi inclusă în codul butonului în sine. Cu cât mai puțini locuri pot fi trimise de e-mail-urile de spam și phishers, cu atât mai bine, nu?

Sunteți aproape gata să introduceți butonul de donație Paypal în WordPress!

Pașii opționali 2 și 3

Dacă aveți un cont Paypal Business, puteți face ceva mai mult în ceea ce privește urmărirea, gestionarea stocurilor și personalizarea plăților, însă, deoarece avem de-a face cu donații, majoritatea opțiunilor nu sunt relevante pentru noi.

Codul butonului de donare Paypal

În pagina următoare vi se va oferi în sfârșit codul butonului de donație care va fi afișat pe site-ul dvs. WordPress, precum și un exemplu de aspect al butonului pentru utilizatorii dvs.

Faceți clic pe Selectare cod pentru a evidenția codul dvs. și apăsați CTRL-C dacă sunteți pe Windows, CMD-C pe Mac sau faceți clic dreapta pe textul evidențiat și selectați Copiere din meniul contextual. Alege-ti otrava.

După ce ați copiat codul, navigați la tabloul de bord WordPress. Aici lucrurile pot varia puțin, deoarece toată lumea își va dori butonul de donare Paypal într-un loc diferit, dar ideea generală este aceeași.

Pentru utilizatorii Divi, avem o mulțime de opțiuni pentru dvs.

Deasupra sau dedesubtul postărilor

Pentru a pune butonul de donație Paypal la începutul sau la sfârșitul postărilor de pe blog, navigați la Opțiunile temei Divi și accesați fila Integrări.

Când derulați puțin în jos, veți vedea zone de text etichetate „Adăugați cod în partea de sus a postărilor dvs.” și „adăugați cod în partea de jos a postărilor dvs., înainte de comentarii”.

Ceea ce fac ei este destul de auto-explicativ.

Înainte de postare:

După postare:

Rețineți că acestea sunt butoane nedestilate, așa că dacă doriți să faceți mai mult decât să stați acolo, aș sugera să înfășurați codul pe care Paypal îl oferă în așa ceva:

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

După ce ați făcut acest lucru, puteți utiliza CSS pentru a manipula și poziționa butonul oricum doriți.

Post-by-Post sau pagină cu pagină

Dacă nu doriți ca butonul să apară înainte sau după fiecare postare de pe site-ul dvs., puteți fi mult mai selectiv folosind modulul Cod Divi. În plus, puteți utiliza modulul Cod pentru a adăuga butonul dvs. în Pagini, care nu va fi afectat de metoda anterioară.

Deschideți fereastra „Insert Module” și selectați Code Module pentru a începe.

Ca și înainte, lipiți codul generat de Paypal în setările modulului. Totuși, nu este nevoie să îl înfășurați într-un div. Puteți folosi doar secțiunea Element principal din CSS personalizat din fila Avansat pentru a manipula modul în care doriți să apară butonul în postare sau pagină.

În bara laterală

Cel mai frecvent loc pentru butoanele de donație Paypal este probabil bara laterală. Se afișează pe fiecare pagină și postare dorite, dar nu întrerupe fluxul de conținut. În plus, este o nebunie ușor de personalizat! Doar reveniți la tabloul de bord și faceți clic pe Aspect> Widgeturi.

Apoi, faceți clic pe widgetul Text și adăugați-l la bara laterală în orice poziție doriți. Rețineți că WordPress 4.8 a schimbat widgetul Text din ceea ce a fost de ani de zile. Avem acum un editor de text îmbogățit, pe care nu vrem să îl folosim.

Asigurați-vă că înseamnă că trebuie să facem clic pe fila „text” înainte de a insera codul butonului de donație aici. (Nici nu este necesar să utilizați butonul de cod.)

Fila text funcționează cam la fel ca și widget-ul vechi, pre-4,8 (cu excepția includerii butoanelor de cod. Trebuie doar să introduceți codul HTML și să dați clic pe Salvare. Voila, aveți un buton de bani în partea de sus a barei laterale!

Nu trebuie să includeți acest widget doar în bara laterală. Puteți urma aceiași pași pentru a adăuga butonul la temele care acceptă widget-uri antet sau subsol.

Ești gata să primești acei bani!

Acum sunteți complet gata să adăugați un buton de donare Paypal pe site-ul dvs. WordPress! Indiferent pentru ce temă rulează site-ul dvs. sau pentru ce luați donații, sunteți bine să mergeți. (Dar să fim sinceri unii cu alții - este încă pentru un cățeluș, nu?).

Miniatură imagine articol de mohamed1982eg / pixabay.com