Come definire e personalizzare il modulo di contatto Elementor

Con Elementor, creare moduli di contatto è più semplice che mai. Tutto ciò di cui hai bisogno è trascinare e rilasciare alcuni widget, personalizzando le impostazioni secondo le tue esigenze, e il gioco è fatto.

Tuttavia, la personalizzazione o lo stile di un modulo di contatto Elementor in modo efficace può cambiare molto l'aspetto dei moduli di contatto. Un modulo di contatto semplice e di facile comprensione otterrà sempre più risposte di quelli oscuri e disordinati. Ecco perché il modulo personalizzato Elementor è così importante.

You can simply create, style, and customize Elementor from. However, in this article, you’ll learn how to customize an Elementor contact form with the MetForm form builder.

Perché dovresti utilizzare un modulo di contatto Elementor

Aumenta il tasso di conversione
Quando un utente trova un modo per rimanere in contatto con te e porre domande pertinenti sui prodotti o servizi che offri, la possibilità di conversione aumenta notevolmente. Diminuisce anche la frequenza di rimbalzo. 

Ottieni feedback: Un modulo di contatto personalizzato Elementor può essere un ottimo modo per ascoltare gli utenti del tuo sito. Se non vedi l'ora di migliorare il tuo servizio o arricchire l'esperienza dell'utente, valuta la possibilità di aggiungere un modulo di feedback al tuo sito web.

Tieni traccia delle richieste: Quando un visitatore del tuo sito web ti invia una richiesta tramite un modulo di contatto personalizzato di WordPress, questa viene inviata a un'e-mail che hai fornito o all'elenco delle voci della dashboard di WordPress. Ti aiuta a tenere traccia facilmente delle richieste. 

Filtra lo spam: Un modulo di contatto Elementor ti salverà dagli spammer. Se pubblichi il tuo indirizzo email sul tuo sito web, c'è la possibilità che riceverai innumerevoli messaggi di spam.
Di conseguenza, potresti non trovare i messaggi importanti quando ne hai bisogno. Un modulo di contatto in Elementor con una funzione di protezione dallo spam consegnerà solo messaggi da persone reali, non da bot o spammer. 

Utilizzo multiplo: Puoi sfruttare un modulo di contatto per una serie di motivi. Che si tratti di ricevere feedback, domande di lavoro, domande di vendita o richieste di supporto, un modulo di contatto è tutto ciò di cui hai bisogno sul tuo sito web. 

Di cosa hai bisogno per progettare il modulo personalizzato Elementor?

You just require two plugins on your WordPress website to start designing Elementor contact forms:

1. Generatore di pagine Elementor
2. Generatore di moduli MetForm

In questa guida pratica, ti spiegherò come creare un modulo di contatto Elementor utilizzando il generatore di pagine Elementor e MetForm.

MetForm which is a custom contact form plugin has both a pro and free version. While the free version has all the basic features that you need to create a custom WordPress Elementor contact form, the pro version will let you explore some advanced fields and features. Besides, you will hardly find these advanced features in any other free or pro Elementor contact form for example Elementor Contact Form 7, wpfroms, Ninja Forms, etc.

Quando si tratta di Elementor, puoi utilizzare Elementor Pro o la versione gratuita. 

 Senza ulteriori indugi, andiamo avanti:

Installa il plug-in del modulo di contatto personalizzato MetForm

Se hai installato Elementor, ciò di cui hai bisogno è installare il generatore di moduli MetForm sul tuo sito WordPress. È un plugin freemium per la creazione di moduli WordPress che presenta le funzionalità di base e avanzate di un generatore di moduli standard. Ecco il processo di installazione di MetForm: 

1. Dalla dashboard di amministrazione di WordPress, vai a Plugin ➜ Aggiungere nuova 
2. Cercare "MeForm"dal campo dei plugin di ricerca in alto a destra.
3. Trova MetForm dal risultato della ricerca e fai clic su "Installa ora" 
4. Attivare MetForm.

Crea e personalizza il modulo di contatto Elementor da zero

