Cum să adăugați un buton Stripe Donate în WordPress pentru strângerea de fonduri

Publicat: 2022-11-22

Doriți să adăugați un buton de donare Stripe în WordPress pentru strângerile dvs. de fonduri? Acest ghid vă va arăta cum să o faceți în câțiva pași simpli!

How to Add a Stripe Donate Button in WordPress

Timp de citire aproximativ: 5,5 minute

Stripe este una dintre cele mai populare gateway-uri de plată ale WordPress pentru acceptarea de donații.

Și obținerea unui buton de donație Stripe funcțional pe site-ul dvs. va face mult mai ușor pentru vizitatori să vă ajute strângerea de fonduri, organizația nonprofit sau orice alte donații pe care le aveți.

Formidable Forms este cel mai bun plugin WordPress Form Builder. Ia-l gratuit!

Deci, în acest ghid, vă vom arăta cum să faceți un buton de donare Stripe cu Formidable Forms, unul dintre cei mai buni generatori de formulare și pluginuri de plată Stripe.

Să începem.

Cum să creați un buton de donare Stripe pentru site-ul dvs. WordPress

Primul lucru de care trebuie să acceptați donații este un formular de donație.

Acesta este motivul pentru care vă recomandăm Formidable Forms.

Cu ajutorul său simplu build-and-drop, puteți crea un formular simplu de donație Stripe în câteva minute. În plus, cu unele dintre funcțiile sale avansate, puteți face un buton de donație Stripe și puteți forma acest lucru.

Dar vom ajunge la asta în scurt timp.

Primul lucru pe care trebuie să-l faceți este să accesați pagina noastră de prețuri și să alegeți planul nostru de afaceri. Cu acesta, obțineți toate funcțiile de care aveți nevoie pentru a vă crea butonul și formularul de donație Stripe.

Obțineți Formulare formidabile acum!

După ce l-ați instalat și activat, vom începe cu patru pași simpli:

Conectați-vă contul Stripe la Formidable
Creează-ți formularul de donație
Creează-ți butonul de donație Stripe
Afișează butonul și formularul

Pasul 1: Conectați-vă contul Stripe la Formidable

Pentru a începe, accesați tabloul de bord WordPress și accesați Formidable → Add-Ons.

Găsiți suplimentul Stripe și faceți clic pe Instalare . După ce ați terminat, faceți clic pe Setări globale în bara laterală Formidable și faceți clic pe Stripe .

Puteți personaliza setările de plată pentru momentul în care doriți să proceseze plata Stripe. Apoi puteți face clic pe butonul Conectare la Stripe sub LIVE .

Urmați instrucțiunile Stripe pentru a vă conecta contul și configurarea cheilor API Stripe. Stripe vă va ghida prin proces fără să vă faceți griji cu privire la o configurare complicată.

Odată ce totul este gata de plecare, sunteți gata să vă creați formularul!

Pasul 2: Creează-ți formularul de donație

Mergeți la tabloul de bord WordPress și accesați Formidable → Formulare .

În partea de sus a paginii, selectați Adăugați nou . Puteți crea un formular necompletat și puteți începe de la zero sau puteți alege dintre cele peste 150 de șabloane noastre prefabricate. Formidable are șabloane de donații cu Stripe încorporat dacă doriți să ușurați lucrurile.

Pentru exemplul nostru, vom folosi un formular gol, astfel încât să puteți vedea procesul de la început. După ce ați ales formularul, dați-i un nume și faceți clic pe Creare .

Acest lucru vă va duce la generatorul nostru de formulare glisați și plasați pentru a începe să vă creați formularul.

Alegeți ce câmpuri doriți și pur și simplu trageți-le în formularul dvs., apoi personalizați titlul și descrierea.

Acum că formularul dvs. este creat, dorim să ne asigurăm că formularul este configurat pentru a procesa corect cardurile de credit cu Stripe.

Deci, faceți clic pe Actualizare pentru a salva modificările, apoi faceți clic pe Setări .

Sub fila Acțiuni și notificări , faceți clic pe butonul Colectați o plată pentru a adăuga acțiunea Stripe.

Puteți schimba tipul de plată (donații unice sau recurente), moneda, momentul în care să procesați plata sau puteți stabili o sumă fixă pentru donație.

Simțiți-vă liber să personalizați aceste setări în funcție de nevoile dvs. Pentru exemplul nostru, opțiunile implicite sunt foarte bune.

Faceți clic pe Actualizare pentru a salva modificările.

Adăugați o pagină de destinație a formularului (opțional)

De asemenea, puteți adăuga o pagină de destinație pentru formularul dvs.

Deci, atunci când vizitatorii dau clic pe butonul dvs., vor merge direct la pagina de destinație a formularului dvs.

Pentru a adăuga aceasta, faceți clic pe Formular Pagina de destinație și Generare pagină de destinație .

