In questa lezione imparerai a conoscere Contact Form 7, che con oltre 22 milioni  di download, è il plugin per creare moduli di contatto su WordPress più famoso al mondo.

Attivando questo plugin puoi creare infiniti moduli di contatto da disporre strategicamente sulle pagine del tuo sito o blog.

Avrai a disposizione diversi campi preimpostati tra cui scegliere come le caselle di testo, menu a tendina, campo per accettazione privacy e anche quello per permettere agli utenti di allegare un file.

Il plugin consente di lavorare tramite html e css, in modo da personalizzare anche graficamente l’aspetto visivo del tuo modulo.

Per scaricarlo, vai su plugin > aggiungi nuovo e cerca contact form 7.

Appena l’avrai installato e attivato, si aggiungerà una voce sul menu di sinistra chiamata contatti.

Al suo interno troverai un modulo base già impostato.

Cliccando su modifica puoi cambiargli il nome del modulo e accedere alle sue impostazioni.

Per inserirlo sulle tue pagine, sarà sufficiente incollare lo shortcode che trovi evidenziato dove vuoi che appaia.

Puoi scegliere indistintamente di metterlo all’interno degli articoli, delle pagine o in un widget, in modo da disporlo nel footer e nelle sidebar.

Nel nostro esempio abbiamo creato una pagina contatti generica con il tema enfold.

Da una parte ho inserito un testo fittizio, mentre a destra voglio aggiungere il modulo di contatto di default.

Basterà aprire il builder visivo, incollare lo shortcode nel semplice modulo di testo.

Aggiornando la pagina, possiamo apprezzare il modulo appena inserito.

Nelle prossime lezioni, vedremo come modificare questo modulo, e come integrarlo con tutte le funzionalità che vengono offerte da contact form 7.

Ci vediamo nel prossimo video

Ciao, hai una domanda su questa lezione?

Iscriviti al sito o effettua il login


  1. Andrea
    Andrea dice:

    Ciao Gianluca, ho visto che contact form nella pagina dove viene inserito non è a larghezza piena . C’è per caso un’impostazione per poter fare la modifica?
    grazie
    Andrea

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Andrea
      Quello che mostriamo nei video è solo un esempio, ma lo shortcode di contact form 7 si adatta seconda della dimensione della cella che lo contiene, quindi le lo inserisci in una colonna a piena pagina si svilupperà in tutta la sua larghezza.

      Buona giornata

    • Andrea
      Andrea dice:

      Ciao Gianluca, io utilizzo Divi, e ho provato a inserire lo shortcode in un modulo sia a larghezza piena che anche laterale ma il risultato è sempre uguale. Non mi dà l’impostazione a larghezza piena …che è quella che cerco come soluzione per le mie pagine di contatti.
      Riesci ad aiutarmi?

    • Gianluca
      Gianluca dice:

      Ciao Andrea,
      puoi provare a personalizzare il form tramite css.

      Guarda questo articolo che mostra il codice da inserire.

      In alternativa hai provato ad usare il modulo di Divi?

      Quello lo puoi configurare tranquillamente a piena pagina.

      Buona giornata

    • Lorenzo
      Lorenzo dice:

      Ciao Alberto, cosa intendi?
      Se intendi quale modulo utilizza Divi come modulo di contatti, si chiama appunto “Modulo di Contatto”.
      Nel caso non fosse abbastanza, puoi comunque utilizzare anche i plugin come questi spiegati nei video.

      Buona giornata

  2. Velia
    Velia dice:

    Ciao e se per errore ho cancellato il modulo creato automaticamente al momento dell’installazione del plugin? Esiste modo per recuperarlo?

    Velia

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Velia,
      purtroppo se elimini il form non lo puoi recuperare.
      Prova a disattivare il plugin, a cancellarlo e a installarlo nuovamente, dovresti ritrovarlo come di default.

      Ti auguro buona giornata!

Ti serve assistenza personalizzata?

Ti serve assistenza personalizzata?

Per realizzare il tuo progetto o per risolvere qualsiasi problematica, rivolgiti al nostro Team di professionisti.

You have Successfully Subscribed!

Pin It on Pinterest