Cum se adaugă plata codului QR cu bandă în WordPress

Căutați să adăugați o opțiune de plată a codului QR pe ​​site -ul dvs. WordPress?

O metodă de plată QR permite utilizatorilor să scaneze și să acceseze link -ul dvs. de plată pe telefoanele lor. Acest lucru face ca procesul de checkout să fie mai simplu și mai ușor pentru ei.

Dar, există multe modalități de a permite utilizatorilor să plătească prin cod QR. În plus, există multe gateway -uri de plată pe care le puteți integra cu codul QR.

De exemplu, puteți adăuga manual un cod QR de plată pe site -ul dvs. folosind platforme precum QR Code Generator sau QRSTUFF. Dar acest lucru necesită un proces de configurare îndelungată.

Trebuie să introduceți informațiile la codul QR, cum ar fi linkul de plată, adresa URL a site -ului și datele de contact. De asemenea, trebuie să personalizați codul QR separat de site -ul dvs. și să îl descărcați ca imagine.

În cele din urmă, poate privi în afara locului și poate avea un conflict de funcționalitate.

În plus, codurile QR generate manual sunt statice, ceea ce înseamnă că orice actualizări necesită regenerarea și înlocuirea imaginii de pe site -ul dvs.

Acesta este motivul pentru care vă recomandăm să utilizați WPForms pentru a vă ajuta să creați o opțiune de plată a codului QR.

În primul rând, cu WPForms, puteți genera dinamic coduri QR pe ​​baza intrărilor de formular, cum ar fi detaliile utilizatorului, sumele de plată sau înregistrările de evenimente. Acest lucru asigură că codurile QR sunt întotdeauna relevante și personalizate fără intervenție manuală.

De asemenea, puteți adăuga rapid un cod QR cu linkul dvs. de plată la orice formular sau pagină folosind constructorul vizual, economisind timp.

Partea cea mai bună este că WPForms se integrează cu gateway -urile de plată precum PayPal și Stripe, ceea ce face ușor generarea codurilor QR legate de paginile de plată.

Acum că am selectat un instrument pentru a crea codul QR de plată, următoarea întrebare este, ce gateway este cel mai bun pentru configurarea codurilor de plată QR?

Aici, prioritatea dvs. ar trebui să fie să găsiți o poartă de plată sigură, scalabilă și ușor de utilizat. De asemenea, ar trebui să găsiți una care să susțină multe monede, oferindu -vă acces la o audiență globală.

Din aceste motive, am selectat Stripe.

Stripe vă permite să generați coduri QR dinamice care se leagă de paginile de plată în timp real. Puteți personaliza pagina de plată legată de codul QR cu brandingul, logo -ul și culorile dvs.

Stripe acceptă diverse metode de plată, inclusiv carduri de credit/debit, portofele mobile precum Apple Pay și Google Pay, precum și sisteme locale de plată.

Drept urmare, un singur cod QR poate direcționa utilizatorii către o pagină de plată unde își aleg metoda preferată.

Iată alte motive pentru care Stripe este o poartă excelentă de plată a codului QR.

• Plăți cu o singură tapet: Clienții pot scana codul QR și pot completa plata în câteva secunde folosind metode de plată economisite
• Sume dinamice de plată: Stripe vă permite să creați coduri QR legate de sume de plată calculate dinamic.
• Integrare ușoară cu site -urile web: Stripe oferă integrări API simple și pluginuri pentru platforme precum WordPress.
• Actualizări în timp real: Plățile de bord de bord al lui Stripe efectuate prin coduri QR. Puteți monitoriza tranzacțiile instantaneu.
• Tranzacții sigure: Plățile prin codurile QR cu bandă sunt procesate în siguranță, cu mecanisme avansate de criptare și de detectare a fraudei.

După cum puteți vedea, combinația dintre dungi și WPForms este o modalitate excelentă de a primi plăți prin coduri QR.

Cu asta, să vă arătăm, pas cu pas, cum să configurați plățile de cod QR în WordPress.

Mai jos este un eșantion din plata codului QR Stripe pe care o vom crea în acest tutorial:

Cu asta din drum, să începem.

Cum se adaugă plata codului QR cu bandă în WordPress

După cum am menționat, avem nevoie de două instrumente pentru a configura plăți QR în WordPress: WPForms și Stripe.

Din fericire, WPForms este compatibil cu Stripe. Deci, vom conecta Stripe cu WordPress prin WPForms. Acest proces permite utilizatorilor să plătească prin codul QR pe ​​orice formular pe care doriți să îl utilizați pe Blander și Drop Builder. Acest lucru face convenabil și ușor pentru utilizatorii dvs. să facă o achiziție.

