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 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
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
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?
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
ciao, che modulo utilizza DIVI? Grazie
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
Ciao e se per errore ho cancellato il modulo creato automaticamente al momento dell’installazione del plugin? Esiste modo per recuperarlo?
Velia
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!