Vuoi sapere come creare un file forma in più passaggi con Elementor ?
Conosci Typeform? È un creatore di forme popolare piattaforma online ben nota per il suo stile interattivo. In Typeform puoi creare un file forma gioco online interattivo in più fasi per un'ampia gamma di scopi.
Se hai un sito Web basato su WordPress alimentato da Elementor, puoi facilmente integrare il tuo forme Digita la forma utilizzando i componenti aggiuntivi essenziali.
Vedi anche: Come aggiungere una griglia dei prezzi in Elementor
Ma dalla versione 2.9, Elementor stesso ha una funzionalità che puoi utilizzare per creare forme in più fasi. In questo articolo ti mostreremo come farlo con l'aiuto diElementor.
Un forma lo stesso passaggio multiplo è un'ottima idea per risparmiare spazio sul tuo progetto (che si tratti di una pagina o di un modello per la creazione di temi). Ti consente di abbreviare una forma lunga in una forma più semplice.
Come creare un modulo a più passaggi in Elementor
Prima di iniziare, assicurati di aver aggiornato il tuo Elementor alla versione pro nel caso in cui non lo avessi fatto poiché il widget Form (il widget Elementor per la creazione di moduli) è disponibile solo nel pro.
Leggi anche: Come creare un modulo di contatto in Elementor
In questo articolo, passeremo direttamente all'aggiunta del widget Modulo. Il modulo a più passaggi che andremo a creare consiste in tre passaggi come segue:
- Passaggio 1: nome e genere
- Passaggio 2: telefono ed e-mail
- Passaggio 3: pulsante di opzione
Innanzitutto, trascina il widget Modulo nella casella di modifica di Elementor.
Vai al pannello delle impostazioni sul lato sinistro per effettuare le impostazioni. Nel blocco Campi modulo Form sous la scheda Contenuto, definire i campi in base alle proprie esigenze. Nel nostro caso i campi sono i seguenti:
- Cognome
- Genere
- Telefono
- hobby
Una volta che hai finito di aggiungere e definire i campi del modulo di cui hai bisogno, aggiungi un altro campo e imposta il tipo di campo su step.
Vedi anche: Come creare un'immagine arrotondata in Elementor
Questo passaggio aggiunge automaticamente un nuovo campo nell'ordine superiore e un nuovo campo in basso. Puoi impostare l'etichetta del campo in alto su qualcosa del genere step 1.
Quindi trascina il campo in basso e posizionalo appena sopra il campo dal secondo passaggio (il campo Telefono in questo caso).
Aggiungi un altro campo e imposta il tipo di campo su Step. Trascinalo e posizionalo appena sopra il campo nel terzo passaggio (il campo Hobby in questo caso).
Ecco. Puoi visualizzare in anteprima il risultato prima di personalizzare il modulo. Per impostazione predefinita, il tipo di passaggio è impostato su numero e testo.
Puoi modificare dal blocco Parametri del passo sotto la scheda Soddisfare.
Puoi accedere alla scheda Style per personalizzare il tuo modulo Ci sono 5 blocchi di regolazione che puoi aprire.
- Modulo : puoi aprire questo blocco per definire lo spazio tra le colonne e le righe del modulo, la tipografia (famiglia di caratteri, dimensione del carattere, stile del carattere, ecc.) delle etichette del modulo e il colore del testo di quest'ultimo .
- campi : Puoi aprire questo blocco per definire la tipografia dei campi del modulo, il colore del testo dei campi, lo sfondo, la larghezza del bordo, il colore del bordo e il raggio del bordo.
- Pulsante: Puoi aprire questo blocco per personalizzare i pulsanti. Che si tratti del pulsante di invio, del pulsante precedente o del pulsante successivo. Puoi definire elementi come la tipografia del testo, il colore del testo, il colore di sfondo, ecc.
- Messaggio: Puoi aprire questo blocco per definire la tipografia dei messaggi e il colore del testo.
- Passi: Puoi aprire questo blocco per definire la tipografia dei gradini, il colore, la larghezza del separatore, lo spazio del separatore, ecc...
Una volta che hai finito di modificare il tuo modello, puoi pubblicarlo o aggiornarlo.
Leggi anche: Come creare una sezione per i membri del team con Elementor
Se vuoi inserire il modulo che hai appena creato in una pagina di Gutenberg (o forse vuoi inserirlo in un post del blog), puoi salvare il widget Modulo come widget globale. Puoi quindi importare il widget usando il plugin Blocchi Elementor per Gutenberg.
Ottieni Elementor Pro ora!
Conclusione
Ecco ! Questo è tutto per questo articolo che mostra come creare un modulo in più passaggi con Elementor. Se hai dubbi su come arrivarci ffacci sapere in commentaires.
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.
...
