Cum să previzualizați o intrare de formular înainte de a o trimite
Publicat: 2022-01-27Doriți ca vizitatorii dvs. să previzualizeze intrările din formular înainte de a le trimite?
Permiterea utilizatorilor să previzualizeze intrările lor reduce foarte mult șansele de erori și inexactități în timp ce completează formularele.
WPForms are un câmp de previzualizare a intrărilor pe care îl puteți adăuga cu ușurință în formularele dvs., astfel încât utilizatorii dvs. să poată vedea un rezumat rapid al intrărilor lor în timpul și după trimitere.
În această postare, vă vom arăta cum să adăugați câmpul Previzualizare intrare și să-l personalizați în diferite moduri în WPForms.
Creați un formular cu previzualizări de intrare acum
De ce ar trebui să afișați o previzualizare a intrării?
Capacitatea de a previzualiza intrările este foarte utilă, mai ales când vine vorba de forme mai lungi și mai complexe.
Este normal să faceți greșeli de tipar și greșeli în timp ce completați un formular, dar o previzualizare înainte de trimitere vă permite să verificați informațiile pentru exactitate înainte de a apăsa butonul de trimitere.
Deci, dacă doriți să minimizați erorile și să oferiți utilizatorilor posibilitatea de a corecta orice greșeală înainte de trimitere, ar trebui să adăugați include câmpul Previzualizare intrare oferit de WPForms.
Cum să previzualizați o intrare de formular înainte de a o trimite
Parcurgeți tutorialul nostru pas cu pas pentru a afla cum puteți adăuga previzualizarea trimiterii la formularele dvs.:
- Instalați WPForms
- Adăugați un formular nou
- Adăugați câmp de previzualizare a intrării formularului
- Personalizați notificarea și stilul de previzualizare
- Adăugați o confirmare de previzualizare a intrării
Sa incepem.
1. Instalați WPForms
Pentru început, alegeți un plan WPForms potrivit și înregistrați-vă contul. Apoi, conectați-vă în zona contului dvs. WPForms și faceți clic pe fila Descărcări . Aceasta va deschide o pagină în care puteți apăsa butonul Descărcare WPForms pentru a descărca fișierul zip.
În timp ce vă aflați pe această pagină, asigurați-vă că ați copiat cheia de licență. Veți avea nevoie de acesta mai târziu când activați WPForms Pro pe site-ul dvs. WordPress.
După ce fișierul zip s-a descărcat pe computer, deschideți tabloul de bord WordPress și faceți clic pe Plugins » Add New. Apoi, faceți clic pe butonul Încărcare plugin .
Acum, faceți clic pe butonul Alegeți fișierul și alegeți fișierul plugin pe care tocmai l-ați descărcat.
Faceți clic pe Instalați acum când fișierul este încărcat.
WPForms se va instala acum pe site-ul dvs. WordPress. Acest lucru ar trebui să dureze doar câteva secunde. Când instalarea se termină, apăsați butonul Activare plugin .
Acum faceți clic pe WPForms » Setări. Aceasta va deschide fila Setări generale în mod implicit. Derulați în jos pentru a găsi câmpul Cheie de licență și introduceți cheia aici (pe care ați copiat-o mai devreme).
Apoi, faceți clic pe butonul Verificare cheie . Aceasta va finaliza instalarea WPForms Pro pe site-ul dvs.
2. Adăugați un formular nou
Acum, deschideți zona de administrare WordPress a site-ului dvs. și faceți clic pe WPForms » Adăugați nou în bara laterală din stânga. Acum puteți da un nume formularului dvs. pentru a vă fi ușor de găsit mai târziu.
Derulați în jos pentru a selecta un șablon pentru a începe să vă construiți formularul. La fel ca toate câmpurile WPForms, câmpul Previzualizare intrare este acceptat în majoritatea celor peste 300 de șabloane disponibile.
Când ați selectat un șablon, vom adăuga câmpul Previzualizare intrare în pasul următor.
3. Adăugați câmpul de previzualizare a intrării formularului
În exemplul următor, folosim un formular de rezervare personalizat, dar sunteți liber să utilizați orice șablon de formular la alegere.
Pentru a adăuga o funcție de previzualizare în formularul dvs., pur și simplu trageți și plasați câmpul Previzualizare intrare din panoul din stânga al constructorului în panoul din dreapta, unde sunt câmpurile reale ale formularului.
Când adăugați câmpul Previzualizare intrare în formular, acesta va adăuga automat o nouă pagină în care va apărea previzualizarea.
Iată cum apare previzualizarea în acțiune atunci când un utilizator completează un formular:
De asemenea, puteți plasa câmpul Previzualizare intrare de mai multe ori în formularul dvs. De exemplu, dacă aveți un formular cu mai multe pagini, puteți plasa un câmp Previzualizare intrare după fiecare pagină. Aceasta înseamnă că utilizatorii dvs. pot previzualiza informațiile pe care le-au completat în paginile anterioare, pe măsură ce continuă să completeze restul formularului.
Adăugarea mai multor câmpuri de previzualizare a intrărilor în formularele lungi este o modalitate excelentă de a vă asigura că utilizatorii dvs. pot previzualiza intrările și pot reveni oricând pentru a face modificări, dacă este necesar.
4. Personalizați notificarea și stilul de previzualizare
WPForms vă permite să personalizați notificarea de previzualizare. Pur și simplu faceți clic pe câmpul Previzualizare intrare din vizualizarea generatorului de formulare pentru a deschide setările câmpului.
Puteți utiliza butonul de comutare Afișare Preview Preview pentru a afișa mesajul deasupra previzualizării intrării sau pentru a-l ascunde complet.
De asemenea, aveți libertatea de a edita notificarea de previzualizare după bunul plac sau de a lăsa mesajul implicit așa cum este.
Apoi, poate doriți să schimbați stilul de previzualizare a intrării. Faceți clic pe fila Avansat din opțiunile câmpului Previzualizare intrare pentru a alege dintre 4 stiluri de previzualizare diferite:
- De bază
- Compact
- Masa
- Masa, Compact
Stilul implicit este Basic, care afișează o previzualizare rând cu linie a intrării formularului.
Dacă doriți să oferiți previzualizării un aspect mai strâns, puteți alege opțiunea stil Compact .
Aceasta completează configurarea câmpului Previzualizare intrare din formularele dvs. Dar există un alt tip de previzualizare a intrării pe care îl puteți adăuga, așa cum arătăm în pasul următor.
5. Adăugați o confirmare de previzualizare a intrării
În afară de previzualizările de intrare care apar atunci când completați un formular, WPForms vă permite, de asemenea, să afișați previzualizări după ce un utilizator a trimis un formular.
Spre deosebire de câmpul Previzualizare intrare, utilizatorii dvs. nu au posibilitatea de a-și schimba intrările atunci când este afișată o confirmare de previzualizare. În schimb, arată utilizatorilor dvs. doar o copie a trimiterii lor, care nu mai poate fi modificată.
Pentru a configura confirmările de previzualizare a intrării, accesați Setări » Confirmări în generatorul de formulare WPForms. Aici, puteți comuta la Afișați previzualizarea intrării după butonul de mesaj de confirmare.
Când ați activat această opțiune, veți vedea un meniu derulant care vă permite să alegeți un stil de previzualizare așa cum am arătat mai sus pentru câmpurile de previzualizare a intrării.
Puteți utiliza în continuare Previzualizările intrărilor (care apar atunci când un formular este completat) împreună cu confirmarea previzualizării (care apare numai după ce au fost trimise intrările). Sau puteți utiliza doar una sau alta dintre aceste opțiuni. Totul depinde de preferințele tale și de ceea ce încerci să obții cu formularele tale.
Si asta e! Acum puteți permite utilizatorilor să previzualizeze o intrare de formular înainte de a o trimite.
Apoi, aplicați restricții de acces pe formularele WordPress
Doriți să restricționați formularele WordPress numai la utilizatorii autentificați? WPForms vă permite să selectați nivelurile de permisiuni ale utilizatorului în funcție de starea lor de conectare. Consultați articolul nostru despre cum să restricționați formularele WordPress la utilizatorii conectați pentru a afla mai multe.
De asemenea, poate doriți să citiți ghidul nostru despre cele mai bune pluginuri pentru bara de notificări WordPress pentru a vă promova vânzările și ofertele speciale pe site-ul dvs.
Sunteți gata să vă construiți formularul? Î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.
Creați un formular cu previzualizări de intrare acum
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.