Ora che hai tutto ciò di cui hai bisogno per creare moduli di contatto personalizzati WordPress con Elementor, andiamo avanti e creiamo un modulo di contatto da zero.

Passo 1

Crea una pagina del modulo di contatto Elementor andando su Pagine ➜ Aggiungi nuovo. Assegnare al modulo un titolo adatto, quindi fare clic su "Modifica con Elementor”. 

Passo 2

Nel campo di ricerca del widget Elementor, cerca MetForm. Trascinalo e rilascialo nell'area dei contenuti di Elementor. 

Passaggio 3

Da sinistra, fare clic su "Modifica modulo”. 

Se stai creando un modulo per la prima volta o desideri crearne uno completamente nuovo, fai clic su "Nuovo“. 

Se hai salvato i 'da' che hai creato in precedenza, puoi modificarli cliccando su “Seleziona Modulo“. 

Passaggio 4

To start creating a form from scratch, just click on the blank contact form template. If you choose to use the premade Elementor contact form template library offered by MetForm, you can choose any form from the list of form templates.

Poiché inizieremo da zero, andiamo avanti con il modello vuoto per il modulo di contatto.

Passaggio 5

Ora vedrai una finestra popup con l'area dei contenuti di Elementor e l'area dei widget.

L'area widget di Elementor è composta da tutti i widget di MetForm ed Elementor. 

Per iniziare a creare il modulo, aggiungi nuove sezioni dall'area dei contenuti di Elementor secondo i requisiti del modulo che stai per creare.

Passaggio 6

Trascina e rilascia i widget necessari per dare forma al tuo modulo. 

Come definire lo stile e personalizzare gli elementi del modulo di contatto Elementor

Now that you’ve dragged and dropped all the widgets you need on your Elementor form, you can edit them to your heart’s content. 

To customize any Elementor form fields or buttons, just fare clic sul pulsante o sul campo dall'area dei contenuti di Elementor. 

Puoi apportare modifiche al contenuto e allo stile dei campi del modulo. Oltre a ciò, puoi anche esplorare la scheda avanzata per aggiungere più funzionalità. Una volta terminato, pubblica la pagina del modulo di contatto. 

Personalizzazione dell'intero modulo di contatto in Elementor

Se il tuo obiettivo è personalizzare l'intero modulo che stai creando, esplora le impostazioni del modulo fornite da MetForm. 

Sotto il impostazioni generali, sono disponibili opzioni per personalizzare le seguenti impostazioni principali di un modulo: 