Pluginul va crea o adresă URL bazată pe numele formularului, dar vă puteți simți liber să personalizați acest lucru cum doriți.

Păstrați această adresă URL la îndemână atunci când aveți nevoie de ea mai târziu.

Pasul 3: creează-ți butonul de donație Stripe

Aveți două opțiuni pentru acest pas.

Puteți adăuga un buton simplu pe postarea sau pagina dvs. și puteți trimite un link către pagina de destinație a formularului. Sau puteți crea butonul personalizat în Vizualizări.

Vă vom arăta cum să le faceți pe amândouă.

Creați un simplu buton de donație WordPress

Accesați postarea/pagina WordPress unde doriți să afișați butonul.

Adăugați un nou bloc WordPress și căutați Buton .

Faceți clic pe blocul Buton și alegeți opțiunea Link . Inserați pagina de destinație a formularului sau adresa URL către care doriți să vă direcționați vizitatorii în acest câmp.

Apăsați Enter, personalizați textul butonului dacă doriți și sunteți gata!

Doar actualizați pagina și butonul dvs. este gata.

Acum, dacă doriți ceva mai avansat, consultați Formidable Views

Creați un buton de donație personalizat cu Vizualizări formidabile

Formidable Views este locul în care Formidable se deosebește de alte plugin-uri pentru donații.

Folosind Formidable Views, puteți crea cu ușurință un buton pe site-ul dvs. pe care oamenii să-l poată face clic, iar apoi vor vedea formularul dvs. de donație Stripe.

Pentru a face acest lucru, faceți clic pe fila Vizualizări din partea de sus a paginii.

Din acest meniu, selectați Adăugare nou în partea de sus a paginii. Vă oferă opțiunea de tip de vizualizare pe care doriți să o creați cu câteva șabloane predefinite.

Pentru butonul dvs., puteți selecta Grid pentru a simplifica lucrurile. Dați un nume vizualizării dvs., apoi faceți clic pe Creați o vizualizare .

Acum vă aflați în Generatorul nostru de vizualizare . Dar nu te lăsa copleșit. Este mai simplu decât pare.

Pentru a începe, faceți clic pe linkul Începeți să adăugați conținut pentru a începe de sub butonul albastru.

Aceasta vă va duce acolo unde puteți începe să vă personalizați vizualizarea. Așadar, faceți clic pe partea de sus goală sub butonul + și vă va duce la Editorul nostru vizual/de text .

Puteți deveni creativ aici dacă cunoașteți puțin HTML, CSS sau Javascript.

De exemplu, avem o organizație caritabilă pe care o iubim, numită Salvați Copiii . Deci, de ce să nu strângi niște bani pentru ei?

Mergând în generatorul nostru de vizualizări, am introdus următorul cod:

Nu vă faceți griji dacă nu înțelegeți acest cod. Nu trebuie să știți să codificați pentru a crea ceva extraordinar în Views.

Acum, de fiecare dată când cineva donează la formular, acesta se actualizează automat pentru a afișa totalul curent și o bară de progres către obiectiv!

Și tot ce trebuie să faceți voi, donatorii, este să faceți clic pe butonul Donați pentru a merge la pagina de destinație a formularului pentru a plăti!

Acesta este doar un mic exemplu a ceea ce ai putea face.

Formidable Forms este mult mai mult decât un simplu generator de formulare. Este, de asemenea, un excelent generator de aplicații.

Pasul 4: Afișați butonul și formularul

Dacă ați configurat un buton simplu la pasul anterior, sunteți deja setat.

Dar, dacă doriți să afișați formularul pe cont propriu sau vizualizarea pe care ați creat-o, trebuie totuși să-l afișați.

Deci, vom detalia acest lucru în funcție de modul de afișare a formularului și de modul de afișare a Vizualizării.

Cum să vă afișați formularul

Accesați postarea sau pagina pe care doriți să vă afișați formularul și adăugați un nou bloc WordPress.

Apoi, căutați Formidable și alegeți blocul Formidable.

Aici, vă puteți alege formularul din meniul drop-down. Acum, actualizați-vă pagina și formularul este pe pagina dvs.

Cum să vă afișați View

În editorul în care ați creat vizualizarea, copiați codul scurt afișat în stânga sus.

Apoi, accesați postarea sau pagina în care doriți să vă afișați View și adăugați un nou bloc WordPress. Apoi, căutați Shortcode și adăugați blocul.

Lipiți codul scurt în bloc și actualizați-vă pagina; Vederea ta va fi afișată pe pagina ta!

Ce idei de donații veți crea cu Formidable Forms?

După cum puteți vedea, puteți să o păstrați simplu sau să vă folosiți imaginația și să creați ceva unic!

Alegerea este a ta!

Există multe pluginuri WordPress din care să alegeți, dar niciunul nu oferă flexibilitatea Formidable. Și acest ghid pas cu pas v-a arătat cum să adăugați un buton de donare Stripe pe site-ul dvs. WordPress folosind Formidable.