Guida ai moduli di contatto Ultimate Elementor

Ogni proprietario web vuole costruire relazioni buone ea lungo termine con i propri clienti e potenziali clienti. È qui che entra in gioco il modulo di contatto. L'aggiunta di moduli di contatto al tuo sito è altamente raccomandata perché aiuta i tuoi potenziali clienti a raggiungerti e ti aiuta a raccogliere dati sui visitatori del tuo sito.

Senza dubbio, gli utenti di WordPress hanno accesso a tonnellate di plug-in per moduli di contatto e numerose funzionalità. Ciò rende la creazione di moduli facile e senza interruzioni per gli utenti. E se potessi creare moduli anche utilizzando il widget Modulo di contatto Elementor?

Come creare moduli di contatto utilizzando Elementor

Il widget Modulo di contatto Elementor ti consente di personalizzare e aggiungere qualsiasi tipo di modulo di contatto al tuo sito in pochi minuti. Viene fornito con tutte le funzionalità e i campi necessari per consentire un'interazione senza interruzioni con il tuo sito. Va notato che i moduli di contatto sono una caratteristica della versione Pro di Elementor.

Ciò significa che devi eseguire l'aggiornamento a Elementor Pro per creare moduli. Ora che abbiamo stabilito questo fatto, diamo un'occhiata ai semplici passaggi per creare il tuo modulo di contatto utilizzando Elementor.

Guida passo passo per utilizzare Elementor per creare un modulo di contatto

Puoi aggiungere moduli di contatto al tuo sito attraverso due metodi. Esiste il metodo a pagamento, che richiede l'installazione di entrambi i widget Elementor ed Elementor Pro. C'è anche il metodo gratuito, che richiede l'installazione di un plug-in di terze parti. Ci concentreremo su Elementor Pro in questa guida.

Passaggio uno: trova il widget Modulo di contatto Elementor dalla pletora di widget disponibili sulla tua pagina Elementor. Fare clic per aprire la pagina in cui si desidera includere il modulo di contatto.

Con l'opzione trascina e rilascia, puoi facilmente aggiungere widget su una pagina in Elementor, ma questo post esamina il processo completo di creazione di un modulo di contatto con il widget modulo di contatto in Elementor Pro.

Passaggio due: il modulo di contatto di Elementor viene fornito con campi precompilati per le aree di base, come nome, e-mail e messaggio. Il passaggio successivo consiste nel personalizzare il modulo predefinito per adattarlo a ciò che desideri. Per fare ciò, vai alla sezione Contenuto nelle impostazioni del modulo e aggiungi "Campo modulo.

Per il nome del modulo, assegnagli un titolo. Quindi, fai clic sui campi del modulo. Qui puoi aggiungere tutti i campi che vuoi. Puoi duplicare ed eliminare mentre crei i campi.

Troverai una serie di opzioni di campo che puoi utilizzare, tra cui Testo, Email, URL, Casella di controllo, Area di testo, Tel, Seleziona, Radio, Accettazione, Numero, HTML, Nascosto, Password, Honeypot, reCAPTCHA e reCAPTCHA V3, tra gli altri .

Puoi giocare con le funzionalità per vedere cosa funziona e cosa puoi aggiungere al tuo modulo di contatto. La scheda Avanzate ti consente di esplorare più opzioni per personalizzare il tuo modulo. Dai un'occhiata anche a questo per vedere se ti piaceranno le funzionalità che sono inerenti ad esso.

Passaggio tre: personalizza e progetta il tuo pulsante di invio in base a ciò che desideri. Ha diversi campi che puoi regolare e personalizzare in base alle tue esigenze, tra cui Dimensioni, Larghezza colonna, Testo del pulsante, ID pulsante, Icona e Allineamento. Esplora queste funzionalità per aggiungere un po' di stile e stile al tuo modulo di contatto.

Passaggio quattro: impostare il menu "Azioni dopo l'invio" Di solito, quando un utente invia un modulo sul tuo sito, desideri che i visitatori del tuo sito abbiano una qualche forma di feedback o risposta per dimostrare che il modulo è stato inviato. Questo non è automatico. Devi configurare la sezione "Azioni dopo l'invio" per ottenere ciò di cui hai bisogno.

Fai clic sulla sezione "Azioni dopo l'invio" del modulo e fai clic sul campo "Aggiungi azione". Vedrai diverse opzioni, come Email Webhook, Discord, Popup, ActiveCampaign, GetResponse e Slack, tra le altre. Seleziona una delle opzioni per aggiungere azioni dopo l'invio.

Ad esempio, se scegli Azione email, il modulo di contatto aggiungerà una scheda per Email. Puoi configurare un'e-mail da inviare a un utente che ti ha inviato un'e-mail tramite il modulo di contatto. Compila le opzioni e imposta le condizioni per personalizzare l'azione del modulo.

Va notato che Elementor offre numerose opzioni di azioni che puoi esplorare. Poi di nuovo, puoi prendere in considerazione altri servizi di terze parti per renderlo più semplice. Alcuni dei servizi di terze parti che puoi esplorare includono Hubspot, Mailchimp, Drip, Convertkit e Slack, tra gli altri. Tutte queste sono integrazioni integrate in Elementor, che le rendono di facile accesso e utilizzo.

Passaggio cinque: questo passaggio ti consente di personalizzare il tuo messaggio per gli utenti quando accade qualcosa quando compilano un modulo. Ad esempio, quando inviano correttamente un modulo o si verifica un errore, dovrebbero ricevere un messaggio.

Per configurarlo, fai clic su "Opzioni aggiuntive" e scegli Sì o No per "Messaggi personalizzati". Modifica i quattro messaggi predefiniti in base a ciò che desideri che i tuoi utenti vedano. Questi messaggi sono Messaggio di successo, Messaggio di errore, Messaggio richiesto e Messaggio non valido.

Passaggio sei: modella e personalizza il tuo modulo di contatto Elementor per renderlo unico e non noioso. Elementor offre opzioni di stile personalizzate che puoi utilizzare. Per fare ciò, fai clic sulla scheda "Stile" e rivedi le opzioni e le impostazioni disponibili. Puoi utilizzare uno di questi per modificare lo stile completo del modulo di contatto.

Passaggio 7: hai configurato correttamente il modulo di contatto Elementor e la fase successiva e finale è pubblicarlo. Per fare ciò, clicca sul pulsante “Aggiorna” che si trova nella parte inferiore del modulo.

Questo pubblicherà il tuo modulo e renderà la pagina attiva e accessibile per i visitatori del tuo sito. Puoi iniziare a raccogliere dati e lead dagli abbonati al tuo sito web.

Conclusione

Il tipo di modulo di contatto che desideri progettare determinerà le funzionalità che utilizzerai in Elementor. Tuttavia, questo post ha fornito le basi su come creare un modulo utilizzando questo strumento. Come accennato, puoi accedere alla funzione Modulo di contatto solo nella versione Pro di Elementor. L'acquisto di una versione pro dello strumento costa circa $ 49. Le funzionalità disponibili valgono ogni centesimo speso per questo.