Moduli Elementor: come creare un modulo di contatto Elementor

Pubblicato: 2022-06-07

Elementor è uno dei page builder più popolari con funzionalità elevate e vaste funzionalità. Ma potrebbe sorprenderti che non abbiano un generatore di moduli multifunzionale nella loro dashboard. Ciò che offre Elementor Form è molto semplice e diretto. Se desideri utilizzare opzioni più avanzate come accettare pagamenti o condurre sondaggi, hai comunque bisogno di un plug-in per la creazione di moduli dedicato. Inoltre, per gestire gli invii dei moduli devi installare un plug-in aggiuntivo per gestire le tue voci con Elementor. In questo articolo impareremo come creare il miglior modulo di contatto Elementor e gestire i dati con lo stesso plugin.

Fluent Forms è il generatore di moduli più adatto ai principianti. Scarica ora e inizia a creare bellissime forme GRATIS!!!

Come creare un modulo Elementor

Ti mostreremo due metodi per creare un modulo di contatto Elementor per aiutarti a scegliere secondo le tue necessità.

Crea un modulo di contatto con Elementor Pro
Il modo migliore per creare un modulo di contatto Elementor (gratuitamente)

Crea un modulo di contatto con Elementor Pro

Se desideri creare un modulo con Elementor, dovrai acquistare Elementor pro. Con la licenza pro, puoi accedere al widget del modulo e progettare il tuo modulo all'interno del generatore di pagine di Elementor. Avrai anche accesso a un numero enorme di modelli di modulo. Inoltre, avrai una serie di fantastiche funzionalità che possono trasformare il tuo sito web.

Passaggi per la creazione di un modulo di contatto con Elementor –

1. Aggiunta del modulo Elementor alla tua pagina

Per aggiungere un modulo alla pagina, devi aprire una pagina o aggiungerne una nuova, quindi fare clic su modifica con Elementor. Ora cerca Moduli nella barra dei widget sul lato sinistro. Se non hai la licenza pro non puoi usufruire di questa funzione.

Ora trascina e rilascia il widget sulla pagina in cui desideri creare il tuo modulo Elementor. Vedrai un modulo di contatto di base visualizzato sulla tua pagina.

2. Aggiunta di campi diversi al modulo Elementor

Puoi vedere che il modulo Elementor ha un sacco di funzionalità nella manica. Hai solo bisogno di esplorare e creare i moduli desiderati in pochi minuti. Ora, che ne dici di campi e opzioni diversi anziché quelli precompilati. Puoi aggiungere oltre 18 campi ai tuoi moduli Elementor e questi sono:

Testo
E-mail
Area di testo
URL
tel
Radio
Selezionare
Casella di controllo
Accettazione
Numero
Data
Volta
Upload di file
Parola d'ordine
HTML
Nascosto
reCAPTCHA
Vaso di miele

Questo è un buon numero di tipi di campo con cui giocare. Puoi creare moduli diversi con questo generatore di moduli. Ora devi personalizzare le impostazioni e progettare il tuo modulo per renderlo strabiliante.

3. Impostazione dell'invio del modulo

Dopo l'invio del modulo, è possibile impostare la directory e-mail e i dati che si desidera ottenere dall'invio del modulo. Questa non è una scienza missilistica. Puoi impostare tutte le opzioni come –

Per
Materia
Messaggio
Dall'email
Dal nome
Rispondi a
CC
BCC

Tutte le opzioni per inviare un'e-mail.

4. Progetta il tuo modulo Elementor

Ci sono una manciata di opzioni per progettare il tuo modulo. Dalla modifica della larghezza delle colonne alla modifica del colore di sfondo del modulo, dall'impostazione del segnaposto alla modifica della tipografia, puoi fare quello che vuoi con il tuo modulo.

Vai all'opzione Stile per dare un aspetto unico al tuo modulo.

Perché il modulo Elementor non è abbastanza per te

Prima di tutto, non puoi usufruire di tutte le opzioni di un normale plug-in per la creazione di moduli nei moduli Elementor. Tuttavia, offre solo le basi. Se provi a creare moduli diversi e ad analizzare i dati, avrai bisogno di un altro generatore di moduli nel tuo stack tecnologico di WordPress.

In secondo luogo, nessuna funzionalità integrata per la gestione degli invii. Devi installare un altro plugin per farlo. Che non è un passaggio ottimale per il tuo sito web. Devi scegliere un plug-in per la creazione di moduli che offra vari campi, funzionalità e integrazioni, nonché un servizio di gestione dei dati per analizzare i tuoi contatti.

In terzo luogo, Elementor viene fornito con un widget shortcode che aiuta a integrare tutti i plugin di WordPress che hanno un'opzione shortcode. Sebbene tu possa utilizzare il widget shortcode di Elementor per aggiungere i tuoi moduli, non puoi personalizzare il tuo modulo utilizzando Elementor. Ecco perché devi scegliere un generatore di moduli che può essere modificato nel layout di Elementor poiché offre componenti aggiuntivi essenziali per farlo.

Il modo migliore per creare un modulo di contatto Elementor (gratuitamente)

I moduli sono uno dei componenti chiave di qualsiasi sito web. Dall'acquisizione di lead alla conduzione di sondaggi, dall'accettazione di pagamenti all'esecuzione di quiz, un moderno generatore di moduli dovrebbe avere queste opzioni nel suo pacchetto.

Inoltre, dovresti essere in grado di personalizzare il modulo nel layout di Elementor per dargli un aspetto vivace e attraente. Molti generatori di moduli hanno la funzione shortcode ma non puoi modificarli senza il pacchetto Elementor.