Acum, consultați toți pașii pe care îi vom urma mai jos. Dacă doriți să treceți la orice pas, pur și simplu faceți clic pe el.

• Pasul 1: Instalați și configurați WPForms
• Pasul 2: Instalați și configurați WPForms Stripe Pro Addon
• Pasul 3: Creați formular de plată
• Pasul 4: Configurați plata dungi
• Pasul 5: Configurați notificări și mesaje de confirmare
• Pasul 6: Publicați formularul
• Pasul 7: Adăugați codul QR pentru plăți cu bandă în WordPress

Să ne parcurgem întregul proces de mai jos.

Pasul 1: Instalați și configurați WPForms

Primul pas este să instalați WPForms în tabloul de bord WordPress. Dar, ar trebui să menționăm că WPForms oferă o versiune gratuită care vă permite să efectuați plăți cu dungi. Îl puteți accesa rapid în depozitul dvs. WordPress și puteți începe să faceți formulare.

Dar aveți nevoie de versiunea Pro pentru funcționalități mai avansate cu dungi, cum ar fi utilizarea unui cod QR.

Acest lucru se datorează faptului că versiunea Pro vă oferă acces la Stripe Pro Addon, de care vom avea nevoie în acest tutorial. În afară de aceasta, versiunea gratuită a WPForms vine cu o taxă de tranzacție de 3%, care poate ridica costul mărfurilor tale.

Consultați cea mai recentă recenzie WPForms pentru a afla mai multe.

Pentru a începe, accesați site -ul oficial WPForms și înscrieți -vă la un plan. Acestea oferă o varietate de planuri, ceea ce face ușor să găsești unul care să se potrivească bugetului și nevoilor tale. Dar, pentru a utiliza în mod specific Stripe Pro Addon, aveți nevoie de planurile Pro sau Elite WPForms.

După ce achiziționați Planul Pro sau Elite, conectați -vă la contul dvs. WPForms și navigați la descărcări .

După aceasta, descărcați fișierul ZIP WPForms pe computer. Apoi, totuși, pe această pagină, copiați cheia de licență ; Veți avea nevoie de ea pentru a activa versiunea Pro.

Odată terminat, mergeți la tabloul de bord WordPress și accesați plugin -uri »Adăugați un nou plugin . Apoi, instalați și activați WPForms așa cum ați face orice alt plugin.

Consultați acest tutorial despre cum să instalați plugin -uri dacă aveți nevoie de ajutor.

După activare, ar trebui să vedeți că apare o nouă opțiune de meniu în tabloul de bord WordPress etichetat „WPForms”. Acest lucru indică faptul că procesul de instalare a fost un succes.

După aceasta, accesați WPForms »Setări» General și lipiți „Cheia de licență” pe care ați copiat -o mai devreme.

În cele din urmă, Hit Verify Chey și asta este! Sunteți gata să utilizați WPForms.

În continuare, să vedem cum să configuram plata Stripe în WordPress prin WPForms.

Pasul 2: Instalați și configurați WPForms Stripe Pro Addon

WPForms face foarte simplu să adăugați plăți cu bandă și să le configurați. Tot ce trebuie să faceți este să mergeți la WPForms »Addons .

Aici, parcurgeți adăugările disponibile sau utilizați funcția de căutare pentru a găsi addonul „Stripe Pro”. După aceasta, instalați -l și activați -l ca orice alt addon de plugin.

Asta este! Acum puteți utiliza funcții avansate de dungi pe WPForms prin intermediul acestui addon.

Apoi, configurați și configurați plăți cu bandă pe WPForms.

Pentru a face acest lucru, accesați setările WPForms » și navigați la fila„ Plata ”. După aceasta, parcurgeți secțiunea Stripe de pe pagină și apăsați „Conectați -vă cu Stripe.”

Veți fi redirecționat către o pagină de înscriere unde puteți adăuga detaliile de conectare a dungiului. Dacă nu aveți un cont Stripe, puteți crea și unul pe această pagină.

Odată conectat, veți fi redirecționat înapoi la tabloul de bord WordPress. În acest moment, ar trebui să vedeți o căpușă verde lângă „Starea conexiunii” sub fila Stripe.

Consultați acest articol despre cele mai bune pluginuri cu dungi dacă căutați mai multe instrumente care să conecteze acest lucru cu ușurință cu Stripe în WordPress.

Mare! Tocmai ați configurat Stripe și sunteți gata să primiți plăți.

Pasul 3: Creați formular de plată

