9 Cele mai bune practici de proiectare a formularelor web pentru a stimula conversiile

Publicat: 2022-09-02

Folosiți cele mai bune practici de proiectare a formularelor pentru a profita la maximum de formularele dvs. WordPress?

Atunci când proiectați formulare, este crucială crearea de formulare simple, simplificate și receptive pe care utilizatorii dvs. să le completeze cu plăcere.

Este posibil să primiți mai multe trimiteri și să ascundeți mai multe clienți potențiali dacă formularele dvs. urmează cele mai bune practici cheie care au rezistat testului timpului de-a lungul anilor.

Acest articol vă va arăta cele mai bune practici de proiectare a formularelor web pentru a stimula conversia și a face vizitatorii să vă placă formularele.

În acest articol

  • 1. Folosiți logica condiționată
  • 2. Adăugați un câmp de încărcare a fișierelor pentru formularele de cerere
  • 3. Opriți trimiterile de spam cu CAPTCHA personalizat
  • 4. Lăsați vizitatorii să aleagă sume personalizate pentru donații
  • 5. Lăsați unele câmpuri ca opționale
  • 6. Utilizați câmpul WPForms Smart Phone
  • 7. Utilizați completarea automată a adresei
  • 8. Utilizați aspectul cu mai multe pagini pentru formulare mai lungi
  • 9. Utilizați tipul corect de câmp pentru un scop dat

Ce face un design bun de formă?

Când vine vorba de un design bun de formulare, cea mai bună practică este să păstrați formularele cât mai simple posibil, având doar câmpurile necesare care sunt relevante pentru respondent.

Cu cât formularul este mai lung, cu atât este mai probabil ca un utilizator să îl abandoneze înainte de a-l completa complet.

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

Dacă nu puteți evita construirea unui formular lung, există tactici precum împărțirea formularului în mai multe pagini sau permiterea utilizatorilor să salveze un formular pentru acces ulterior pe care îl puteți utiliza.

Să ne uităm în detaliu la cele mai bune practici de proiectare a formularelor pe care ar trebui să le urmați pentru a oferi vizitatorilor cea mai bună experiență de utilizare.

Cele mai bune practici de proiectare a formularelor pentru a stimula conversiile

Înainte de a începe cu cele mai bune practici de proiectare a formularelor, asigurați-vă că utilizați WPForms pentru a vă crea formularele.

WPForms este cel mai bun plugin de generare de formulare pentru WordPress, care vă permite să creați formulare receptive pentru desktop și mobile. Este iubit de peste 5 milioane de companii bazate pe WordPress.

WPForms

Cu o interfață ușoară pentru generatorul de formulare prin glisare și plasare și peste 400 de șabloane de formulare, WPForms are toate instrumentele de care aveți nevoie pentru a crea formulare care urmează cele mai bune practici de proiectare a formularelor.

Obțineți WPForms acum

1. Folosiți logica condiționată

Logica condiționată vă permite să creați formulare dinamice, să afișați text personalizat sau să setați valori de câmp personalizate pe baza selecției utilizatorului.

Motivul pentru care logica condiționată este o caracteristică atât de mare pentru proiectarea eficientă a formularelor este că vă permite să afișați câmpuri suplimentare numai atunci când răspunsurile utilizatorului le solicită.

conditional job application form

Fără o logică condiționată, te vei simți adesea forțat să incluzi aceleași câmpuri pentru toți vizitatorii, chiar dacă aceste câmpuri ar putea să nu fie relevante pentru ei. Acest lucru introduce distrageri inutile pentru astfel de vizitatori, crescând șansele de abandon.

Cele mai frecvente cazuri de utilizare pentru logica condiționată în formularele WordPress sunt:

  • Adăugați un utilizator la lista dvs. de e-mail numai dacă a bifat caseta pentru a se abona la lista de e-mail din formularul de contact (Excelent pentru afaceri).
  • Ascundeți întrebări întregi dacă clientul nu selectează o anumită opțiune (Excelent pentru sondajele de lungă durată).
  • Afișați un bloc HTML cu o ofertă exclusivă dacă utilizatorul achiziționează opțiunea cu cel mai mare preț (Excelent pentru vânzări suplimentare).

WPForms include un sistem logic condiționat ușor pe care îl puteți utiliza pentru a controla comportamentul de afișare al oricărui câmp din formularul dvs.

Activați logica condiționată pentru un câmp

Vă puteți defini logica ca să fie atât de simplă sau cât de complexă, după cum doriți,