Fluent Forms ti offre la piena flessibilità per modificare e personalizzare i tuoi moduli all'interno del generatore di pagine di Elementor. Il widget Moduli per Elementor include più opzioni per modificare il colore e la tipografia per ogni campo del modulo. Puoi modellare il contenuto del testo generale del modulo secondo la tua scelta.

Puoi scegliere il colore del carattere, la dimensione, il tipo e molte altre opzioni per il modulo del tuo sito Web che si adatta perfettamente all'aspetto del tuo sito Web.
Puoi avere accesso alle opzioni tipografiche per ogni contenuto testuale del modulo.
Sono disponibili anche le opzioni di colore per tutti i campi del modulo.
Inoltre, particolari opzioni di colore e tipografia per etichette dei moduli, messaggi di errore e messaggi di successo

Puoi anche accedere a tutte queste funzionalità principali di Fluent Forms:

Oltre 50 campi di input e oltre 70 modelli predefiniti con cui giocare
Completamento automatico indirizzo e completamento automatico drag-and-drop
Protezione antispam multistrato
Visualizzazione e analisi dei dati secondo necessità
Caricamento file e gestione dati
Forme di conversazione
Modulo quiz
Logica condizionale
Funzionalità della pagina di destinazione

Ora che conosci i vantaggi dell'utilizzo di Fluent Forms, creiamo Elementor Contact Forms in un batter d'occhio.

Come aggiungere un modulo di contatto Elementor

Il modo più semplice per configurare un modulo di contatto Elementor è con Fluent Forms. Non è necessario installare diversi componenti aggiuntivi separatamente come altri generatori di moduli né è necessario personalizzare il modulo al di fuori di Elementor.

Ecco i passaggi per creare moduli di contatto Elementor con Fluent Forms

Installa e attiva Fluent Forms Pro

L'installazione di Fluent Form è simile all'installazione di qualsiasi altro plugin di WordPress. Puoi installarlo e attivarlo dalla dashboard di WordPress o scaricarlo da WordPress.org se lo desideri.

Per installare dalla dashboard di WordPress, vai al Pannello di amministrazione di WordPress e fai clic su Plugin → Aggiungi nuovo. Ora, cerca Fluent Forms, fai clic su Installa e quindi Attiva il plug-in.

Per scaricare da WordPress.org fare clic su questo collegamento Fluent Forms e scaricare. Ora vai al tuo pannello di amministrazione di WordPress e fai clic su Aggiungi nuovo dall'opzione Plugin. Ora carica il file .zip e cerca Fluent Forms nell'elenco dei plugin installati, fai clic su Attiva.

Sebbene Fluent Forms abbia un numero enorme di campi e funzionalità nella versione gratuita, è necessario eseguire l'aggiornamento alla versione pro per accedere a tutte le funzionalità di Fluent Forms. Vedi le funzionalità di Fluent Forms Pro e quelle gratuite qui.

L'aggiornamento alla versione Pro è piuttosto semplice, fai clic sul collegamento per sapere come eseguire l'aggiornamento a Fluent Forms Pro.

Crea un modulo di contatto Elementor

Con Fluent Forms crei forme belle e creative in pochi minuti. Per creare un modulo di contatto Elementot, vai alla dashboard di WordPress e passa con il mouse su Fluent Forms dal lato sinistro. Fare clic sull'opzione Nuovo modulo.

Apparirà una nuova pagina, fai clic su Nuovo modulo vuoto e verrai reindirizzato all'interfaccia dell'editor di moduli.

Aggiungi i campi secondo la tua scelta per creare un modulo di contatto per il tuo sito web. Abbiamo aggiunto l'opzione Nome, Email, Oggetto e Il tuo messaggio per il nostro semplice Modulo di contatto Elementor.

La personalizzazione come rimanere e posizionare l'etichetta è molto semplice in Fluent Forms. Puoi anche impostare la logica condizionale nei tuoi campi per creare un modulo più avanzato. Ma poiché stiamo mantenendo le cose semplici, non abbiamo bisogno di altri campi per riempire il modulo. I moduli lunghi possono essere opprimenti per gli utenti, puoi utilizzare il modulo in più passaggi o il modulo di conversazione per evitare l'abbandono del modulo.

Ora salva il modulo e copia lo shortcode. Puoi utilizzare la funzione shortcode di Fluent Forms che funziona con tutti i page builder disponibili, inclusi Elementor, Oxygen, Divi, Visual Composer e così via. E questa funzione ti offre il supporto diretto del widget Elementor nel tuo modulo, al fine di utilizzare un plug-in in meno.

Personalizza i moduli come preferisci e puoi accedere a numerose opzioni di Elemetor. Dall'allineamento del testo di input al ridimensionamento e rimodellamento dei campi di input, dall'aggiunta di colori di sfondo classici e sfumati alla modifica della tipografia. Puoi fare quello che vuoi con i tuoi moduli Elementor.

Pensieri finali

Non importa se usi i moduli per divertimento o per affari, un modulo bello e ben rifinito attira sempre le persone. Il generatore di pagine Elementor viene fornito con tutto tranne un generatore di moduli nativo multifunzionale. Con Fluent Forms, puoi avere tutto e puoi progettare il contatto Elementor desiderato.

Inoltre, puoi pubblicare il tuo modulo su una pagina diversa o all'interno di un blog, dove vuoi. Prova alcuni layout e design diversi, prova diverse opzioni di campo e crea i tuoi moduli Elementor secondo la tua scelta. Speriamo che questo articolo ti abbia dato la direzione per creare un modulo di contatto Elementor per il tuo sito WordPress.

Ottieni Fluent Forms Pro

Se hai domande, commenta qui sotto. Facci sapere come possiamo migliorare il nostro plugin e seguici sulle nostre piattaforme di social media.