Următorul pas este să configurați un formular de plată în care utilizatorii pot efectua plăți. După cum am menționat, frumusețea utilizării WPForms este că puteți adăuga un câmp de plată pe orice formă doriți.

De exemplu, puteți adăuga un câmp de plată la un formular de înregistrare. Aceasta combină înscrierea și plata cu procesul de cod QR, eficientizarea checkout -ului. De asemenea, îl puteți adăuga la un formular de donație, formular de facturare, formular de licitație, formă RSVP de partid, formular de comandă și multe altele.

Cea mai bună parte a utilizării WPForms este că vine cu peste 2000 de șabloane de formă gata de utilizare. Acest lucru simplifică procesul în continuare. Puteți utiliza, de asemenea, pânza goală dacă aveți experiență de design.

Pentru a vă ajuta să alegeți un șablon, WPForms vă arată o previzualizare pentru fiecare din pagina șablonului. Dacă doriți să vizualizați șablonul pe un ecran complet, treceți peste el și selectați „Vizualizați demo”.

Tutorialul nostru pas cu pas va folosi șablonul „Formular de contact simplu”.

Deci, vom trece peste el și vom lovi „Folosiți șablon”. Acest lucru va deschide șablonul în constructorul de forme de drag and drop.

În primul rând, veți observa că interfața Form Builder este împărțită în două secțiuni: „Câmpuri” din stânga și o previzualizare în direct a formularului dvs. din dreapta.

Câmpurile sunt împărțite în câmpuri standard, câmpuri de lux și câmpuri de plată. Acest lucru face ușor să găsiți un câmp pe care doriți să îl adăugați.

WPForms oferă o varietate de tipuri de câmpuri, inclusiv text unic, e-mail, meniuri verticale, căsuțe de selectare și multe altele, oferindu-vă flexibilitatea de a crea formulare adaptate scopului dvs.

Pentru a adăuga un câmp, pur și simplu trageți -l de pe panoul din stânga și aruncați -l în locul dorit din formularul dvs. în fereastra de previzualizare din dreapta. Puteți reorganiza câmpurile făcând clic și trăgându -le în previzualizarea live în timp ce creați formularul de contact.

Acest lucru vă permite să personalizați aspectul formularului pentru a se potrivi nevoilor dvs. fără efort.

De exemplu, puteți adăuga un câmp de articole de selectare, mai multe articole sau elemente derulante dacă doriți să vindeți mai multe produse pe formularul dvs. Pe de altă parte, puteți adăuga un singur câmp de articol dacă doriți să vindeți un singur produs pe formularul de contact.

Nu uitați, fiecare șablon WPForms are câmpuri pre-adăugate, pe care le puteți personaliza.

Pentru a edita un câmp, selectați -l în previzualizarea formularului, iar opțiunile de câmp vor apărea în stânga. De aici, puteți modifica eticheta de câmp, textul localității și alte setări, cum ar fi dacă câmpul este necesar.

După ce ați terminat editarea sau adăugarea de câmpuri, salvați -vă formularul folosind butonul din dreapta sus pentru a vă asigura că toate modificările sunt aplicate. Acest proces simplu asigură că chiar și începătorii pot construi forme profesionale și funcționale în câteva minute.

Consultați acest articol de comparație despre WPForms vs. Formstack pentru a vedea cum se potrivesc în crearea de formulare.

Pasul 4: Configurați plata dungi

Cu formularul de contact gata, configurarea opțiunii de plată a dungi este următorul pas.

Pentru a face acest lucru, va trebui să adăugăm un câmp cu dungi la formular. Acesta este un proces foarte simplu, deoarece veți folosi același proces de tracțiune și cădere pe care l -am folosit mai sus.

Așadar, accesați panoul de câmpuri și derulați pe câmpurile de plăți . Aici, localizați câmpul „Card de credit cu dungi”, apoi trageți și aruncați -l în locația din formularul pe care doriți să îl apară.

Câmpul de plată WPForms Stripe vine premade cu numărul de card, expirarea, CVC și linii de text din țară. Deci, nu este necesar să personalizați mai departe câmpul cardului de credit Stripe.

Consultați acest articol pentru a afla un alt mod convenabil de a primi plăți de card în WordPress.

Cu câmpul de plată cu bandă gata, accesați fila „Plăți” din extrema stânga.

Odată selectat, deschideți toate gateway -urile de plată pentru a vă conecta cu WPForms. Puteți utiliza autoriza.net, cupoane, comerț paypal, standard paypal și pătrat.

Dar, gateway -ul de plată recomandat este Stripe, pe care îl veți găsi în partea de sus a acestei pagini.

