Doriți să știți cum să creați un formă in mai multi pasi cu Elementor ?

Știți Typeform? El este un creator al formulare populară platformă online binecunoscută pentru stilul său interactiv. În Typeform puteți crea un formă joc online interactiv în mai mulți pași pentru o gamă largă de scopuri.

Dacă aveți un site web WordPress bazat pe Elementor, vă puteți integra fără efort formulare Typeform folosind Essential Addons.

Vezi și: Cum se adaugă o grilă de prețuri în Elementor

Dar din versiunea 2.9, Elementor în sine are o caracteristică pe care o puteți utiliza pentru a crea formulare în mai multe etape. În acest articol vă vom arăta cum să o faceți cu ajutorul luiElementor.

Un formă multi-step în sine este o idee grozavă pentru a economisi spațiu pe designul dvs. (fie că este o pagină sau un șablon de generator de teme). Vă permite să scurtați o formă lungă într-o formă mai simplă.

Cum să creați un formular cu mai mulți pași în Elementor

Înainte de a începe, asigurați-vă că v-ați actualizat Elementor la versiunea pro, în cazul în care nu ați făcut-o, deoarece widgetul Form (widgetul Elementor pentru crearea formularelor) este disponibil doar în pro.

Citiți și: Cum să creați un formular de contact în Elementor

În acest articol, vom trece direct la adăugarea widgetului Formular. Forma în mai mulți pași pe care o vom crea constă din trei pași după cum urmează:

  • Pasul 1: nume și sex
  • Pasul 2: telefon și e-mail
  • Pasul 3: Buton radio

Mai întâi, trageți widgetul Formular în caseta de editare a Elementor.

Accesați panoul de setări din partea stângă pentru a efectua setările. În bloc Câmpuri formular sub fila Conținut, definiți câmpurile în funcție de nevoile dvs. În cazul nostru, câmpurile sunt după cum urmează:

  • nume
  • Gen literar
  • Telefon
  • E-mail
  • pasiune

creați un formular în mai mulți pași

După ce ați terminat adăugarea și definirea câmpurilor de formular de care aveți nevoie, adăugați un alt câmp și setați tipul câmpului la Pas.

Vezi și: Cum se creează o imagine rotunjită în Elementor

Acest pas adaugă automat un câmp nou în ordinea de sus și un câmp nou în partea de jos. Puteți seta eticheta câmpului superior la ceva de genul pas 1.

Apoi trageți câmpul de jos și plasați-l chiar deasupra câmpului de la al doilea pas (câmpul Telefon în acest caz).

Adăugați un alt câmp și setați tipul de câmp pe Pas. Trageți-l și plasați-l chiar deasupra câmpului în al treilea pas (câmpul Hobby în acest caz).

creați un formular în mai mulți pași

Aici. Puteți previzualiza rezultatul înainte de a personaliza formularul. În mod implicit, tipul de pas este setat la număr și text.

Puteți edita din bloc Parametrii pasului sub filă Conţinut.

Puteți accesa fila Stil pentru a vă personaliza formularul. Există 5 blocuri de reglare pe care le puteți deschide.

creați un formular în mai mulți pași cu Elementor

  • Formă : puteți deschide acest bloc pentru a defini spațiul dintre coloane și liniile formularului, tipografia (familia fontului, dimensiunea fontului, stilul fontului etc.) a etichetelor formularului și culoarea textului acestora din urmă .
  • Domenii : Puteți deschide acest bloc pentru a defini tipografia câmpurilor formularului, culoarea textului câmpurilor, fundalul, lățimea chenarului, culoarea chenarului și raza chenarului.
  • Buton: Puteți deschide acest bloc pentru a personaliza butoanele. Fie că este butonul de trimitere, butonul anterior sau butonul următor. Puteți defini elemente precum tipografia textului, culoarea textului, culoarea de fundal etc.
  • Mesaj: Puteți deschide acest bloc pentru a defini tipografia mesajelor, precum și culoarea textului.
  • Pași: Puteți deschide acest bloc pentru a defini tipografia pașilor, culoarea, lățimea separatorului, spațiul separatorului etc.

După ce ați terminat de editat șablonul, îl puteți publica sau actualiza.

Citiți și: Cum să creați o secțiune a membrilor echipei cu Elementor 

Dacă doriți să inserați formularul pe care tocmai l-ați creat într-o pagină Gutenberg (sau poate doriți să îl inserați într-o postare de blog), puteți salva widgetul Formular ca widget global. Apoi puteți importa widgetul utilizând pluginul Elementor Blocks pentru Gutenberg.

Obțineți Elementor Pro acum!

Concluzie

Aici este ! Gata pentru acest articol care vă arată cum să creați un formular în mai mulți pași cu Elementor.  Dacă aveți nelămuriri cu privire la modul de a ajunge acolo fanunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...