În acest articol vom arăta cum să creați un formă în mai multe etape cu animație lottie activată Elementor.
Funcționalitate formă constructorul în mai multe etape a fost adăugat recent la constructorul vizual și robust alElementor. Acum ai un constructor formulare care acoperă toate bazele!
Chiar dacă nu pare să fie în vârf, trebuie să știți că aceasta este prima versiune și inevitabil vor veni noi actualizări pentru a extinde această funcționalitate.
Cu formulare în mai multe etape, dvs formulare nu numai că vor arăta mai bine, ci vor oferi rate de conversie mai mari atunci când căutați să colectați informații de la vizitatorii site-ului dvs.
Acum ajutați-vă vizitatorii să finalizeze înregistrarea și să vă îmbunătățiți conversiile cu a formă à mai multe etape.
Experiență de utilizator mai bună
Convingerea utilizatorilor să vă completeze formularele nu este o sarcină ușoară. După ce i-ați încurajat să citească formularul dvs. și chiar să luați în considerare completarea acestuia, trebuie să vă asigurați că îi mențineți angajați, mai ales că unele formulare pot fi intimidante.
Descoperiți și noi Pluginurile 10 WordPress pentru a crea un formular de contact
Noul widget Form Multi-Step Form adresează această întrebare exactă: transformarea unei forme complexe într-un element de design simplu și frumos.
Creșterea conversiilor și a clienților
Nu există nici o îndoială că o formă plăcută pentru ochi și ușor de navigat va fi mai favorabilă convertirii. Acesta este obiectivul dvs. de constructor de site-uri și este, de asemenea, obiectivul widgetului Formular în mai multe etape.
Citiți articolul nostru pe Cum să sporiți conversiile: sporiți ofertele limitate
Acest formular vă va permite să îmbunătățiți ratele de conversie în toate domeniile. Sunt deosebit de grozave în domenii precum asigurări, universități, imobiliare, turism și multe altele și sunt sigur că vă vor ajuta să creați forme de conversie ridicate, cu o flexibilitate nesfârșită.
Marche comment ça
După ce aruncați un formular pe pagină, adăugați câmpul „Pas”. Veți vedea că un câmp nou a fost adăugat automat și iese în evidență vizual. Mutați elementul Step în locația pe care doriți să o împărțiți în pași și voilà! Tocmai ați creat un formular în mai mulți pași.
Descoperiți, de asemenea Cum să construiți un site web complet cu Elementor
Câmpul Pas va acționa ca un separator și va permite utilizatorilor să:
- Alegeți indicația de etapă: Pictogramă, text, pictogramă și text, număr, număr și text, bara de progres sau niciuna
- Adăugați o pictogramă ca indicator de reper
- Personalizați aspectul pașilor
- Personalizați articolele următoare și cele anterioare
- și validați fiecare câmp pas
Du-ți site-ul la un nivel interactiv cu totul nou
Ți-ai dorit vreodată ca site-ul tău să fie și mai interactiv și mai interesant decât este deja?
Este posibil să fi renunțat la acest gând în trecut din mai multe motive, dar acest lucru este pe cale să se schimbe, odată cu introducerea Lottie Animations. Aceasta este șansa dvs. de a vă duce jocul de web designer la nivelul următor, alegând dintre mii de animații Lottie pe care să le adăugați pe site-ul dvs. web.
Le Widget Lottie poate accepta animații Lottie din diverse surse, de exemplu LottieFiles.com. Puteți adăuga, de asemenea, propriile dvs. animații folosind funcția Plugin Lottiefiles sau pluginul Bodymovin pentru Adobe After Effects.
Uimeste-ti clientii
Când îți încarci desenele și imaginile statice și le întinerești brusc cu mișcare, culoare și toate celelalte tipuri de efecte de animație, schimbi jocul.
Dintr-o dată, designul site-ului tău prinde viață. Este în mișcare și, odată cu aceasta, interacționează cu vizitatorul site-ului dvs. Animațiile Lottie sunt SVG, 100% receptive și super ușoare.
Creșteți implicarea utilizatorilor
Adăugarea de animații Lottie, durează câteva secunde și poate fi folosită pentru a îmbunătăți implicarea cu fiecare parte a site-ului.
Luăm de exemplu butoanele.
Știm cu toții cât de importante sunt butoanele de apel la acțiune. Cu Lottie, puteți îmbunătăți modul în care vizitatorii dvs. interacționează cu butoanele fără a petrece o mulțime de timp de codificare și perfecționare a detaliilor de design.
Pentru a citi, de asemenea: Cum să îmbunătățiți implicarea utilizatorilor pe WordPress
Gândiți-vă la un buton obișnuit versus un buton care are o săgeată animată. La care ai acorda mai multă atenție? Aceste mici lucruri vor face diferența, iar clienții dvs. vor aprecia cu siguranță meseria.
Cu widget-ul Lottie, vă puteți juca cu o mulțime de setări, cum ar fi declanșatoare, bucle, hover, animație inversă și opțiuni de randare. Nu există limită în ceea ce privește modul în care vă puteți anima site-urile web.
Marche comment ça
- Accesul la lottiefiles.com și alegeți o animație
- Descărcați fișierul Lottie JSON
- Înapoi în editor Elementor, trageți în widgetul Lottie
- Faceți clic pe pictograma bibliotecii media și descărcați fișierul Lottie JSON
- Aici ! Ar trebui să începeți să vedeți animația.
Dacă ați creat o animație frumoasă, asigurați-vă că ne trimiteți link-ul din secțiunea de comentarii de mai jos.
Obțineți Elementor Pro acum!
Concluzie
Adăugarea animațiilor Lottie și a formularelor în mai multe etape oferă două modalități excelente de a îmbunătăți nu numai experiența dvs. de utilizator, ci și interfața de utilizator.
Deoarece tendințele web se schimbă constant, este întotdeauna interesant să îmbunătățești funcționalitatea site-ului tău și să te poziționezi ca un adevărat expert. Dacă ai comentarii sau sugestii, nu ezitați să ne informați în secțiunea rezervată.
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.
...
