Ogni sito web deve includere un modulo di contatto! I moduli di contatto sono utili per una varietà di scopi, indipendentemente dal tipo di sito Web che possiedi. Possono generare lead, creare connessioni e relazioni, consentire agli utenti di segnalare problemi con il tuo sito e tutto il resto.
Non è necessario essere un esperto tecnico per creare moduli di contatto in WordPress. Il generatore di pagine Elementor rende più facile che mai creare bellissimi siti web.
Per dimostrare come creare moduli di contatto con Elementor, esamineremo le diverse opzioni e tutto ciò che c'è da sapere sui moduli di contatto in Elementor.
Elementor ha incluso un widget Form da un po' di tempo ormai, il che significa che non devi più andare da nessun'altra parte per creare moduli per il tuo sito Web WordPress, il che è una benedizione!
In passato, potresti aver riscontrato difficoltà durante la creazione di moduli con alcuni dei plugin disponibili. Il processo di progettazione e configurazione dei moduli può richiedere molto tempo e risultare frustrante. Fortunatamente per tutti noi, il widget Elementor Form è semplice da utilizzare.
- Qual è il modo migliore per creare un modulo in Elementor?
- Come creare un modulo Elementor
- Formare elementi Elementor in modo strutturato
- Tipi di campi in un modulo
- Tipi di campi in un modulo Elementor
- Larghezza di una colonna Modulo
- Moduli in Elementor per lo styling
- Azioni su un modulo
- Creazione di un modello di messaggistica per moduli di contatto in Elementor
- Conclusione
Prima di iniziare con il generatore di moduli Elementor, diamo una rapida occhiata ad alcune delle sue funzionalità più essenziali.
Una delle caratteristiche più distintive, per cominciare, è che è completamente integrato nell'interfaccia di Elementor, il che significa che hai accesso a molte opzioni di design/stile/layout disponibili in Elementor. Non credo che troverai un plugin moduli autonomo con un sistema di progettazione robusto come questo.
Da lì, puoi creare fino a 18 diversi tipi di campi:
- Testo Email Area di testo Area di testo
- L'URL e il numero di telefono sono i seguenti:
- I pulsanti di opzione sono un tipo di pulsante di opzione.
- Scegli da un elenco (menu a discesa)
- Le caselle di controllo vengono utilizzate nelle liste di controllo.
- C'è solo una casella di controllo (accettazione)
- reCAPTCHA
- Gli honeypot sono un tipo di contenitore che contiene il miele (previene lo spam)
Puoi anche dividere i tuoi moduli in più pagine per creare moduli in più passaggi, utili per le applicazioni di lunga durata.
Elementor Pro ha oltre 12 integrazioni con i più diffusi servizi di email marketing e sistemi di gestione delle relazioni con i clienti per aiutarti a ottenere il massimo dai tuoi moduli. C'è anche un'integrazione Zapier catchall che ti consente di connetterti a uno qualsiasi delle migliaia di strumenti disponibili sulla piattaforma Zapier se il tuo strumento non è elencato.
Ci sono anche alcune altre alternative interessanti. Per ex amp le, quando qualcuno compila il modulo, è possibile ricevere notifiche via Slack o Discordia.
A proposito di notifiche, puoi anche personalizzare le notifiche e-mail che ricevi e le notifiche e-mail che ricevono i mittenti dei moduli. Dopo aver inviato il modulo, puoi reindirizzarli a una pagina di ringraziamento personalizzata che crei.
Qual è il modo migliore per creare un modulo in Elementor?
Inizieremo aprendo l'editor Elementor e quindi trascinando e rilasciando il widget Modulo nella posizione in cui vogliamo costruire il nostro modulo.
Come creare un modulo Elementor
Come tutto il resto in Elementor, il processo di creazione dei moduli viene eseguito visivamente. Non è necessario utilizzare un plugin aggiuntivo, né è essenziale fungere da backend del tuo sito web.
Formare elementi Elementor in modo strutturato
Una volta che il tuo modulo è a posto, il primo passo è organizzare le informazioni contenute al suo interno. Quali campi sono necessari e quali tipi di campi dovrebbero essere? Che cosa sta cercando?
Quando si lavora nell'editor di Elementor, i campi modulo vengono aggiunti e modificati dalla scheda Contenuto. Come si può vedere nella ex amp Le seguito, le forme sono un paio di default campi. Selezionando Aggiungi elemento dal menu a discesa, puoi creare nuovi campi.
La duplicazione di un Campo è possibile anche selezionando l'icona che assomiglia a due documenti, uno di fronte all'altro, e cliccandoci sopra.
Tipi di campi in un modulo
Sono disponibili molti tipi di campi modulo, da semplici campi di testo a password, campi ReCaptcha e honeypot.
Per modificare il comportamento di un campo modulo, selezionare prima il campo e poi il menu a discesa Tipo per vedere i vari tipi di campo disponibili.
Tipi di campi in un modulo Elementor
Larghezza di una colonna Modulo
Questa funzione consente di utilizzare due campi modulo sulla stessa riga regolando l'impostazione Larghezza colonna. Modifica la larghezza della finestra selezionandola dal selettore a discesa e selezionando 50 percento. Vale la pena notare che se lo fai con due campi modulo consecutivi, noterai che appaiono insieme sulla stessa riga.
Moduli in Elementor per lo styling
Disegna i tuoi moduli in Elementor nello stesso modo in cui stili altri widget accedendo al pannello Stile situato all'interno dell'interfaccia di modifica di Elementor.
Il modulo stesso, i campi, i pulsanti, eventuali passaggi, messaggi di errore e messaggi di conferma possono essere personalizzati.
Per coloro che hanno già familiarità con Elementor, non c'è molto altro da imparare nello styling di Elementor Forms.
Azioni su un modulo
Dopo la nostra discussione sulla creazione di un modulo in Elementor, diamo un'occhiata alla configurazione di ciò che accade dopo l'invio del modulo; ciò si ottiene attraverso le azioni del modulo, o come sono indicate in Elementor, Azioni dopo l'invio.
Quando viene inviato un modulo, è normale che il sistema invii un'e-mail e reindirizzi l'utente a una pagina Web diversa. Ovviamente puoi includere tutte le azioni che vuoi nei tuoi moduli e combinarle nel modo che preferisci. Come ci si potrebbe aspettare, c'è un campo selettore specifico senza codifica coinvolta.
Ciascuna delle azioni che aggiungi apparirà come un'opzione di scheda separata nel menu principale. Al momento abbiamo una scelta scheda per e-mail, ma se dovessi includere un reindirizzamento nel campo Aggiungi azione, vorrei anche vedere Redirect nelle mie opzioni della scheda, come mostrato nella ex amp Le seguito.
Per concludere, dimostrerò come configurare il modulo per accettare gli invii via e-mail, la domanda più frequente sui moduli.
Quando selezioni Email dalla scheda Contenuto nell'editor, ti verrà presentata la schermata mostrata di seguito; qui è dove puoi personalizzare l'e-mail da e l'e-mail di risposta e puoi anche aggiungere un CC o BCC a chiunque debba ricevere una copia degli invii dal modulo.
Creazione di un modello di messaggistica per moduli di contatto in Elementor
Molte persone sono sorprese nell'apprendere che l'editor di moduli di Elementor è più potente di quanto sembri a prima vista e una delle funzionalità più avanzate è la possibilità di personalizzare la messaggistica per ogni modulo.
È possibile personalizzare i messaggi del modulo per fornire un processo di feedback più personalizzato all'utente finale che ha compilato il modulo, piuttosto che sembrare un noioso robot. Ma, in particolare, quali messaggi puoi personalizzare per il tuo modulo di contatto Elementor sono i seguenti:
Per iniziare, devi prima abilitare la messaggistica personalizzata selezionando "Opzioni aggiuntive" dal menu a discesa e quindi spostando l'interruttore per "Messaggi personalizzati" su "Sì".
Personalizzazione del widget del modulo di contatto Elementor aggiungendo messaggi personalizzati
Come puoi vedere, ci sono quattro diversi messaggi che puoi personalizzare, inclusi quelli elencati di seguito:
Un messaggio di successo viene visualizzato all'utente finale dopo aver inviato il modulo e aver verificato che il modulo sia stato compilato correttamente (ad es. nessun campo obbligatorio mancante, ecc.).
Messaggio di errore: un messaggio che viene visualizzato all'utente finale quando si verifica un errore sconosciuto durante l'invio del modulo.
Messaggio richiesto: viene visualizzato quando un campo modulo obbligatorio non è compilato, il modulo viene inviato e il modulo non è completato.
Quando qualcosa all'interno dell'invio del modulo non è corretto e non può essere inviato, all'utente finale viene visualizzato il messaggio Messaggio non valido.
Essere in grado di modificare i messaggi ti consente di essere creativo e stravagante, o più formale e professionale se gestisci un sito aziendale. La parte migliore è che sono completamente modificabili, quindi puoi fare quello che vuoi!
Conclusione
Widget modulo Elementor, è facile costruire un modulo di contatto. Viene fornito con un intuitivo generatore di moduli di contatto drag-and-drop e una miriade di opzioni di personalizzazione che lo distinguono dagli altri plugin moduli di contatto disponibili sul mercato. Puoi facilmente personalizzare lo stile e la combinazione di colori per adattarli all'aspetto e all'atmosfera della tua azienda. Sono inclusi anche vari altri widget interessanti, oltre 300 modelli professionali e un generatore di pop-up in un comodo pacchetto. Questo generatore di pagine WordPress completo è costituito da tutti i widget e le funzionalità necessari, quindi non dovrai acquistare altri generatori di pagine per personalizzare ulteriormente il tuo sito web. Inoltre, consente l'integrazione di oltre 30 servizi di marketing, motivo per cui è uno dei plugin più acquistati oggi sul mercato.
