Come creare un modulo di contatto di base in WordPress

La crescita del tuo sito Web e della tua attività richiede la generazione di lead. Il modo migliore per farlo è raccogliere e-mail tramite il modulo di contatto sul tuo sito. Per fare ciò, devi creare un modulo di contatto sul tuo sito Web WordPress. Naturalmente, puoi chiedere allo sviluppatore del tuo sito di aiutarti.

Tuttavia, dovresti imparare come farlo in modo da poter creare un modulo che si adatti all'immagine del tuo marchio senza dover spendere una fortuna. Questo post ti guida attraverso il processo passo dopo passo di creazione di un modulo di contatto di base in WordPress.

Tre motivi principali per utilizzare un modulo di contatto sul tuo sito Web WordPress

Quando conosci il motivo per avere qualcosa, sarai motivato a farlo. Quindi, perché dovresti creare e utilizzare un modulo di contatto sul tuo sito web? Diamo un'occhiata ai primi tre motivi per cui dovresti considerare di avere un modulo di contatto sul tuo sito.

• Curare i dati dei clienti

Il business è guidato dai dati e senza dati appropriati, il tuo business potrebbe non crescere oltre quello che è oggi. Uno dei modi principali per accedere ai dati dei tuoi clienti e dei visitatori del sito è quando ti contattano. Quando hai un modulo di contatto sul tuo sito, puoi richiedere dati specifici su di loro.

Puoi raccogliere i loro indirizzi e-mail, numeri di telefono e alcune informazioni vitali che ti torneranno utili per i tuoi scopi di marketing. Un modulo di contatto ti aiuta anche a filtrare le richieste. Con esso, conosci la domanda giusta da porre ai visitatori e come indirizzare la domanda ai team appropriati da gestire.

• Proteggi il tuo sito dallo spam e-mail

Lo spam e-mail è un parassita e se hai un indirizzo e-mail non protetto, sei un buon bersaglio per gli spammer. Con un modulo di contatto, impedisci che ciò accada. Non è necessario pubblicare il proprio indirizzo e-mail o numero di telefono online. I tuoi visitatori possono contattarti tramite il modulo di contatto.

• Informare i visitatori del sito

Oltre a raccogliere informazioni dai visitatori del sito, puoi anche utilizzare il modulo di contatto per fornire informazioni ai tuoi clienti. Quando ti contattano, puoi includere informazioni nel modulo su quando possono aspettarsi una risposta.

Quindi, ora che hai i motivi per cui un modulo di contatto è fondamentale per il tuo sito Web, vediamo come aggiungerne uno al tuo sito. Vedremo come creare un modulo di contatto utilizzando WPForms e Contact Form 7 poiché sono tra i moduli di contatto più comunemente usati per i siti Web WordPress.

Come creare il modulo di contatto WPForms

WPForms è uno dei moduli di contatto più popolari sul mercato. Per creare un modulo, la prima cosa è installare e attivare il plugin. Al termine, verrà visualizzata la procedura guidata di configurazione di WPForms con il messaggio "Crea il tuo primo modulo". Segui i passaggi seguenti per completare il processo e far funzionare i tuoi WPForms in cinque minuti.

• Fare clic sul pulsante "Crea il tuo primo modulo" per iniziare.

• Successivamente, scegli un modello predefinito e personalizza i campi del modulo. Puoi anche scegliere un modulo vuoto per creare il tuo modulo da zero. Per un principiante, scegli il modello "Modulo di contatto semplice".

• Verrai reindirizzato per aggiungere o rimuovere campi modulo nel generatore di moduli. Puoi anche personalizzare il modulo in base all'estetica e alla funzione.

• Nello spazio con "Aggiungi campi", posiziona il cursore nello spazio fornito e compila i campi in base alla richiesta del messaggio pop. Se vuoi qualcosa di semplice, puoi utilizzare i campi del modulo di base che sono già stati forniti.

Ciò non richiede la rimozione o l'aggiunta di campi ed è molto funzionale. Se desideri aggiungere campi aggiuntivi, puoi trascinarli e rilasciarli dall'elenco dei campi nelle caselle blu alla tua sinistra nella pagina. Quando hai finito di riempire lo spazio, fai clic su "Fatto" per passare al successivo.

• La prossima cosa è concentrarsi sulle impostazioni di notifica. Le impostazioni di notifica ti consentono di ricevere avvisi quando un utente invia un nuovo modulo sul tuo sito web. Per impostazione predefinita, la funzione di notifica è attivata.

Per una migliore esperienza utente, puoi utilizzare gli smart tag per inviare notifiche ai visitatori del tuo sito quando inviano un modulo di contatto. Questo fa loro sapere che hai ricevuto il loro modulo e ti contatterai a breve.

• Il passaggio finale consiste nell'incorporare il semplice modulo di contatto nel tuo sito Web WordPress. Per fare ciò, puoi incorporarlo in una pagina esistente o in una nuova. Quindi, fai clic su "Seleziona pagina esistente" o "Crea nuova pagina" dal messaggio popup. Se stai creando una nuova pagina, fai clic su "Crea nuova pagina" e assegnagli un nome. Fare clic su "Andiamo". WPForms incorporerà il tuo modulo nella nuova pagina e questo è tutto. Puoi iniziare a sfruttare i vantaggi di avere un modulo di contatto sul tuo sito.

Come creare un modulo di contatto con il modulo di contatto 7

Il primo passaggio nella creazione di un modulo di contatto con Contact Form 7 è l'installazione e l'attivazione del plug-in. Segui i passaggi seguenti per installare e attivare il plug-in e creare il modulo di contatto:

• Accedi al tuo sito e vai su “Plugin”. Fai clic su "Aggiungi nuovo" e digita Contact Form 7 nella casella di ricerca.

• Fare clic su "Installa ora" per scaricarlo sul tuo sito web. Quindi, fai clic su "Attiva" per iniziare a utilizzare il plug-in.

• Quindi, fai clic su "Contatto" nella barra laterale di WordPress. Sfoglia l'elenco dei moduli di contatto sul tuo sito web. Vedrai un modulo di esempio, che puoi modificare e personalizzare. Puoi anche fare clic su "Aggiungi nuovo" sullo schermo per creare un modulo da zero.

• Fare clic su un modulo di esempio o su "Aggiungi nuovo" per continuare. Non aver paura della prossima finestra aperta. Sembra complesso ma ci sono strumenti per generare il codice automaticamente. Quindi non preoccuparti, poiché non devi codificare nulla.

• Ora è il momento di configurare il modulo di contatto. Puoi aggiungere un menu a discesa, che consentirà ai tuoi visitatori di selezionare lo scopo per il quale desiderano contattarti. Per fare ciò, posiziona il cursore nel punto in cui desideri posizionare il menu sul modulo di contatto. Dalla barra degli strumenti, clicca sul menu a tendina e compila i campi.

• Fare clic su "Inserisci tag" quando hai finito per incorporarlo nel tuo modulo.

• Successivamente, aggiungi un'etichetta. Per fare ciò, copia e incolla il codice corrente dai campi e adattalo alle tue preferenze.

• Configura l'e-mail che hai ricevuto dal modulo di contatto. Per fare ciò, vai alla sezione Posta. Vedrai i campi precompilati con tag simili e quelli che hai creato in precedenza. Puoi usarli per personalizzare il modo in cui desideri ricevere i messaggi tramite il modulo di contatto.

I campi inclusi sono A, Da, Intestazioni aggiuntive, Corpo del messaggio e Usa tipo di contenuto HTML (i messaggi vengono inviati in testo normale per impostazione predefinita. Se si desidera utilizzare HTML, selezionare la casella).

Ha anche allegati di file e posta (2), un modello di posta aggiuntivo per i risponditori automatici. Se vuoi attivarlo, seleziona la casella e puoi continuare con l'opzione standard come principiante.

• Quindi, configura i messaggi specifici che vuoi che i tuoi visitatori vedano quando usano il tuo modulo. Le opzioni disponibili includono Messaggio di successo e Messaggi di errore.

• Infine, aggiungi il modulo al tuo sito. Innanzitutto, salva il modulo con un nome univoco. Vedrai apparire uno shortcode sullo schermo dopo aver salvato il modulo. Copialo e vai alla pagina in cui desideri posizionare il modulo. Puoi creare una nuova pagina o aggiungerla a una pagina esistente. Incolla lo shortcode nell'editor di WordPress e pubblicalo. Questo lo invierà al front-end e potrai iniziare a goderti i vantaggi di avere un modulo di contatto sul tuo sito.

Conclusione

Lì hai i semplici passaggi per creare un modulo di contatto di base utilizzando WPForms e Contact Form 7. Se desideri qualcosa di veloce e senza interruzioni, il plug-in WPForms sembra un'opzione migliore. Tuttavia, se sei interessato a lavorare con i codici anche senza alcuna esperienza precedente, Contact Form 7 è una scelta migliore.