După ce selectați această opțiune, o nouă pagină se va deschide pe stânga cu un buton de comutare pentru a activa „plăți unice” sau „plăți recurente”.

Consultați acest articol pentru a afla cum să configurați plăți recurente cu WPForms.

Pentru tutorialul nostru de astăzi, vom stabili plăți unice.

După ce utilizați butonul de comutare pentru a activa această caracteristică, veți vedea opțiuni pentru a cartografia câmpurile formularului de contact către câmpurile de plată. Acest lucru permite WPForms să comunice cu Stripe și să se asigure că detaliile de plată corecte sunt capturate în timpul procesului de trimitere a formularului.

Din nou, WPForms facilitează procesul de mapare.

Tot ce trebuie să faceți este să selectați o opțiune din meniurile derulante. De fapt, meniurile derulante conțin doar cel mai probabil câmp de cartografiat, ceea ce face și mai ușor.

De exemplu, în meniul drop de primire a benzii, vedeți „e -mail”. Apoi, în meniul derulant al clientului, veți primi „nume”.

După mapare, ar trebui să arate ca ecranul de mai jos:

Pentru a îmbunătăți experiența utilizatorului în continuare, puteți activa logica condiționată în partea de jos a acestei pagini.

Aici, puteți dicta când câmpurile de plată ar trebui să fie afișate sau ascunse. WPForms vă permite chiar să adăugați mai multe reguli logice condiționate.

În afară de logica condiționată, iată un alt mod de a reduce abandonarea formei care poate fi la îndemână.

Pasul 5: Configurați notificări și mesaje de confirmare

Acum, notificările prin e -mail și mesajele de confirmare sunt importante pentru toate formularele. Dar, sunt cruciale pentru formularele legate de plată. Aceștia oferă feedback instantaneu utilizatorilor, asigurându -i că plata lor a fost procesată cu succes.

Notificările prin e -mail pot fi configurate pentru a trimite un utilizator de chitanță sau de confirmare, în timp ce vă notifică și despre tranzacție.

Mesaje de confirmare, afișate imediat după depunerea formularului, ajută la eliminarea confuziei, permițând utilizatorilor să știe că plata lor și trimiterea formularului a avut succes.

Puteți seta mesajul de confirmare imediat pe aceeași pagină cu un „mesaj”, afișați -l pe o altă pagină de pe același site sau pe o adresă URL externă.

WPForms vă permite să le setați ambele în setări . Aici, primiți file atât pentru „notificări”, cât și pentru „confirmări”.

Nu uitați, asigurarea acestor mesaje sunt clare și profesionale îmbunătățește încrederea utilizatorilor și creează o experiență generală mai ușoară.

Puteți consulta acest articol despre cum să configurați notificări și confirmări ale formularului pentru o explicație aprofundată.

Pasul 6: Publicați formularul

Acum, cu totul setat, singurul lucru rămas de făcut este să vă publicați formularul pe site -ul dvs. WordPress. Există două moduri de a face acest lucru: publicați pe o nouă pagină sau publicați pe o pagină existentă.

Să ne uităm la cum să publicăm pe o pagină existentă.

Mai întâi, apăsați butonul de salvare din partea de sus a paginii. Odată terminat, selectați butonul „Embed” de lângă butonul de salvare pentru a deschide o fereastră pop -up. Apoi, în această fereastră, alegeți „Selectați pagina existentă.”

În următoarea pop -up, alegeți pagina în care doriți să apară formularul din meniul vertical. După această lovitură, „Să mergem”.

Aceasta va deschide pagina în editorul de blocuri WordPress.

După aceasta, mergeți la îndepărtatul din stânga editorului de blocuri și selectați butonul Plus (+) pentru a deschide blocurile.

Apoi, localizați blocul WPForms și trageți -l și aruncați -l în locația de pe pagina în care doriți să apară formularul de plată. Odată ce se încarcă, utilizați meniul derulant din bloc pentru a selecta formularul de plată pe care tocmai l -ați construit.

În cele din urmă, apăsați Salvați în partea dreaptă sus a paginii. În acest moment, ar trebui să vedeți formularul de contact pe care l -ați creat pe pagina live.

În continuare, să vedem cum să adăugăm formularul de plată la o nouă pagină.

Din nou, reveniți la butonul de încorporare din partea de sus a constructorului de tracțiune și picătură. Dar de data aceasta, selectați „Creați pagină nouă”.

În următoarea pop -up, numiți noua pagină și selectați „Să mergem”. Aceasta va deschide editorul de bloc pentru noua pagină. De această dată, noua pagină se va încărca cu formularul pre-adăugat.

