Cum să creezi cu ușurință formulare de contact în WordPress

Când navighezi pe orice site în căutarea unor informații sau a unui produs, de mai multe ori ai fost lăsat să dorești să afli mai multe sau să ceri informații suplimentare. Dacă doriți să preveniți acest lucru pe site-ul dvs., asigurați-vă că oferiți toate facilitățile, astfel încât orice vizitator să vă poată contacta pe site-ul dvs.

De ce am nevoie de un formular de contact pe site-ul meu?

Indiferent dacă aveți o afacere mică, un magazin online sau un blog de informații, mai devreme sau mai târziu veți dori ca vizitatorii să vă poată contacta. Cea mai rapidă și ușoară soluție ar putea fi să includeți o adresă de e-mail pe web, astfel încât să vă poată contacta, dar mă tem că aceasta ar putea să nu fie o idee bună: veți primi o mulțime de spam, nu veți ști unde sunt. te-au găsit (dacă au venit pentru că au văzut adresa pe web sau oriunde altundeva), și cu siguranță în emailul pe care îl primești o să-ți lipsească câteva informații pe care ai vrea să le cunoști.

Formularele de contact vă permit să primiți informații într-un mod structurat și să le stocați corect în modul care vi se potrivește cel mai bine. În plus, au multe alte avantaje, deoarece puteți, de exemplu:

• Definiți diferite forme pe pagini, postări, widget-uri.
• Indicați informațiile necesare pe care doriți să le completeze.
• Afișați mesaje de confirmare sau de eroare când formularul este completat.
• Indicați unde doriți să primiți informațiile din formularul completat.
• Stocați datele de contact în conformitate cu RGPD.
• Cunoașteți originea informațiilor primite.
• Controlează spam-ul.
• Trimiteți informațiile către mai mulți utilizatori.
• Integrați-le cu alte platforme etc.

Să vedem cum putem crea rapid și ușor formulare de contact gratuite pe site-ul nostru. După cum știți, WordPress proaspăt instalat nu vă oferă opțiunea de a crea formulare de contact personalizate. Dacă doriți să creați formulare personalizate, va trebui fie să instalați o temă care să includă formulare de contact, fie să utilizați un plugin.

Există o mulțime de pluginuri din care să alegeți. Unul dintre cele mai populare pluginuri de formulare de contact, Contact Form 7, este ușor de utilizat, dar nu are un editor vizual pentru a crea formularele și trebuie să-i înveți sintaxa. Alternativa oferită de majoritatea pluginurilor, precum WPForms, Fomidable Form Builder, HubSpot sau Ninja Forms, printre altele, este adăugarea unui framework WordPress cu un panou de control din care să conceapă formularele de contact.

În această postare vrem să vorbim despre un plugin de formular de contact diferit de cele anterioare: Nelio Forms.

Nelio Forms

Nelio Forms este un plugin pe care tocmai l-am lansat. Aveți versiunea sa gratuită disponibilă în Directorul de pluginuri WordPress.

De ce am lansat un nou plugin de formular de contact, dacă există deja alții disponibile? Pentru că de ceva vreme folosim alte plugin-uri pentru a crea formulare și experiența noastră nu a fost ceea ce ne-am fi dorit. Nelio Forms este un plugin care se integrează în editorul de blocuri WordPress și, prin urmare, nu implementează un cadru personalizat de generare de formulare.

Să vedem ce pași trebuie să urmați pentru a crea cu ușurință formulare de contact cu Nelio Forms.

Instalați pluginul Nelio Forms

Nelio Forms este instalat ca orice alt plugin. Din tabloul de bord WordPress, faceți clic pe „Add New” și în motorul de căutare, tastați „Nelio Forms” și apoi instalați și activați pluginul.

Creați-vă primul formular

Odată instalat și activat, în bara laterală de meniu, veți găsi opțiunile Nelio Forms. Faceți clic pe „Adăugați nou:”

Editorul de blocuri se va deschide și veți observa rapid că arată foarte asemănător cu editorul de postări și pagini, dar în acest caz vă arată informațiile minime pe care trebuie să le includeți sub orice formă: numele formularului pentru a-l identifica, un câmp ( în mod implicit, vă arată un câmp de text) de completat și butonul „Trimite”.

Editați formularul de contact

După denumirea formularului, ar trebui să adăugați o etichetă descriptivă la fiecare câmp dacă doriți să fie accesibil (aveți opțiunea dacă această etichetă este afișată sau nu pe formular).

În bara laterală, puteți vedea proprietățile blocului pe care îl editați. Astfel, de exemplu, atunci când editați câmpul de introducere a textului, pe lângă eticheta descriptivă și posibilitatea de a adăuga un substituent, veți vedea că puteți indica și dacă acel câmp este obligatoriu pentru ca formularul să fie trimis și dacă trebuie sau nu afișați eticheta descriptivă.

În același mod în care adăugați orice bloc nou în editorul de blocuri WordPress, puteți edita formularul modificându-i aspectul și adăugând blocuri diferite.