Cu logica condiționată, formularele dvs. par mai curate, concentrate și mai simplificate. Deci, ori de câte ori aveți un formular în care aveți nevoie de câmpuri care ar putea fi relevante doar pentru o fracțiune dintre vizitatori, încercați să adăugați o logică condiționată pentru a oferi o experiență mai bună pentru utilizator.

2. Adăugați un câmp de încărcare a fișierelor pentru formularele de cerere

Dacă faceți un formular de cerere de angajare, este logic să oferiți solicitanților posibilitatea de a-și încărca CV-ul și alte fișiere direct prin formularul dvs.

WPForms vine cu un câmp Încărcare fișier care vă permite să colectați fișiere prin formularele dvs. online.

Example of multiple files uploaded to the Modern File Upload field

Când un utilizator trimite o înregistrare, puteți accesa cu ușurință fișierele pe care le-a trimis, în timp ce vizualizați restul detaliilor aplicației din aceeași interfață.

Acest lucru este bun pentru a vă menține aplicațiile organizate cu fișierele și detaliile complete ale fiecărui solicitant stocate separat în tabloul de bord WordPress.

În plus, simplifică lucrurile pentru solicitanți deoarece aceștia pot oferi toate detaliile și pot atașa orice documente de care au nevoie din același loc.

3. Opriți trimiterile de spam cu CAPTCHA personalizat

Formularul spam este o problemă majoră cu care trebuie să se confrunte fiecare site web. În timp ce reCAPTCHA de la Google a ajutat la combaterea spam-ului din formularele de contact, poate fi, de asemenea, invaziv pentru confidențialitate și frustrant pentru utilizatori să își rezolve provocările legate de imagine.

WPForms este echipat cu o mulțime de instrumente anti-spam, altele decât reCAPTCHA. O metodă eficientă, care este, de asemenea, foarte ușor de utilizat, este utilizarea captcha personalizată.

Addonul personalizat Captcha al WPForms vă permite să creați o întrebare simplă și să definiți răspunsul acesteia. Acest lucru poate fi ceva la fel de simplu ca o sumă matematică, pe care oamenii o pot rezolva fără efort, dar roboții de spam de obicei nu reușesc.

A custom maths question in a form field

Consultați acest ghid despre crearea de formulare de contact WordPress fără spam pentru a afla mai multe modalități de a preveni trimiterile nedorite de formulare.

4. Lăsați vizitatorii să aleagă sume personalizate pentru donații

Când colectați fonduri pe pagina dvs. de destinație pentru donații, nu doriți să îi forțați să dea o anumită sumă. În schimb, este mai bine să le oferiți libertatea de a alege cât de mult ar dori să doneze, în funcție de ceea ce este ușor de gestionat pentru ei.

WPForms oferă diferite tipuri de câmpuri de plată. Câmpul articol unic poate fi setat să accepte introducerea definită de utilizator, ceea ce permite utilizatorului să introducă orice sumă de donație la alegere și să fie taxat pentru exact aceeași.

A simple donation form

În calitate de organizație non-profit, pagina dvs. de donații ar trebui să încurajeze vizitatorii să contribuie în orice mod pot, iar specificarea unor sume fixe de donații îi poate împiedica uneori să facă donații în mod liber.

5. Lăsați unele câmpuri ca opționale

Ar trebui să vă străduiți întotdeauna să vă păstrați formularele cât mai scurte și simple posibil. Aceasta înseamnă să vă asigurați că marcați doar acele câmpuri ca fiind obligatorii, care sunt absolut necesare nevoilor dumneavoastră.

Marcarea prea multor câmpuri de formular după cum este necesar este o practică proastă de proiectare și poate opri vizitatorii care doresc să completeze formularul rapid.

form fields required

În WPForms, puteți marca orice câmp ca fiind necesar sau îl puteți lăsa opțional folosind un buton de comutare din Opțiuni câmp.

mark as required

Dacă doriți ca vizitatorii să completeze mai multe informații, le puteți marca pe cele opționale în loc să marcați câmpurile obligatorii.

6. Utilizați câmpul WPForms Smart Phone

Pentru a stimula conversiile, trebuie să faceți procesul de completare a formularelor fără efort, necesitând cele mai puține clicuri și apăsări de butoane din partea utilizatorului.

Câmpul Telefon al WPForms poate afișa automat formatul corect al numărului de telefon în funcție de locația dvs. geografică. Deci, indiferent de unde este utilizatorul dvs., câmpul Telefon va adăuga automat formatul de număr de telefon utilizat în țara vizitatorului.

Smart phone field in WPForms