Desigur, puteți utiliza blocuri WordPress pentru a personaliza în continuare pagina. Dar, formularul ar trebui să fie gata să publice așa cum este. Odată ce sunteți mulțumit de formular, apăsați „Publicați” în partea de sus a paginii.

Asta este! Acum puteți publica un formular folosind WPForms pe paginile existente și noi.

În continuare, să vedem cum să adăugăm un cod QR pentru a accepta plățile prin formular.

Pasul 7: Adăugați codul QR pentru plăți cu bandă în WordPress

Acum, există 2 metode gratuite și simple pentru a adăuga un cod QR la formularul dvs. de plată. În primul rând, puteți utiliza Google Chrome, care are o funcție QR încorporată, sau Shortcodes Ultimate, un plugin WordPress gratuit.

1. Utilizați funcția Chrome încorporată pentru a adăuga un cod QR

Pentru a crea un cod QR folosind funcția Google Chrome, deschideți pagina formularului de plată din browser.

Puteți utiliza butonul de partajare de lângă bara de text URL pentru a deschide funcția de cod QR.

Dacă nu îl găsiți aici, apăsați butonul „Personalizare și control” din partea dreaptă sus a browserului Chrome. Acest lucru este de obicei afișat ca 3 puncte.

După aceasta, derulați în jos pentru a arunca, a salva și a împărtăși . Apoi, din meniul derulant, selectați „Creați cod QR.”

Apoi, pe pop -up care apare în continuare, descărcați codul QR ca imagine.

Apoi, accesați orice pagină sau postați pe site -ul dvs. și adăugați codul QR pe ​​care l -ați descărcat. De preferință, adăugați -l la paginile de produs, astfel încât să puteți redirecționa rapid utilizatorii către pagina de checkout.

În continuare, tot ce trebuie să faceți este să editați pagina sau să o postați în editorul de bloc. Apoi, utilizați blocul de imagini pentru a adăuga codul QR.

Asta este. Utilizatorii dvs. vă pot deschide formularul de plată instantaneu.

2. Folosiți coduri scurte Ultimate pentru a adăuga un cod QR

Codurile scurte construite de Shortcodes Ultimate vă permit să plasați codul QR în zone de pagini mai convenabile, widget -uri, bare laterale și multe altele fără codificare.

Pentru a obține versiunea gratuită a acestui plugin de cod scurt, accesați depozitul dvs. WordPress și utilizați funcția de căutare pentru a găsi „Shortcode Ultimate”. După aceasta, instalați -l și activați -l așa cum ați face orice alt plugin.

După aceasta, deschideți o pagină nouă sau existentă în tabloul de bord WordPress. Apoi, utilizați funcția Plus (+) pentru a căuta „Shortcode”.

Trageți și aruncați blocul de cod scurt în poziția de pe pagina în care doriți să apară codul QR.

Odată terminat, selectați opțiunea Square Brackets „[]” deasupra blocului de coduri scurte pentru a deschide mai multe opțiuni. Apoi, găsiți „Cod QR” din lista lungă de opțiuni din fereastra pop -up.

Pe următorul pop -up, introduceți adresa URL a formularului de plată în câmpul de date . Apoi, puteți adăuga mai multe personalizări precum dimensiunea, marja, alinierea, legătura și multe altele.

După aceasta, apăsați codul scurt de introducere și actualizați pagina. Ar trebui să vedeți codul QR pe ​​pagina live în acest moment.

Consultați eșantionul codului QR de plată de mai jos:

Partea cea mai bună este că puteți utiliza acest cod QR creat pe mai multe pagini și postări fără modificări suplimentare.

Asta este! Tocmai ai învățat cum să adaugi plata codului QR Stripe în WordPress. Sperăm că v -a plăcut. Dacă mai aveți întrebări, consultați mai jos întrebările în mod obișnuit.

Întrebări frecvente: Cum se adaugă plățile de cod QR cu bandă în WordPress

Felicitări! Acum puteți configura coduri de plată QR pe ​​site -ul dvs. WordPress. Iată un articol care să vă arate cum să acceptați plățile cu dungi în WordPress dacă nu doriți să adăugați coduri QR la formularul dvs. de plată.

În plus, iată și alte articole pe care le puteți interesa să citiți.

• 9 cele mai bune pluginuri de plată WordPress
• WP Simple Review Pay: Este cel mai bun plugin de plată?
• 9 cele mai bune pluginuri de plată WordPress

Primul articol listează cele mai bune pluginuri de plată pentru WordPress. Următorul recenzie WP Simple Pay, un alt plugin de plată uimitor. Ultimul post ocupă cele mai bune pluginuri de plată WordPress.