După cum puteți vedea în imaginea de mai sus, în afară de blocul de tip paragraf pe care îl cunoașteți deja, formularele pot fi proiectate în coloane și aveți un set de blocuri specifice formularelor de contact:

• Un câmp de introducere a textului,
• Un câmp de zonă de text,
• Un câmp de e-mail,
• Un câmp telefonic,
• Un câmp de parolă,
• Un câmp de casetă de selectare,
• Un câmp numeric și
• Un câmp URL

Fiecare câmp poate avea propriile setări. De exemplu, în cazul unui câmp numeric, nu numai că îl puteți solicita și/sau ascunde eticheta acestuia, ci și indica valorile intervalului minim și maxim și numărul fiecărui pas.

Și în cazul unei casete de selectare, puteți indica dacă este bifată sau debifată în mod implicit:

În cele din urmă, puteți edita butonul de trimitere ca orice alt buton. Adică, îi puteți modifica stilul, culoarea, chenarul, lățimea, fontul sau dimensiunile, precum și să definiți o adresă URL sau o ancoră la care să mergeți după trimiterea formularului. Puteți chiar să adăugați clase CSS suplimentare.

După cum puteți vedea, crearea unui formular ca cel pe care îl vedeți în prima imagine a acestei postări este la fel de ușor ca și scrierea unei postări în editorul de blocuri.

Trimiterea unui formular completat

După crearea formularului, trebuie să indicați unde doriți să fie trimis formularul odată ce acesta este trimis. Pentru a face acest lucru, puteți adăuga o nouă „Acțiune de trimitere” sau o puteți edita pe cea existentă.

În versiunea gratuită a pluginului puteți adăuga doar notificări prin e-mail. Având în vedere orice notificare, va trebui să definiți câteva setări, cum ar fi adresa de e-mail a destinatarului, cine a trimis e-mailul sau mesajul în sine. Pentru fiecare câmp de e-mail, puteți fie să introduceți o adresă de e-mail validă, să selectați un câmp de e-mail din formularul dvs. sau să utilizați adresa de e-mail a administratorului site-ului.

În mesajul propriu-zis poți scrie ce vrei, dar poți folosi și toate sau unele dintre câmpurile trimise de utilizator, adresa URL a formularului sau adresa de email a administratorului site-ului.

Odată ce ați adăugat informațiile, formularul dvs. de contact este complet. În mod similar, puteți crea oricâte formulare de contact doriți și toate vor fi disponibile pentru editare din opțiunea „Toate formularele” din meniul Nelio Forms.

Adăugați formularul în paginile și postările dvs

Odată ce formularul dvs. a fost creat, tot ce rămâne este să îl adăugați acolo unde doriți să fie afișat pe site-ul dvs. Pentru a face acest lucru, din editorul oricărei pagini, trebuie să adăugați un bloc de tip „Formular”.

Din pagina propriu-zisă, atunci când adăugați un bloc de formular, aveți opțiunea de a crea direct un formular nou exact în același mod ca cel menționat mai sus sau, dimpotrivă, adăugați unul dintre formularele pe care le-ați creat anterior.

Odată introdus, unul dintre marile avantaje ale Nelio Forms este că poți modifica formularul direct în timp ce editezi pagina ca orice alt bloc. Când îl modificați, veți vedea că în butonul „Actualizare” apare un punct alb în stânga cuvântului (similar cu actualizarea șabloanelor) care indică dacă doriți ca modificările pe care le faceți în formularul propriu-zis să fie salvate.

În acest fel, puteți adăuga, edita și afișa formularele din paginile dvs. în același mod ca și cu orice alt bloc pe care îl aveți la dispoziție.

Primiți solicitări de contact de la vizitatorii dvs

Asta e! Trebuie doar să publicăm pagina sau postarea care conține formularul creat. Dacă un vizitator completează incorect formularul, acesta va fi avertizat să verifice informațiile completate.

În curând veți primi notificări cu informațiile completate de vizitatorii dumneavoastră în modul pe care l-ați indicat în formular.

În acest fel, atunci când primești un email de contact, vei ști de unde vine acesta, vei avea toate informațiile pe care le-ai indicat ca fiind necesare și vei putea evita spam-ul.

Concluzie

Am văzut deja că crearea de formulare de contact cu Nelio Forms, datorită integrării sale cu editorul WordPress, este la fel de ușoară ca și crearea oricărei pagini sau postare.

Pentru moment, versiunea gratuită este foarte simplă, dar include tot ce aveți nevoie pentru a crea formularele de contact de care site-ul dvs. are nevoie. Toate formularele de contact pe care le veți găsi pe acest site, de exemplu, au fost create cu Nelio Forms.

Pentru versiunea premium sperăm să avem mult mai multe funcții pe care le veți găsi descrise pe pagina Nelio Forms . Desigur, dacă credeți că aveți nevoie de orice funcționalitate suplimentară și/sau sunteți interesat de versiunea premium, vă invităm să completați formularul de pe pagina respectivă și vă vom contacta.

Nu ezitați să instalați și să testați pluginul Nelio Forms (rețineți, este gratuit!) și împărtășiți-vă impresiile aici.

Imagine prezentată de Brooke Cagle pe Unsplash .