1. Titolo del modulo
2. Elementor Form Success Message 
3. Accesso richiesto (Sì/No)
4. Acquisisci i dati del browser dell'utente (Sì/No)
5. Nascondi modulo dopo l'invio (Sì/No)
6. Memorizza le voci del modulo nel database (Sì/No)
7. Titolo della voce
8. Limita le voci totali (imposta il numero)
9. Conteggio visualizzazioni (Sì/No)
10. Interrompi scorrimento verticale (Abilita/Disabilita)
11. Reindirizzamento a (dove gli utenti verranno reindirizzati dopo l'invio del modulo)

Invia un'e-mail di conferma agli utenti con una copia di invio

Se desideri inviare un'e-mail di conferma alle persone che compilano il modulo di contatto personalizzato WordPress, vai su Modulo di MetForm Impostazioni ➜ Conferma Tab. Attiva/disattiva "Mail di conferma all'utente" su Sì e quindi compilare i seguenti campi: 

1. Oggetto dell'email
2. E-mail da
3. Rispondi via e-mail a
4. Messaggio di ringraziamento

Come avvisare l'amministratore dell'invio di un nuovo modulo? 

When a new contact form is submitted, it usually gets saved in the MetForm form entries database (if enabled from the general settings). 

Tuttavia, se desideri ricevere una notifica sui nuovi invii, puoi anche personalizzarlo dal file Scheda Notifica delle Impostazioni modulo di MetForm. La scheda di notifica include i seguenti campi: 

1. E-mail di notifica all'amministratore (toggle SU)
2. Oggetto dell'email
3. Invia una email a
4. E-mail da
5. Rispondi via e-mail a
6. Nota dell'amministratore

Quali campi del modulo dovresti utilizzare nel modulo di contatto Elementor?

Different types of forms require different form fields. If you are making a simple contact form in Elementor, just a few simple widgets such as text, email, phone, captcha, and submit button are enough for you. 

On the other hand, if you’re looking for making forms like admission form, event form, booking form, etc. you might need to use different Elementor form fields and customize them accordingly. 

To make the process of choosing the right form fields easier for you, MetForm offers dozens of templates to make a wide variety of Elementor custom form types such as registration form, Modulo di sondaggio WordPress, modulo di prenotazione ecc. Controlla il modelli di moduli demo qui. In questo elenco troverai anche modelli di moduli di contatto Elementor gratuiti per creare moduli di contatto in pochi secondi.

How to Embed the Elementor Custom Contact Forms to Any WordPress Page? 

Se non desideri creare una pagina per il tuo modulo di contatto Elementor, ma piuttosto incorporare il modulo in qualsiasi pagina, anche MetForm ti consente di farlo. 

MetForm creates individual shortcodes for all the Elementor forms you create. Besides, you will also have custom contact form shortcodes in MetForm. To find the shortcode of a specific contact form that you’ve created, go to WordPress Admin Dashboard ➜ MetForm ➜ Forms.

There you will find Elementor form shortcodes of any form. Just copy the shortcode and then paste that on the page where you want to embed the WordPress custom contact form. Bingo! 

Integrazioni che puoi utilizzare per il modulo di contatto Elementor

Se utilizzi MetForm, puoi integrare l'API REST per inviare dati ad API di terze parti. Oltre a ciò puoi integrare il modulo con Mailchimp, Google Sheet, MailPoet, Aweber, ConvertKit, GetResponse, ActiveCampaign, Zapier e Slack.

Imposta se gli utenti devono registrarsi/accedere per compilare un modulo

Di solito, chiunque può compilare un modulo creato da te, a meno che tu non decida di consentire la compilazione solo agli utenti registrati o che hanno effettuato l'accesso. 

Pertanto, se desideri che solo gli utenti registrati compilino il modulo, abilita il sistema di accesso. 

D'altra parte, puoi anche consentire agli utenti di registrarsi e quindi compilare il modulo. 

To enable the user login and registration, go to the Form Settings and then click on the Auth tab. You’ll get the option to both enable and disable the user login and registration for your Elementor form.

Come aggiungere metodi di pagamento a un modulo creato con Elementor? 

Se utilizzi MetForm per creare il modulo di contatto Elementor, vai al Impostazioni dei moduli e quindi fare clic su Pagamento scheda. 

Qui troverai metodi di pagamento come PayPal E Banda che puoi utilizzare per riscuotere i pagamenti dai tuoi clienti. Devi configurarli manualmente e quindi attivare il metodo di pagamento SU per i moduli con cui desideri ricevere i pagamenti. 

Come integrare i sistemi CRM nei moduli di contatto Elementor?

You can integrate your Elementor contact form with Contatto Hubspot, Moduli Hubspot, Contatto Zoho, E Helpscout. 

Ciò che dovete fare tutti è integrare i CRM che preferite abilitandoli e configurandoli da CRM scheda.

Come convertire gli invii dei moduli di contatto in post

È una delle migliori funzionalità di MetForm. MetForm ti consente di convertire i moduli inviati in singoli post. Basta andare su Impostazioni modulo e quindi fare clic sulla scheda "Pubblica". Attiva il modulo da pubblicare e configura le impostazioni necessarie. E' semplicissimo.

Parole finali

Ormai conosci dozzine di modi per creare un modulo Elementor o un modulo personalizzato Elementor. Tutto ciò di cui hai bisogno è il generatore di pagine Elementor e il generatore di moduli MetForm. Quindi, non aspettare più. Inizia a creare i tuoi moduli di contatto Elementor personalizzati e personalizza i moduli Elementor a tuo piacimento. E, ultimo ma non meno importante, puoi anche creare una pagina di contatto completa utilizzando MetForm.