Cum să previzualizați o intrare de formular înainte de a o trimite

Publicat: 2022-01-27

Doriț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.

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

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.:

  1. Instalați WPForms
  2. Adăugați un formular nou
  3. Adăugați câmp de previzualizare a intrării formularului
  4. Personalizați notificarea și stilul de previzualizare
  5. 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.

Descărcați butonul WPForms

Î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.

Cheie de licență WPForms

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 .

Încărcați pluginul

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.

Instalați acum wpforms

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 .

Activați pluginul WPForms

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).

Cheie de licență WPForms

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.

Adăugați un formular nou

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.

Selectați șablonul

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.

Previzualizare simplă a formularului de contact

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.

Câmpul de previzualizare a intrării cu întrerupere de pagină în zona de previzualizare a generatorului de formulare

Iată cum apare previzualizarea în acțiune atunci când un utilizator completează un formular:

Previzualizare formular simplu

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.

previzualizarea câmpurilor de introducere a formularelor multiple

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.

Activarea notificării câmpului Previzualizare intrare

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

Alegerea unui stil de previzualizare a intrării

Stilul implicit este Basic, care afișează o previzualizare rând cu linie a intrării formularului.

Previzualizare formular simplu

Dacă doriți să oferiți previzualizării un aspect mai strâns, puteți alege opțiunea stil Compact .

Formă în 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.

Activarea confirmării previzualizării intrării

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.

Selectarea stilului de confirmare a previzualizării 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.

Confirmare previzualizare

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.