In questo articolo mostreremo come creare un file forma multistadio con animazione lottie attiva Elementor.
La funzionalità forma builder multi-step è stato recentemente aggiunto al builder visivo e robusto diElementor. Ora hai un costruttore forme che copre tutte le basi!
Anche se non sembra essere al top, dovete sapere che questa è la prima versione e inevitabilmente arriveranno nuovi aggiornamenti per espandere questa funzionalità.
Con l' forme in diverse fasi, il tuo forme non solo avranno un aspetto migliore, ma offriranno tassi di conversione più elevati quando cerchi di raccogliere informazioni dai visitatori del tuo sito web.
Ora aiuta i tuoi visitatori a completare la registrazione e a migliorare le tue conversioni con a forma à Plusieurs Étapes.
Migliore esperienza utente
Convincere gli utenti a compilare i moduli non è un compito facile. Una volta che li hai incoraggiati a leggere il tuo modulo e persino a considerare di compilarlo, devi assicurarti di tenerli impegnati, soprattutto perché alcuni moduli possono essere intimidatori.
Scopri anche il nostro Plugin 10 WordPress per creare un modulo di contatto
Il nuovo widget Multi-Step Form risponde esattamente a questa domanda: trasformare un modulo complesso in un elemento di design semplice e bello.
Aumento delle conversioni e dei lead
Non c'è dubbio che una forma piacevole alla vista e facile da navigare sarà più favorevole alla conversione. Questo è il tuo obiettivo come costruttore di siti Web ed è anche l'obiettivo del widget Modulo in più passaggi.
Leggi il nostro articolo su Come aumentare le conversioni: aumentare le offerte limitate
Questo modulo ti consentirà di migliorare i tassi di conversione in tutte le aree. Sono particolarmente bravi in settori come assicurazioni, università, immobiliare, turismo e molti altri, e sono sicuro che ti aiuteranno a creare moduli ad alta conversione con una flessibilità infinita.
Comment ça marche
Dopo aver rilasciato un modulo sulla pagina, aggiungi il campo "Passo". Vedrai che un nuovo campo è stato aggiunto automaticamente e risalta visivamente. Sposta l'elemento Step nella posizione che desideri dividere in passaggi e voilà! Hai appena creato un modulo in più passaggi.
Scopri Come costruire un sito web completo con Elementor
Il campo Step fungerà da separatore e consentirà agli utenti di:
- Scegli l'indicazione della fase: icona, testo, icona e testo, numero, numero e testo, barra di avanzamento o nessuno
- Aggiungi un'icona come indicatore di traguardo
- Personalizza l'aspetto dei gradini
- Personalizza gli elementi seguenti e precedenti
- e convalida ogni campo del passaggio
Porta il tuo sito web a un livello interattivo completamente nuovo
Hai mai desiderato che il tuo sito web potesse essere ancora più interattivo e coinvolgente di quanto non lo sia già?
Potresti aver rinunciato a questo pensiero in passato per una serie di motivi, ma tutto sta per cambiare, con l'introduzione di Lottie Animations. Questa è la tua occasione per portare il tuo gioco di web designer al livello successivo, scegliendo tra migliaia di animazioni di Lottie da aggiungere al tuo sito web.
Le Widget Lottie può accettare animazioni di Lottie da varie fonti, come LottieFiles.com. Puoi anche aggiungere le tue animazioni usando il Plugin Lottiefiles o il plug-in Bodymovin per Adobe After Effects.
Stupisci i tuoi clienti
Quando carichi i tuoi progetti e le tue immagini statiche e li ringiovanisci improvvisamente con il movimento, il colore e tutti gli altri tipi di effetti di animazione, cambi il gioco.
Improvvisamente, il design del tuo sito web prende vita. È in movimento e, con ciò, interagisce con il visitatore del tuo sito web. Le animazioni di Lottie sono SVG, reattive al 100% e super leggere.
Aumenta il coinvolgimento degli utenti
L'aggiunta di animazioni Lottie richiede pochi secondi e può essere utilizzata per migliorare il coinvolgimento con ogni parte del tuo sito web.
Prendiamo ad esempio i pulsanti.
Sappiamo tutti quanto siano importanti i pulsanti di invito all'azione. Con Lottie, puoi migliorare il modo in cui i tuoi visitatori interagiscono con i pulsanti senza spendere un sacco di tempo a codificare e perfezionare i dettagli del design.
Leggi anche: Come migliorare il coinvolgimento degli utenti su WordPress
Pensa a un pulsante normale rispetto a un pulsante con una freccia animata. A quale presteresti più attenzione? Sono queste piccole cose che faranno la differenza ei tuoi clienti apprezzeranno sicuramente il lavoro.
Con il widget Lottie, puoi giocare con molte impostazioni, come trigger, loop, hover, animazione inversa e opzioni di rendering. Non c'è limite a come puoi ravvivare i tuoi siti web.
Comment ça marche
- Accesso a lotiefiles.com e scegli un'animazione
- Scarica Lottie JSON File
- Di nuovo nell'editor Elementor, trascina nel widget Lottie
- Fare clic sull'icona della libreria multimediale e scaricare il file JSON di Lottie
- Ecco ! Dovresti iniziare a vedere l'animazione.
Se hai creato una bella animazione, assicurati di inviarci il link nella sezione commenti qui sotto.
Ottieni Elementor Pro ora!
Conclusione
L'aggiunta di animazioni Lottie e moduli in più passaggi offre due ottimi modi per migliorare non solo la tua esperienza utente ma anche la tua interfaccia utente.
Poiché le tendenze del web sono in costante cambiamento, è sempre emozionante continuare a migliorare la funzionalità del tuo sito web e posizionarti come un vero esperto. Se ne hai commenti o suggerimenti, non esitate a farcelo sapere nella sezione riservata.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