Este o simplă comoditate, dar utilizatorii dvs. vor aprecia cu siguranță experiența personalizată de a avea codul de țară corect completat în prealabil de formularul dvs.

7. Utilizați completarea automată a adresei

Completarea automată a adresei este o altă caracteristică care poate îmbunătăți considerabil experiența utilizatorului pentru formularele dvs. web, făcându-le mai rapid pentru utilizatori să își completeze adresele.

Aceasta este o modalitate simplă de a vă ajuta vizitatorii să economisească timp, astfel încât să poată reduce abandonul formularelor.

address autocomplete field in action wpforms

WPForms funcționează foarte bine ca un plugin de geolocalizare pentru WordPress, deoarece este capabil să detecteze locația utilizatorilor dvs., permițându-le, de asemenea, să își identifice locația pe o hartă interactivă.

Veți avea nevoie de addonul WPForms Geolocation pentru a accesa această funcționalitate. WPForms se poate integra cu Google Places sau Mapbox pentru a activa funcțiile de geolocalizare pentru formularele dvs.

8. Utilizați aspectul cu mai multe pagini pentru formulare mai lungi

Formele lungi pot fi copleșitoare pentru vizitatorii dvs. Una dintre cele mai bune practici de proiectare a formularelor web lungi este împărțirea formularelor în mai multe pagini. Acest lucru este foarte bun pentru conversie, deoarece reușesc să rețină atenția utilizatorului mai mult timp.

Aspectul de mai multe pagini al WPForms adaugă, de asemenea, o bară de progres la formular, care încurajează efectiv utilizatorii să treacă peste linia de sosire și să completeze formularul complet. Acest lucru are un impact mare asupra îmbunătățirii ratelor de conversie pentru formularele web mai lungi.

Multi-Page form in WPForms

O regulă de bază bună este să nu includeți mai mult de 3-4 câmpuri pe o singură pagină a formularului dvs. web. Iată un ghid pentru crearea de formulare în mai mulți pași în WordPress.

9. Utilizați tipul corect de câmp pentru un scop dat

Formularele web conțin de obicei diferite tipuri de câmpuri, în funcție de natura întrebării pe care o pune câmpul respectiv.

De exemplu, câmpurile Opțiuni multiple (cunoscute și ca buton radio) sunt grozave atunci când doriți ca utilizatorii să facă o singură selecție dintr-o listă de diferite opțiuni disponibile.

multiple choice example

Pe de altă parte, câmpurile Casete de selectare sunt excelente dacă doriți ca un utilizator să selecteze una sau mai multe opțiuni dintre opțiunile disponibile.

WPForms Checkboxes

Iar câmpul Elemente derulante este cel mai potrivit atunci când doriți să condensați mai multe opțiuni într-un singur meniu derulant care se extinde numai atunci când un utilizator face clic pe el. Acest lucru este grozav dacă doriți să reduceți derularea verticală a formularului.

La fel ca și câmpul Opțiuni multiple, puteți selecta o singură opțiune la un moment dat dintr-un câmp derulant.

drop down menu in WPForms

Dacă doriți să aflați mai multe despre butoanele radio și casetele de selectare, consultați articolul nostru despre câmpurile pentru butoanele radio și casetele de selectare.

Și iată-l! Acestea sunt câteva practici de proiectare a formularelor web testate în timp pe care specialiștii de top le-au folosit pentru a crește conversiile.

Folosiți-le în următorul formular web pe care îl proiectați și probabil veți vedea o rată de completare impresionantă pentru formularele dvs.!

Apoi, aplicați cele mai bune practici pentru formularul de pagină de destinație

Când cineva vă vizitează pagina de destinație, aveți o șansă de a le converti, așa că formularul dvs. trebuie conceput pentru un impact maxim.

Consultați acest articol despre cele mai bune practici din pagina de destinație pentru a afla cum să obțineți rezultate excelente cu pagina dvs. de destinație și să evitați pierderea de clienți potențiali valoroși.

De asemenea, consultați această comparație Gravity Forms vs Typeform vs WPForms pentru a afla care generator de formulare este cel mai potrivit pentru afacerea dvs.

Obțineți WPForms acum

Sunteți gata să vă creați formularul web? Începeți astăzi cu cel mai simplu plugin pentru generatorul de formulare WordPress. WPForms Pro include o mulțime de șabloane gratuite și oferă o garanție de rambursare a banilor de 14 zile.

Dacă acest articol v-a ajutat, vă rugăm să ne urmăriți pe Facebook și Twitter pentru mai multe tutoriale și ghiduri WordPress gratuite.