Come definire e personalizzare il modulo di contatto Elementor

stile e personalizza 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.

Puoi semplicemente creare, modellare e personalizzare Elementor da. Tuttavia, in questo articolo imparerai come personalizzare un modulo di contatto elementor con il generatore di moduli MetForm.

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.

Modulo personalizzato Elementor per ottenere feedback
Ricevi feedback dal tuo pubblico con un modulo di contatto

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. 

modulo Elementor personalizzato per filtrare lo spam
Un modulo di contatto può salvarti da tonnellate di spam

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?

Hai solo bisogno di due plugin sul tuo sito Web WordPress per iniziare a creare moduli di contatto Elementor:

  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, un plug-in per moduli di contatto personalizzati, ha sia una versione pro che gratuita. Mentre la versione gratuita ha tutte le funzionalità di base necessarie per creare un modulo di contatto Elementor, la versione pro ti consentirà di esplorare alcuni campi e funzionalità avanzati. Inoltre, difficilmente troverai queste funzionalità avanzate in nessun altro modulo di contatto Elementor gratuito o professionale, ad esempio Elementor Contact Form 7, wpfroms, Ninja Forms, ecc.

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 PluginAggiungere 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

Per iniziare a creare un modulo da zero, basta fare clic sul modello di modulo di contatto vuoto. Se scegli di utilizzare la libreria di modelli di moduli di contatto già pronti offerta da MetForm, puoi scegliere qualsiasi modulo dall'elenco dei modelli di modulo.

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

Ora che hai trascinato e rilasciato tutti i widget di cui hai bisogno sul tuo modulo Elementor, puoi modificarli a tuo piacimento. 

Per personalizzare qualsiasi campo o pulsante del modulo, basta 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. Messaggio di successo 
  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? 

Quando viene inviato un nuovo modulo di contatto, solitamente viene salvato nel database delle voci MetForm (se abilitato dalle impostazioni generali). 

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?

Diversi tipi di moduli richiedono campi modulo diversi. Se stai creando un semplice modulo di contatto in Elementor, ti bastano pochi semplici widget come testo, e-mail, telefono, captcha e widget dei pulsanti di invio. 

D'altra parte, se stai cercando di creare moduli come modulo di ammissione, modulo di evento, modulo di prenotazione, ecc., potresti dover utilizzare campi modulo diversi e personalizzarli di conseguenza. 

Per semplificare il processo di scelta dei campi del modulo corretti, MetForm offre decine di modelli per creare un'ampia varietà di tipi di modulo come modulo di registrazione, 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.

Come incorporare i moduli di contatto personalizzati Elementor in qualsiasi pagina? 

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 crea codici brevi individuali per tutti i moduli che crei. Inoltre, avrai anche codici brevi dei moduli di contatto personalizzati in MetForm. Per trovare lo shortcode di un modulo di contatto specifico che hai creato, vai su Pannello di amministrazione di WordPress ➜ MetForm ➜ Moduli.

come incorporare moduli personalizzati Elementor
Copia lo shortcode del modulo di contatto personalizzato e incorpora il modulo in qualsiasi pagina o post

Lì troverai codici brevi di qualsiasi forma. Basta copiare lo shortcode e incollarlo nella pagina in cui desideri incorporare il modulo di contatto personalizzato WordPress. 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. 

modulo di accesso Elemenor personalizzato
Abilita/disabilita i requisiti di accesso e registrazione con MetForm

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. 

Per abilitare l'accesso e la registrazione dell'utente, vai su Impostazioni modulo e quindi fai clic sulla scheda Autenticazione. Avrai la possibilità di abilitare e disabilitare il login e la registrazione dell'utente per il tuo modulo elementor.

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. 

modulo di pagamento personalizzato con Elementor per la creazione di un modulo di contatto Elementor personalizzato
Integrazione del metodo di pagamento con MetForm

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?

Puoi integrare il tuo modulo di contatto elementor con Contatto Hubspot, Moduli Hubspot, Contatto Zoho, E Helpscout

integrare il modulo di contatto Elementor personalizzato con CRM
Integra i tuoi CRM preferiti con MetForm

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.

Crea un post con le voci del modulo per creare il modulo di contatto Elementor
Crea un post con le voci del modulo

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. 

Se hai dubbi o hai domande, non esitare a farcelo sapere tramite la casella dei commenti.


Commenti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *