Come aggiungere un modulo di contatto in WordPress: Due semplici modi per aggiungere un Contact Form al tuo sito Web

Quindi hai creato un sito Web o un blog straordinario per la tua attività, ma nessuno ti sta contattando.

Sensazione terribile, vero?

Bene, molto probabilmente, è perché non hai ancora aggiunto un modulo di contatto al tuo sito WordPress.

Per fortuna, WordPress rende abbastanza semplicemente aggiungere un modulo di contatto installando un plugin.

Sono disponibili più opzioni (gratuite e a pagamento). Le opzioni più comuni sono:

Per ora puoi rimanere fedele alle opzioni gratuite e, se necessario, aggiornarlo in seguito.

Quando si tratta dell’opzione migliore, consiglierei di utilizzare WP Forms o Contact Form 7 . Sono entrambi gratuiti, facili da personalizzare e facili da usare per i principianti.

Ecco esattamente come aggiungere un modulo di contatto in WordPress, utilizzando WP Forms o Contact Form 7 .

Come aggiungere un modulo di contatto con i moduli WP

Moduli WP

Passaggio n. 1: installa e attiva il plug-in

  • Accedi alla dashboard di amministrazione di WordPress, scorri verso il basso fino a Plugin nella barra laterale di sinistra, quindi fai clic su Aggiungi nuovo .
Installa e attiva il plugin
  • Nella casella di ricerca sulla destra che dice “Cerca plugin”, digita WPForms . Quando viene visualizzato il plug-in WP Forms, fai clic su Installa ora .
Plug-in WPforms
  • Al termine dell’installazione del plug-in, il pulsante Installa ora verrà aggiornato per dire Attiva . Cliccaci sopra. Al termine dell’attivazione del plug-in, riceverai un messaggio di benvenuto.

Il plug-in è ora attivo sul tuo sito Web! Ora per creare il tuo primo modulo di contatto.

Passaggio 2: crea il tuo primo modulo di contatto

  • Dalla dashboard di WordPress, noterai una sezione intitolata WPForms sul lato sinistro. Fai clic sul link intitolato Aggiungi nuovo . Una volta caricata la nuova pagina, sarai pronto per configurare il tuo primo modulo di contatto.
Aggiungi nuovo modulo
  • Una volta caricata la pagina Aggiungi nuovo , vedrai diverse opzioni di modulo predefinite chiamate modelli. Puoi usarli o mantenerlo semplice e fare clic sul pulsante che dice Crea un modulo di contatto semplice .
Crea un semplice modulo di contatto
  • WP Forms è un’ottima opzione di modulo di contatto principalmente perché è facile da usare. Una volta caricato l’editor del modulo di contatto, vedrai una serie di elementi come Nome Email Indirizzo che puoi trascinare nel modulo di contatto. Dopo aver personalizzato il modulo, fai clic sul pulsante Salva nell’angolo in alto a destra.
Personalizza e modifica modulo

Passaggio 3: aggiungi il modulo di contatto al tuo sito Web WordPress

Il tuo modulo di contatto è personalizzato, con tutti gli articoli che desideri. Tutto quello che resta da fare è renderlo pubblicato sul tuo sito.

Per fare ciò, dovremo aggiungere il modulo di contatto a una pagina, un post o una barra laterale sul tuo sito WordPress. Ecco come:

  • Torna alla dashboard di WordPress
  • Vai alla sezione Pagine nella barra laterale di sinistra e seleziona la pagina in cui desideri che venga visualizzato il modulo (come la pagina Contattaci ).
  • Nella parte superiore della pagina di WordPress, dal pulsante Aggiungi media, vedrai due nuovi pulsanti chiamati Aggiungi modulo Aggiungi modulo di contatto . Questi sono i pulsanti che utilizzerai per aggiungere un modulo di contatto WP Forms alle tue pagine e ai tuoi post. Per moduli specifici, utilizzare il pulsante Aggiungi modulo . Per il modulo di contatto generale, utilizzare il pulsante Aggiungi modulo di contatto . Poiché abbiamo creato un modulo personalizzato nell’ultimo passaggio, fai clic sul pulsante Aggiungi modulo .

Aggiungi modulo di contatto
  • Dopo aver fatto clic sul pulsante Aggiungi modulo , un popup ti mostrerà tutti i moduli di contatto disponibili che puoi scegliere di aggiungere alla pagina. Seleziona il modulo che hai creato e fai clic sul pulsante Aggiungi modulo .  
Inserisci un modulo personalizzato
  • Ora vedrai un pezzo di testo, chiamato shortcode , sulla pagina. Questo shortcode è ora tutto ciò che serve per mostrare pubblicamente il modulo. Salva le modifiche aggiornando la pagina.
Inserisci lo shortcode

E proprio così, il gioco è fatto!

Se preferisci mostrare il modulo di contatto WP Forms su una barra laterale, usa un widget. Segui questi passaggi rapidi:

  • Dalla dashboard di WordPress, fai clic su Aspetto sul lato sinistro della dashboard. Sotto Aspetto, vedrai Widget . Fai clic sul collegamento Widget .
  • Dalla sezione Widget disponibili , scorri verso il basso fino a dove vedi WP Forms . Di solito, è vicino alla fine della pagina.
  • Una volta individuato il widget WP Forms , trascinalo e rilascialo nella posizione scelta. Puoi scegliere di aggiungere un titolo, selezionare il modulo corretto e premere il pulsante Salva .
Barra laterale del widget

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

L’aggiunta di un modulo di contatto con il Modulo di contatto 7 è estremamente semplice. Come la maggior parte delle cose con WordPress, c’è un plug-in intuitivo per impostare rapidamente le cose. Segui semplicemente questi passaggi:

Passaggio n. 1: installa e attiva il plug-in

  • Accedi alla dashboard di WordPress e vai a Plugin sul lato sinistro dello schermo. Sotto Plugin , vedrai un link intitolato Aggiungi nuovo . Clicca qui
  • Passare alla casella di ricerca che dice “Plugin di ricerca” sul lato destro dello schermo e digitare Modulo di contatto 7 .
Installa e attiva il modulo di contatto 7 plugin
  • Una volta che il plug-in viene visualizzato come nello screenshot sopra, fai clic su Installa ora . Rimani su questa pagina durante l’installazione del plugin. In pochi secondi, il pulsante Installa ora verrà aggiornato per dire Attiva . Fai clic sul pulsante Attiva .

Il plugin è attivo! Ora creiamo il tuo primo modulo di contatto.

Passaggio 2: crea il tuo primo modulo di contatto

  • Torna alla dashboard principale di WordPress. Dal lato sinistro, vedrai un nuovo elemento chiamato Contatto . Fai clic sul link Contatti . Qui è dove effettuerai tutti gli aggiornamenti e le modifiche ai moduli del Modulo di contatto 7 andando avanti.
  • Se non sei un esperto di tecnologia, non consiglierei di creare un nuovo modulo da zero. È più semplice utilizzare il modulo premade già visualizzato nell’elenco. Se vuoi creare un modulo personalizzato, puoi sempre personalizzarlo con HTML. Se sai già come farlo, fantastico. Altrimenti, considera di assumere uno sviluppatore per $ 10-50 per aiutarti. Puoi trovare liberi professionisti di qualità su piattaforme come Freelancer.com , Fiverr e Upwork . Per modificare e personalizzare il modulo, fai semplicemente clic sul titolo del modulo .

Modifica modulo di contatto 7

Passaggio 3: aggiungi il modulo di contatto al tuo sito Web WordPress

  • Dopo aver personalizzato il modulo di contatto, sarai pronto per aggiungere il modulo a qualsiasi pagina o post di WordPress in cui desideri che venga visualizzato il modulo.
  • Torna all’area Contatti da cui hai iniziato. Copia il testo dello shortcode che appare nel tuo nuovo modulo, a destra del titolo del modulo.
Modulo di contatto 7 shortcode
  • Ora che hai copiato lo shortcode , vai alla pagina o al post in cui vuoi che appaia il tuo modulo di contatto. Incolla il codice funzione sulla pagina o sul post e aggiorna la tua pagina.

Richiedi ulteriori invii di moduli di contatto

Ce l’hai fatta!

Sei entrato nel meraviglioso mondo dei moduli di contatto! Lo so, riesci a malapena a contenere anche la tua eccitazione.

Ora sei sulla buona strada per costruire un sito Web incredibile che ottiene tonnellate di visitatori del sito Web e ti guadagna lo stile di vita che stai cercando .

In caso di domande durante l’impostazione dei moduli di contatto, non esitate a contattarci .

Open

info.ibdi.it@gmail.com

Close