{"id":15888,"date":"2023-05-19T12:19:33","date_gmt":"2023-05-19T11:19:33","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=15888"},"modified":"2024-10-25T08:23:39","modified_gmt":"2024-10-25T08:23:39","slug":"contact-form-7","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/contact-form-7\/","title":{"rendered":"Contact Form 7: la guida completa"},"content":{"rendered":"\n<p>Vuoi scoprire come usare <strong>Contact Form 7<\/strong>? In questa guida dettagliata scoprirai come configurare il plugin. <\/p>\n\n\n\n<p>Vedremo come <strong>creare un form di contatto<\/strong> da inserire sul tuo sito. Fa usare alle persone un modulo di contatto rispetto a condividere il tuo indirizzo email ti aiuta a limitare lo spam: ti mostrer\u00f2, infatti, dei metodi efficaci per <strong>proteggere il tuo form dallo spam<\/strong>. <\/p>\n\n\n\n<p>Iniziamo dall&#8217;installazione di Contact Form 7 e dalle sue <strong>impostazioni basilari<\/strong> per poi scoprire come usarlo in maniera <strong>avanzata<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-contact-form-7\">Cos&#8217;\u00e8 Contact Form 7<\/a><\/li><li><a href=\"#pro-e-contro-di-un-modulo-di-contatto\">Pro e contro di un modulo di contatto<\/a><ul><li><a href=\"#vantaggi-dei-moduli-di-contatto\">Vantaggi dei moduli di contatto<\/a><\/li><li><a href=\"#svantaggi-dei-moduli-di-contatto\">Svantaggi dei moduli di contatto<\/a><\/li><\/ul><\/li><li><a href=\"#consigli-per-un-form-di-contatto-migliore\">Consigli per un form di contatto migliore<\/a><\/li><li><a href=\"#installare-contact-form-7\">Installare Contact Form 7<\/a><\/li><li><a href=\"#creare-un-form-di-contatto-base\">Creare un form di contatto base<\/a><\/li><li><a href=\"#il-tab-modulo-modifichiamo-il-form\">Il tab Modulo: modifichiamo il form<\/a><ul><li><a href=\"#campo-di-testo\">Campo di testo<\/a><\/li><li><a href=\"#email\">Email<\/a><\/li><li><a href=\"#url\">Url<\/a><\/li><li><a href=\"#telefono\">Telefono<\/a><\/li><li><a href=\"#numero\">Numero<\/a><\/li><li><a href=\"#data\">Data<\/a><\/li><li><a href=\"#area-di-testo\">Area di testo<\/a><\/li><li><a href=\"#menu-a-discesa\">Menu a discesa<\/a><\/li><li><a href=\"#caselle-di-controllo\">Caselle di controllo<\/a><\/li><li><a href=\"#pulsanti-di-opzione\">Pulsanti di opzione<\/a><\/li><li><a href=\"#accettazione\">Accettazione<\/a><\/li><li><a href=\"#quiz\">Quiz<\/a><\/li><li><a href=\"#file\">File<\/a><\/li><li><a href=\"#invia\">Invia<\/a><\/li><\/ul><\/li><li><a href=\"#usare-i-placeholder-e-le-etichette\">Usare i placeholder e le etichette<\/a><\/li><li><a href=\"#il-tab-mail-personalizziamo-la-mail-inviata\">Il tab Mail: personalizziamo la mail inviata<\/a><ul><li><a href=\"#campo-a\">Campo &#8220;A&#8221;<\/a><\/li><li><a href=\"#campo-da\">Campo &#8220;Da&#8221;<\/a><\/li><li><a href=\"#campo-oggetto\">Campo &#8220;Oggetto&#8221;<\/a><\/li><li><a href=\"#campo-corpo-del-messaggio\">Campo &#8220;Corpo del messaggio&#8221;<\/a><\/li><li><a href=\"#campo-file-allegati\">Campo &#8220;File allegati&#8221;<\/a><\/li><li><a href=\"#opzione-mail-2\">Opzione Mail (2)<\/a><\/li><\/ul><\/li><li><a href=\"#il-tab-messaggi\">Il tab Messaggi<\/a><\/li><li><a href=\"#il-tab-impostazioni-aggiuntive\">Il tab Impostazioni aggiuntive<\/a><\/li><li><a href=\"#inserire-il-form-nella-pagina-dei-contatti\">Inserire il form nella pagina dei contatti<\/a><\/li><li><a href=\"#proteggere-contact-form-7-dallo-spam\">Proteggere Contact Form 7 dallo spam<\/a><ul><li><a href=\"#creare-una-chiave-api-re-captcha\">Creare una chiave API reCAPTCHA<\/a><\/li><\/ul><\/li><li><a href=\"#contact-form-7-e-prestazioni\">Contact Form 7 e prestazioni<\/a><\/li><li><a href=\"#inviare-le-email-tramite-smtp\">Inviare le email tramite SMTP<\/a><\/li><li><a href=\"#contact-form-7-non-invia-mail\">Contact Form 7 non invia mail<\/a><ul><li><a href=\"#vedi-il-messaggio-di-conferma-sotto-al-form-ma-non-ricevi-la-mail\">Vedi il messaggio di conferma sotto al form ma non ricevi la mail<\/a><\/li><li><a href=\"#contact-form-7-non-riesce-ad-inviare-la-mail\">Contact form 7 non riesce ad inviare la mail<\/a><\/li><\/ul><\/li><li><a href=\"#salvare-i-dati-dei-form-con-flamingo\">Salvare i dati dei form con Flamingo<\/a><ul><li><a href=\"#installare-flamingo\">Installare Flamingo<\/a><\/li><li><a href=\"#vedere-i-form-salvati\">Vedere i form salvati<\/a><\/li><\/ul><\/li><li><a href=\"#opzioni-avanzate-per-personalizzare-contact-form-7\">Opzioni avanzate per personalizzare Contact Form 7<\/a><ul><li><a href=\"#inviare-email-a-destinatari-diversi\">Inviare email a destinatari diversi<\/a><\/li><li><a href=\"#ottieni-l-ip-del-visitatore\">Ottieni l&#8217;IP del visitatore<\/a><\/li><li><a href=\"#ottieni-data-e-ora-di-invio\">Ottieni data e ora di invio<\/a><\/li><li><a href=\"#ottieni-lindirizzo-della-pagina-in-cui-e-stato-compilato-il-form\">Ottieni l&#8217;indirizzo della pagina in cui \u00e8 stato compilato il form<\/a><\/li><li><a href=\"#reindirizza-lutente-su-unaltra-pagina-dopo-aver-inviato-il-form\">Reindirizza l&#8217;utente su un&#8217;altra pagina dopo aver inviato il form<\/a><\/li><li><a href=\"#tracciare-linvio-del-form-con-google-analytics\">Tracciare l&#8217;invio del form con Google Analytics<\/a><\/li><li><a href=\"#inviare-il-risultato-del-form-tramite-api\">Inviare il risultato del form tramite API<\/a><\/li><li><a href=\"#impostare-dei-campi-condizionali\">Impostare dei campi condizionali<\/a><\/li><\/ul><\/li><li><a href=\"#come-adeguare-contact-form-7-al-gdpr\">Come adeguare Contact Form 7 al GDPR<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-contact-form-7\">Cos&#8217;\u00e8 Contact Form 7<\/h2>\n\n\n\n<p><a class=\"rank-math-link\" href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" rel=\"noopener\">Contact Form 7<\/a> \u00e8 un <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\">plugin WordPress<\/a> gratuito che ti permette di creare dei form invio email da inserire sul tuo sito web.<\/p>\n\n\n\n<p>Un form di contatto altro non \u00e8 che un modulo che un utente pu\u00f2 compilare per contattarti, Il form di contatto sul nostro sito \u00e8 stato creato con Contact Form 7.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"946\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-sul-nostro-sito-nella-pagina-contatti.png\" alt=\"Contact Form 7 Sul Nostro Sito Nella Pagina Contatti\" class=\"wp-image-15891\" style=\"width:512px;height:500px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-sul-nostro-sito-nella-pagina-contatti.png 946w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-sul-nostro-sito-nella-pagina-contatti-300x293.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-sul-nostro-sito-nella-pagina-contatti-768x750.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-sul-nostro-sito-nella-pagina-contatti-65x63.png 65w\" sizes=\"auto, (max-width: 946px) 100vw, 946px\" \/><\/figure>\n\n\n\n<p>Si tratta di un plugin molto flessibile che ti permette di creare form per <a href=\"https:\/\/supporthost.com\/it\/cose-wordpress-come-funziona\/\">WordPress<\/a> di qualsiasi tipo, e inserirli in qualsiasi pagina tramite uno shortcode, un semplice codice per inserire il form all&#8217;interno di un post o di una pagina, come vedremo in questa guida.<\/p>\n\n\n\n<p>Si tratta di uno tra i plugin pi\u00f9 usati per WordPress con pi\u00f9 di 5 milioni di installazioni attive e che viene aggiornato di frequente. Attualmente l&#8217;ultimo aggiornamento \u00e8 stato rilasciato ad <strong>aprile 2023<\/strong> e il plugin \u00e8 stato testato con la versione di <strong>WordPress 6.2.1<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"719\" height=\"409\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-directory-plugin-wordpress.png\" alt=\"Contact Form 7 Directory Plugin WordPress\" class=\"wp-image-38704\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-directory-plugin-wordpress.png 719w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-directory-plugin-wordpress-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-directory-plugin-wordpress-111x63.png 111w\" sizes=\"auto, (max-width: 719px) 100vw, 719px\" \/><\/figure>\n\n\n\n<p>Oltre a questo, \u00e8 possibile aggiungere delle funzionalit\u00e0 a Contact Form 7, tramite altri plugin, come vedremo pi\u00f9 avanti in questa guida.<\/p>\n\n\n\n<p>Altri <a href=\"https:\/\/supporthost.com\/it\/plugin-form-wordpress\/\" data-type=\"post\" data-id=\"71555\">plugin per creare moduli di contatto<\/a> tra i pi\u00f9 usati sono:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/supporthost.com\/it\/wpforms\/\" data-type=\"post\" data-id=\"50239\">WPForms<\/a> &#8211; oltre 5 milioni di installazioni;<\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/ninja-forms\/\" data-type=\"post\" data-id=\"50940\">Ninja Forms<\/a> &#8211; 800.000 installazioni;<\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/forminator\/\" data-type=\"post\" data-id=\"50291\">Forminator<\/a> &#8211; 400.000 installazioni;<\/li>\n\n\n\n<li><a href=\"https:\/\/supporthost.com\/it\/formidable-forms\/\" data-type=\"post\" data-id=\"51024\">Formidable Forms<\/a> &#8211; 300.000 installazioni.<\/li>\n<\/ul>\n\n\n\n<p>Se, invece, vuoi creare un modulo usando un&#8217;alternativa ai plugin WordPress, pu\u00f2 esserti utile la nostra guida a <a href=\"https:\/\/supporthost.com\/it\/google-moduli\/\" data-type=\"post\" data-id=\"58914\">Google moduli<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pro-e-contro-di-un-modulo-di-contatto\">Pro e contro di un modulo di contatto<\/h2>\n\n\n\n<p>Avere un form di contatto nel tuo sito ha dei vantaggi e degli svantaggi. La  domanda che devi farti \u00e8: voglio essere contattato oppure non lo voglio?<\/p>\n\n\n\n<p>Se il tuo \u00e8 un blog personale che hai creato per condividere le tue passioni con gli amici, potresti non voler mettere a disposizione di chiunque un metodo per contattarti. Tutt&#8217;altra storia, invece, se hai un blog in cui promuovi un servizio o un prodotto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vantaggi-dei-moduli-di-contatto\">Vantaggi dei moduli di contatto<\/h3>\n\n\n\n<ul>\n<li>Dai la possibilit\u00e0 agli utenti di scriverti. Questo come dicevo \u00e8 utile se vendi un servizio e un potenziale cliente vuole entrare in contatto con te prima di acquistare per chiederti delucidazioni.<\/li>\n\n\n\n<li>Vedere un form di contatto d\u00e0 fiducia ai tuoi utenti, che magari comprano prima di contattarti, ma sanno che se hanno un problema posso usare quel form.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"svantaggi-dei-moduli-di-contatto\">Svantaggi dei moduli di contatto<\/h3>\n\n\n\n<ul>\n<li>Potresti iniziare a ricevere spam. Anzi, quasi sicuramente riceverai spam se non proteggi il tuo form come indico in questa guida.<\/li>\n\n\n\n<li>Potresti ricevere molte richieste, anche non a tema, e a quel punto dovresti gestirle in qualche modo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"consigli-per-un-form-di-contatto-migliore\">Consigli per un form di contatto migliore<\/h2>\n\n\n\n<p>L&#8217;obiettivo del modulo di contatto \u00e8 invitare le persone a compilarlo. Per aumentare le possibilit\u00e0 di successo ci sono alcune regole che possono aiutarti.<\/p>\n\n\n\n<ul>\n<li>Usa il numero minore di campi possibile. Pi\u00f9 campi chiedi di compilare nel tuo modulo e meno saranno le persone che lo compilano. L&#8217;essere umano \u00e8 pigro, cerca di rendere la vita facile ai tuoi utenti.<\/li>\n\n\n\n<li>Non chiedere il numero di telefono, o almeno non renderlo obbligatorio. Molti sono restii a lasciare il numero di telefono, che \u00e8 un dato molto personale.<\/li>\n\n\n\n<li>Personalizza il testo del bottone invia. Prova a testare diverse versioni del testo del tuo bottone in base a quello che offri col tuo form.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installare-contact-form-7\">Installare Contact Form 7<\/h2>\n\n\n\n<p>Installare Contact Form 7 \u00e8 facilissimo. Accedi alla dashboard di WordPress e nella sidebar a sinistra clicca su Plugin -&gt; Aggiungi nuovo (o Add New).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"124\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-aggiungi-nuovo.png\" alt=\"Plugin Aggiungi Nuovo\" class=\"wp-image-22172\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-aggiungi-nuovo.png 404w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-aggiungi-nuovo-300x92.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/plugin-aggiungi-nuovo-120x37.png 120w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>Puoi cercare il plugin usando il box di ricerca a destra, oppure cliccare in alto per vedere i plugin pi\u00f9 popolari. Come vedi Contact Form 7 \u00e8 il primo plugin della lista.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"366\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installazione-contact-form-7.png\" alt=\"Installazione Contact Form 7\" class=\"wp-image-15893\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installazione-contact-form-7.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installazione-contact-form-7-300x92.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installazione-contact-form-7-1024x312.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installazione-contact-form-7-768x234.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installazione-contact-form-7-120x37.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Clicca sul bottone <em>installa adesso<\/em> per installare il plugin. Una volta terminata l&#8217;installazione il bottone cambier\u00e0 il testo, diventando &#8220;Attiva&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"366\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/attiva-contact-form-7.png\" alt=\"Attiva Contact Form 7\" class=\"wp-image-15894\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/attiva-contact-form-7.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/attiva-contact-form-7-300x92.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/attiva-contact-form-7-1024x312.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/attiva-contact-form-7-768x234.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/attiva-contact-form-7-120x37.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Clicca su attiva per attivare il plugin e abbiamo fatto. Facile no?<\/p>\n\n\n\n<p>Ora entriamo proprio nel vivo della guida e vediamo <strong>come creare il modulo<\/strong> e inserirlo nella pagina dei contatti del nostro sito.<\/p>\n\n\n\n<p>Vai di fretta? Guarda questo video per imparare come creare il tuo form di contatto in meno di 15 minuti:<\/p>\n\n\n\n<div data-video-id=\"qO2nM3Tibis\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/qO2nM3Tibis\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"creare-un-form-di-contatto-base\">Creare un form di contatto base<\/h2>\n\n\n\n<p>Adesso che il plugin \u00e8 installato, nella sidebar vediamo una nuova voce:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"380\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-menu.png\" alt=\"Contact Form 7 Menu\" class=\"wp-image-15895\" style=\"width:237px;height:285px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-menu.png 316w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-menu-249x300.png 249w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-menu-52x63.png 52w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/figure>\n\n\n\n<p>Facendo click su &#8220;Contatto&#8221; possiamo vedere la lista di tutti i form creati. Visto che abbiamo appena installato il plugin non c&#8217;\u00e8 ancora nessun form, quindi troveremo solo il form di default che viene creato in automatico quando installiamo Contact Form 7.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"97\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/moduli-di-contatto.png\" alt=\"Moduli Di Contatto\" class=\"wp-image-15896\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/moduli-di-contatto.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/moduli-di-contatto-300x24.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/moduli-di-contatto-1024x83.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/moduli-di-contatto-768x62.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/moduli-di-contatto-120x10.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Questo modulo pu\u00f2 essere usato cos\u00ec com&#8217;\u00e8. Per capire come funziona il plugin e come fare a personalizzare il modulo useremo come base proprio questo di default.<\/p>\n\n\n\n<p>Clicchiamo sul nome del modulo per modificarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"218\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tabs-e-shortcode.png\" alt=\"Contact Form 7 Tabs E Shortcode\" class=\"wp-image-15897\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tabs-e-shortcode.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tabs-e-shortcode-300x55.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tabs-e-shortcode-1024x186.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tabs-e-shortcode-768x140.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tabs-e-shortcode-120x22.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Per prima cosa abbiamo il <strong>titolo<\/strong>: possiamo lasciarlo cos\u00ec o modificarlo. Al di sotto troviamo lo <strong>shortcode<\/strong>, questo codice inserito nel box azzurro, \u00e8 quello che possiamo usare per inserire il modulo all&#8217;interno delle pagine del nostro sito web,<\/p>\n\n\n\n<p>Sotto vediamo 4 tab, tramite i quali possiamo personalizzare il nostro modulo di contatto.<\/p>\n\n\n\n<p>Vediamo quali sono le impostazioni che abbiamo.<\/p>\n\n\n\n<p>Se preferisci puoi guardare il video tutorial avanzato in cui ti mostro le impostazioni del plugin:<\/p>\n\n\n\n<div data-video-id=\"Hs-rBglrANQ\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/Hs-rBglrANQ\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"il-tab-modulo-modifichiamo-il-form\">Il tab Modulo: modifichiamo il form<\/h2>\n\n\n\n<p>Partiamo dal tab <strong>Modulo<\/strong>, che ci permette di modificare il codice HTML del form. Da qui possiamo aggiungere o modificare i campi del form e modificarne il testo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"724\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-modulo.png\" alt=\"Contact Form 7 Tab Modulo\" class=\"wp-image-15899\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-modulo.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-modulo-300x181.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-modulo-1024x618.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-modulo-768x463.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-modulo-104x63.png 104w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Come vedi questo \u00e8 il codice del form, un misto di HTML e shortcodes. <\/p>\n\n\n\n<p>Col form di default di Contact Form 7 chiedi ai tuoi utenti il nome,  l&#8217;email, l&#8217;oggetto ed il testo del messaggio. Poi vedono un bottone per inviare il messaggio. In questo campo puoi aggiungere HTML e JavaScript.<\/p>\n\n\n\n<p>Attraverso questa schermata possiamo aggiungere tutti i campi che vogliamo. Per farlo ci basta posizionare il cursore nel punto in cui vogliamo aggiungere un campo e inserirlo usando i pulsanti in alto.<\/p>\n\n\n\n<p>I campi che possiamo inserire sono:<\/p>\n\n\n\n<ul>\n<li><strong>Testo<\/strong>: Aggiunge un campo di testo di una riga per richiedere un dato come nome e cognome.<\/li>\n\n\n\n<li><strong>Email<\/strong>: Aggiunge un campo di una riga per una email (controlla che l&#8217;email sia valida).<\/li>\n\n\n\n<li><strong>Url<\/strong>: Aggiunge un campo di una riga per richiedere un url e controlla che sia un url valido.<\/li>\n\n\n\n<li><strong>Telefono<\/strong>: Aggiunge un campo per il numero di telefono.<\/li>\n\n\n\n<li><strong>Numero<\/strong>: Aggiunge un campo per un numero, controlla che sia un numero e non ci siano altri caratteri.<\/li>\n\n\n\n<li><strong>Data<\/strong>: Aggiunge un campo per selezionare una data da un calendario.<\/li>\n\n\n\n<li><strong>Area di testo<\/strong>: Aggiunge un&#8217;area di testo di pi\u00f9 righe, questo \u00e8 il campo usato comunemente per il corpo del messaggio.<\/li>\n\n\n\n<li><strong>Menu a discesa<\/strong>: Aggiunge un campo select con opzioni predefinite.<\/li>\n\n\n\n<li><strong>Caselle di controllo<\/strong>: Aggiunge delle caselle da spuntare, per una selezione si\/no.<\/li>\n\n\n\n<li><strong>Pulsanti di opzione<\/strong>: Aggiunge dei bottoni HTML radio, l&#8217;utente pu\u00f2 selezionare un&#8217;opzione.<\/li>\n\n\n\n<li><strong>Accettazione<\/strong>: Aggiunge una casella per l&#8217;accettazione.<\/li>\n\n\n\n<li><strong>Quiz<\/strong>: Aggiunge delle domande con delle risposte predefinite da noi.<\/li>\n\n\n\n<li><strong>File<\/strong>: Aggiunge una sezione per caricare un file.<\/li>\n\n\n\n<li><strong>Invia<\/strong>: Aggiunge un pulsante per compilare e inviare il modulo.<\/li>\n<\/ul>\n\n\n\n<p>Vediamoli uno a uno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"campo-di-testo\">Campo di testo<\/h3>\n\n\n\n<p>Facendo click su testo comparir\u00e0 una finestra in cui potremo personalizzare questa sezione del modulo. Se vogliamo creare ad esempio il campo di inserimento del &#8220;nome&#8221; possiamo usare le impostazioni mostrate qui sotto. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"809\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-testo.png\" alt=\"Contact Form Testo\" class=\"wp-image-15994\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-testo.png 1167w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-testo-300x208.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-testo-1024x710.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-testo-768x532.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-testo-91x63.png 91w\" sizes=\"auto, (max-width: 1167px) 100vw, 1167px\" \/><\/figure>\n\n\n\n<p>Con le impostazioni che abbiamo scelto avremo questo shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[text* text-169 id:nome class:nome placeholder \"Il tuo nome\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"email\">Email<\/h3>\n\n\n\n<p>Il campo email ci permette di impostare una casella in cui gli utenti andranno ad inserire il loro indirizzo di posta. Rispetto al classico campo di testo, questo servir\u00e0 a verificare che l&#8217;email sia scritta nel formato corretto. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1159\" height=\"799\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-email.png\" alt=\"Contact Form Email\" class=\"wp-image-15995\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-email.png 1159w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-email-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-email-1024x706.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-email-768x529.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-email-91x63.png 91w\" sizes=\"auto, (max-width: 1159px) 100vw, 1159px\" \/><\/figure>\n\n\n\n<p>Ecco lo shortcode ottenuto con le nostre impostazioni:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[email* email-475 id:email class:email placeholder \"La tua email\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"url\">Url<\/h3>\n\n\n\n<p>Il campo URL, proprio come il campo email che abbiamo appena visto, esegue una verifica per assicurarsi che il valore inserito sia quello di un indirizzo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1165\" height=\"795\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-url.png\" alt=\"Contact Form Url\" class=\"wp-image-15996\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-url.png 1165w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-url-300x205.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-url-1024x699.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-url-768x524.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-url-92x63.png 92w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/figure>\n\n\n\n<p>Visto che non tutti hanno un sito, \u00e8 meglio non impostare il campo come <em>obbligatorio<\/em>. Ecco lo shortcode che otteniamo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[url url-527 id:sito class:sito placeholder \"Il tuo sito web\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"telefono\">Telefono<\/h3>\n\n\n\n<p>Cos\u00ec come nei campi precedenti, anche in questo caso \u00e8 meglio utilizzare il campo specifico per numeri di telefono anzich\u00e9 semplicemente quello di testo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1168\" height=\"807\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-tel.png\" alt=\"Contact Form Tel\" class=\"wp-image-15997\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-tel.png 1168w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-tel-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-tel-1024x708.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-tel-768x531.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-tel-91x63.png 91w\" sizes=\"auto, (max-width: 1168px) 100vw, 1168px\" \/><\/figure>\n\n\n\n<p>Come ti dicevo prima, \u00e8 meglio non rendere obbligatorio questo campo, perch\u00e9 non tutti saranno disposti a inserire il proprio numero. <\/p>\n\n\n\n<p>Il nostro shortcode con le impostazioni che vedi nella schermata qui sopra: \u00e8 questo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[tel tel-423 id:telefono class:telefono placeholder \"Il tuo numero di telefono\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"numero\"><strong>Numero<\/strong><\/h3>\n\n\n\n<p>Con questo campo puoi assicurarti che il carattere inserito sia un numero e non vengano, quindi, inseriti caratteri differenti. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1163\" height=\"809\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-numero.png\" alt=\"Contact Form Numero\" class=\"wp-image-16017\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-numero.png 1163w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-numero-300x209.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-numero-1024x712.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-numero-768x534.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-numero-91x63.png 91w\" sizes=\"auto, (max-width: 1163px) 100vw, 1163px\" \/><\/figure>\n\n\n\n<p>Se vuoi puoi impostare una regola per restringere la possibilit\u00e0 di inserire il numero impostando un <strong>intervallo<\/strong>. In questo esempio qui sopra abbiamo impostato un intervallo da 1 a 100. Lo shortcode usato \u00e8 questo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[number number-767 min:1 max:100 placeholder \"Inserisci un numero\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"data\">Data<\/h3>\n\n\n\n<p>Questo campo pu\u00f2 essere utile nel caso in cui si voglia dare all&#8217;utente la possibilit\u00e0 di fissare un appuntamento o una data in cui essere ricontattato. In questo caso possiamo impostare anche un <strong>intervallo di date<\/strong>, come vedi qui sotto:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1168\" height=\"798\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-data.png\" alt=\"Contact Form Data\" class=\"wp-image-15998\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-data.png 1168w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-data-300x205.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-data-1024x700.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-data-768x525.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-data-92x63.png 92w\" sizes=\"auto, (max-width: 1168px) 100vw, 1168px\" \/><\/figure>\n\n\n\n<p id=\"block-17ef883d-47f3-4cff-b3bc-2a501cf56ed0\">Ecco lo shortcode che otteniamo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[date date-453 min:2020-12-07 max:2020-12-12 id:data class:data \"Fissa un appuntamento\"]<\/pre>\n\n\n\n<p>Se vogliamo aggiungere del testo che faccia capire all&#8217;utente cosa deve fare possiamo aggiungere un&#8217;etichetta (label). In questo caso nel modulo ci baster\u00e0 aggiungere <em>&lt;label&gt; Fissa un appuntamento &lt;\/label&gt;<\/em> per ottenere questo risultato: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1175\" height=\"853\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/data-con-etichetta-contact-form-7.png\" alt=\"Data Con Etichetta Contact Form 7\" class=\"wp-image-15989\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/data-con-etichetta-contact-form-7.png 1175w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/data-con-etichetta-contact-form-7-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/data-con-etichetta-contact-form-7-1024x743.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/data-con-etichetta-contact-form-7-768x558.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/data-con-etichetta-contact-form-7-87x63.png 87w\" sizes=\"auto, (max-width: 1175px) 100vw, 1175px\" \/><\/figure>\n\n\n\n<p>Come vedi in questo caso il mese e l&#8217;anno sono gi\u00e0 fissati perch\u00e9 abbiamo scelto un intervallo di date ristretto, ma naturalmente puoi scegliere l&#8217;intervallo che decidi tu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"area-di-testo\">Area di testo<\/h3>\n\n\n\n<p>Attraverso il campo di testo i tuoi utenti potranno inserire una sola riga di testo. Se hai bisogno di<strong> pi\u00f9 righe<\/strong>, ad esempio per far aggiungere un messaggio o una richiesta il campo che devi usare \u00e8 proprio l&#8217;area di testo. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1164\" height=\"805\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-area-di-testo.png\" alt=\"Contact Form Area Di Testo\" class=\"wp-image-15999\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-area-di-testo.png 1164w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-area-di-testo-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-area-di-testo-1024x708.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-area-di-testo-768x531.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-area-di-testo-91x63.png 91w\" sizes=\"auto, (max-width: 1164px) 100vw, 1164px\" \/><\/figure>\n\n\n\n<p>Il nostro shortcode: <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[textarea textarea-283 id:messaggio class:messaggio \"Il tuo messaggio\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"menu-a-discesa\">Menu a discesa<\/h3>\n\n\n\n<p>Tra i campi potresti anche scegliere di inserire un menu a discesa con delle opzioni predefinite. In questo caso abbiamo creato un menu a discesa in modo da mostrare tre opzioni. Il numero puoi sceglierlo tu, dipende dal numero di righe che scrivi: ogni riga corrisponde ad un&#8217;opzione del menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1163\" height=\"806\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-menu-a-discesa.png\" alt=\"Contact Form Menu A Discesa\" class=\"wp-image-16000\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-menu-a-discesa.png 1163w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-menu-a-discesa-300x208.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-menu-a-discesa-1024x710.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-menu-a-discesa-768x532.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-menu-a-discesa-91x63.png 91w\" sizes=\"auto, (max-width: 1163px) 100vw, 1163px\" \/><\/figure>\n\n\n\n<p>Con le impostazioni dell&#8217;esempio che ti ho appena mostrato, abbiamo questo shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[select menu-405 id:menu class:menu multiple \"Opzione 1\" \"Opzione 2\" \"Opzione 3\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"caselle-di-controllo\">Caselle di controllo<\/h3>\n\n\n\n<p>Oltre al menu a discesa che abbiamo appena visto, possiamo anche aggiungere al nostro form delle <strong>caselle di controllo<\/strong>. Un esempio potrebbe essere inserire le opzioni &#8220;S\u00ec&#8221; e &#8220;No&#8221;.<\/p>\n\n\n\n<p>In questo caso, oltre a inserire le opzioni (che possono essere anche pi\u00f9 di due) puoi scegliere se rendere esclusive le caselle di controllo (se una delle due viene selezionata, non si pu\u00f2 selezionare anche l&#8217;altra). <\/p>\n\n\n\n<p>Nel nostro esempio abbiamo attivato questa opzione, come vedi qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1159\" height=\"792\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-caselle-di-controllo.png\" alt=\"Contact Form Caselle Di Controllo\" class=\"wp-image-16001\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-caselle-di-controllo.png 1159w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-caselle-di-controllo-300x205.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-caselle-di-controllo-1024x700.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-caselle-di-controllo-768x525.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-caselle-di-controllo-92x63.png 92w\" sizes=\"auto, (max-width: 1159px) 100vw, 1159px\" \/><\/figure>\n\n\n\n<p>Ecco lo shortcode che otteniamo con le impostazioni che vedi nella schermata qui sopra:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[checkbox checkbox-805 id:casella class:casella use_label_element exclusive \"Si \" \"No\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pulsanti-di-opzione\">Pulsanti di opzione<\/h3>\n\n\n\n<p>Rispetto ai menu a discesa ed alle caselle di controllo che abbiamo appena visto, se usi i <em>Pulsanti di opzione<\/em>, l&#8217;utente potr\u00e0 scegliere solo una delle opzioni disponibili.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1165\" height=\"802\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-pulsanti-opzione.png\" alt=\"Contact Form Pulsanti Opzione\" class=\"wp-image-16002\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-pulsanti-opzione.png 1165w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-pulsanti-opzione-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-pulsanti-opzione-1024x705.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-pulsanti-opzione-768x529.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-pulsanti-opzione-92x63.png 92w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/figure>\n\n\n\n<p>In questo caso abbiamo inserito quattro diverse scelte, come vedi anche nel nostro shortcode: <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[radio radio-38 id:opzioni class:opzioni use_label_element default:1 \"Scelta 1\" \"Scelta 2\" \"Scelta 3\" \"Scelta 4\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"accettazione\">Accettazione<\/h3>\n\n\n\n<p>Usando il campo &#8220;accettazione&#8221; possiamo inserire nel form una casella. Questa pu\u00f2 essere utile per far accettare i termini sulla <strong>privacy<\/strong>. <\/p>\n\n\n\n<p>Lo vedremo meglio nella sezione di questa guida in cui parleremo di come fare per adeguare un form creato con Contact Form 7 al GDPR.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1169\" height=\"809\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-accettazione.png\" alt=\"Contact Form Accettazione\" class=\"wp-image-16005\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-accettazione.png 1169w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-accettazione-300x208.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-accettazione-1024x709.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-accettazione-768x531.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-accettazione-91x63.png 91w\" sizes=\"auto, (max-width: 1169px) 100vw, 1169px\" \/><\/figure>\n\n\n\n<p>Puoi scegliere se rendere la casella facoltativa, nel caso che vedi in esempio sar\u00e0 necessario spuntare la casella perch\u00e9 \u00e8 stata impostata come obbligatoria. Ecco, infatti, lo shortcode che otteniamo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[acceptance acceptance-299 id:termini class:termini] Accetta termini e condizioni [\/acceptance]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"quiz\">Quiz<\/h3>\n\n\n\n<p>Nel tuo modulo puoi anche creare un piccolo quiz, ti basta specificare domanda e risposta, ecco un esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1165\" height=\"811\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-quiz.png\" alt=\"Contact Form Quiz\" class=\"wp-image-16009\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-quiz.png 1165w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-quiz-300x209.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-quiz-1024x713.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-quiz-768x535.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-quiz-90x63.png 90w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/figure>\n\n\n\n<p>Come vedi devi separare in questo modo domanda e risposta: Domanda | Risposta. Puoi anche inserire pi\u00f9 di una domanda (nel nostro caso \u00e8 solo una) ed ecco lo shortcode che otteniamo: <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[quiz quiz-309 id:quiz class:quiz \"Sai con quale plugin \u00e8 stato creato questo form? | Contact form 7\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"file\">File<\/h3>\n\n\n\n<p>Nel tuo form di contatto potresti voler aggiungere la possibilit\u00e0 di allegare un file, come ad esempio un pdf, oppure un&#8217;immagine, ma anche file audio e video.<\/p>\n\n\n\n<p>In questo caso possiamo scegliere se impostare un <strong>limite massimo<\/strong> per le immagini, che di default \u00e8 impostato a 1 MB. E poi anche la <strong>tipologia di file<\/strong> che \u00e8 possibile caricare. <\/p>\n\n\n\n<p>Se non inserisci niente nella sezione &#8220;tipologia di file&#8221;, verranno consentiti <strong>tutti i file predefiniti<\/strong> che sono: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav e wmv.<\/p>\n\n\n\n<p>In questo esempio abbiamo inserito un limite ai file che si possono caricare, consentendo solo il caricamento di file jpg, png e pdf. Impostando questa regola gli altri tipi di file non saranno accettati.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1162\" height=\"790\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-file-allegati.png\" alt=\"Contact Form File Allegati\" class=\"wp-image-16052\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-file-allegati.png 1162w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-file-allegati-300x204.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-file-allegati-1024x696.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-file-allegati-768x522.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-file-allegati-93x63.png 93w\" sizes=\"auto, (max-width: 1162px) 100vw, 1162px\" \/><\/figure>\n\n\n\n<p>Ecco il nostro shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[file file-570 filetypes:jpg|png|pdf id:file class:file]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"invia\">Invia<\/h3>\n\n\n\n<p>Ti consente semplicemente di impostare il tasto di invio del form con il testo che vuoi. Ti basta inserirlo nel campo <em>Etichetta<\/em>, come vedi in questa schermata:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"805\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-invia.png\" alt=\"Contact Form Invia\" class=\"wp-image-16014\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-invia.png 1167w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-invia-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-invia-1024x706.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-invia-768x530.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-invia-91x63.png 91w\" sizes=\"auto, (max-width: 1167px) 100vw, 1167px\" \/><\/figure>\n\n\n\n<p>Ecco lo shortcode corrispondente alle impostazioni che vedi nella schermata: <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[submit id:invio class:invio \"Invia i miei dati\"]<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"usare-i-placeholder-e-le-etichette\">Usare i placeholder e le etichette<\/h2>\n\n\n\n<p>Come avrai notato nei paragrafi precedenti, in alcuni campi puoi inserire dei <strong>placeholder<\/strong>. Questi non sono altro che dei segnaposto con del testo che compariranno nel campo prima che venga riempito con i dati richiesti. <\/p>\n\n\n\n<p>Ecco come apparir\u00e0 un modulo di contatto di esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"589\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/form-di-contatto-con-contact-form-7.png\" alt=\"Form Di Contatto Con Contact Form 7\" class=\"wp-image-15991\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/form-di-contatto-con-contact-form-7.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/form-di-contatto-con-contact-form-7-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/form-di-contatto-con-contact-form-7-1024x503.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/form-di-contatto-con-contact-form-7-768x377.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/form-di-contatto-con-contact-form-7-120x59.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Puoi vedere come nei diversi campi in cui abbiamo utilizzato i placeholder compare il testo che ti indica quali dati inserire. Ad esempio &#8220;Il tuo nome&#8221;, &#8220;La tua email&#8221; e cos\u00ec via. Il testo inserito dall&#8217;utente quando andr\u00e0 a riempire i diversi campi, andr\u00e0 a sostituire il testo usato come segnaposto. <\/p>\n\n\n\n<p>Se, invece, vuoi aggiungere del testo che preceda il campo e fornisca delle indicazioni all&#8217;utente, dovrai aggiungere un&#8217;<strong>etichetta<\/strong>. <\/p>\n\n\n\n<p>Per inserirla dovrai usare questo formato:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;label&gt; Testo [shortcode] &lt;\/label&gt;<\/pre>\n\n\n\n<p>Ti spiego meglio come si fa andando a vedere un esempio: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1059\" height=\"673\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/placeholder-e-etichetta.png\" alt=\"Placeholder E Etichetta\" class=\"wp-image-16023\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/placeholder-e-etichetta.png 1059w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/placeholder-e-etichetta-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/placeholder-e-etichetta-1024x651.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/placeholder-e-etichetta-768x488.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/placeholder-e-etichetta-99x63.png 99w\" sizes=\"auto, (max-width: 1059px) 100vw, 1059px\" \/><figcaption class=\"wp-element-caption\">1: Etichetta  2: Placeholder<\/figcaption><\/figure>\n\n\n\n<p>Nell&#8217;esempio che vedi qui sopra ho inserito l&#8217;<strong>etichetta<\/strong> &#8220;Nome&#8221; in modo che venga mostrata in linea con il campo da compilare. Ecco il codice corrispondente:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;label&gt; Nome [text* text-645 id:nome class:nome placeholder \"Il tuo nome\"] &lt;\/label&gt;<\/pre>\n\n\n\n<p>In alternativa, se vuoi inserire una semplice riga di testo che preceda il campo da compilare, ti basta scriverla direttamente nel modulo. Ricorda che puoi usare anche la formattazione HTML per il grassetto, e cos\u00ec via. <\/p>\n\n\n\n<p>Ecco il risultato che ottieni ad esempio inserendo una riga di testo in grassetto:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"527\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/riga-testo-formattato-html.png\" alt=\"Riga Testo Formattato Html\" class=\"wp-image-16053\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/riga-testo-formattato-html.png 834w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/riga-testo-formattato-html-300x190.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/riga-testo-formattato-html-768x485.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/riga-testo-formattato-html-100x63.png 100w\" sizes=\"auto, (max-width: 834px) 100vw, 834px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"il-tab-mail-personalizziamo-la-mail-inviata\">Il tab Mail: personalizziamo la mail inviata<\/h2>\n\n\n\n<p>Adesso clicchiamo sul secondo tab, il tab Mail.<\/p>\n\n\n\n<p>In questa sezione possiamo impostare il testo e i dettagli della mail che viene inviata dopo che viene compilato il form creato con Contact Form 7.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"873\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail.png\" alt=\"Contact Form 7 Tab Mail\" class=\"wp-image-15903\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-1024x745.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-768x559.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-87x63.png 87w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>La sezione include vari campi, che puoi lasciare in questo modo oppure modificarli a piacimento. Vediamoli uno per uno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"campo-a\">Campo &#8220;A&#8221;<\/h3>\n\n\n\n<p>Per prima cosa puoi compilare il campo &#8220;A&#8221;, potresti inserire un indirizzo email personale. <\/p>\n\n\n\n<p>Ricordati che se non modifichi il valore automatico (site admin email), le email vengono inviate all&#8217;indirizzo dell&#8217;amministratore vale a dire quello che hai impostato quando hai <a href=\"https:\/\/supporthost.com\/it\/installare-wordpress\/\" data-type=\"post\" data-id=\"16255\">installato WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"campo-da\">Campo &#8220;Da&#8221;<\/h3>\n\n\n\n<p>Nel campo &#8220;Da&#8221; consigliamo di usare una email di default. Nello screenshot sopra vedi un indirizzo cf7.local perch\u00e9 ho usato local per <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/installare-wordpress-in-locale-local-by-flywheel\/\">installare WordPress in locale<\/a>. Se usi SMTP per inviare le email di WordPress, cosa di cui parler\u00f2 in seguito in questo articolo, puoi usare un altro indirizzo.<\/p>\n\n\n\n<p>Nelle FAQ di Contact Form 7 leggiamo:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Per esempio, se una mail avesse &#8220;your-name@yahoo.com&#8221; nel campo Da, ma fosse stata effettivamente inviata dal vostro server web (non \u00e8 yahoo.com), sarebbe altamente possibile che i server di posta elettronica la considerino come un indirizzo falsificato. Se si utilizza un indirizzo e-mail nello stesso dominio del sito, si pu\u00f2 ridurre il rischio di essere trattati in questo modo.<\/p>\n<\/blockquote>\n\n\n\n<p>Ovviamente se la mail viene inviata da un tuo indirizzo, quando dal client di posta clicchi su rispondi risponderesti a te stesso. Per questo motivo devi assicurarti di non cancellare questo testo dal campo Intestazioni aggiuntive:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Reply-To: [your-email]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"campo-oggetto\">Campo &#8220;Oggetto&#8221;<\/h3>\n\n\n\n<p>Questo sar\u00e0 l&#8217;oggetto che verr\u00e0 impostato nelle mal che riceverai. Di default l&#8217;oggetto include il nome del sito e poi preleva le informazioni inserite nel modulo, dal tag your-subject. <\/p>\n\n\n\n<p>Se per\u00f2, modifichi il modulo e non vuoi inserire un campo in cui gli utenti inseriscano l&#8217;oggetto, puoi cambiare questa impostazione.<\/p>\n\n\n\n<p>Ad esempio potresti fare in modo di visualizzare nell&#8217;oggetto il nome di chi ha compilato il form, in questo modo:  <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[_site_title] \"[tuo-nome]\"<\/pre>\n\n\n\n<p>Fai attenzione in modo da inserire tra virgolette il <strong>nome corretto del tag<\/strong>, quello che hai impostato nel modulo. Nel nostro caso il tag \u00e8 &#8220;tuo-nome&#8221; e nel modulo dobbiamo avere un campo corrispondente come questo qui:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[text* tuo-nome id:nome class:nome placeholder \"Il tuo nome\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"campo-corpo-del-messaggio\">Campo &#8220;Corpo del messaggio&#8221;<\/h3>\n\n\n\n<p>Da qui possiamo definire la struttura del corpo del messaggio: il contenuto dell&#8217;email che riceverai quando qualcuno compila il form sul tuo sito.<\/p>\n\n\n\n<p>Anche in questo caso devi fare riferimento ai tag che hai utilizzato nel modulo.  Se hai cambiato i tag rispetto a quelli predefiniti, infatti, dovrai cambiarli in modo che corrispondano. <\/p>\n\n\n\n<p>Con le nostre impostazioni avremo ad esempio questo: <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Da: [text-169] &lt;[email-475]&gt;\nCorpo del messaggio:\n[textarea-283]\n--\nQuesta e-mail \u00e8 stata inviata da un modulo di contatto su [_site_title]([_site_url])<\/pre>\n\n\n\n<p>Naturalmente puoi prelevare anche gli altri campi in base a quelli che richiedi nel form. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"873\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail.png\" alt=\"Contact Form 7 Tab Mail\" class=\"wp-image-15903\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-1024x745.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-768x559.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-tab-mail-87x63.png 87w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Se controlli in alto i vari shortcode (i codici tra le parentesi quadre) sono in grigio, ma <strong>[checkbox-541]<\/strong> \u00e8 in nero. Questo sta a indicare che non stai usando questo codice in nessun campo. Se vuoi puoi aggiungerlo con un copia-incolla al testo della tua email, per avere conferma che questa casella di controllo sia stata spuntata dall&#8217;utente durante la compilazione.<\/p>\n\n\n\n<p>Una nota per quanto riguarda il campo data. <\/p>\n\n\n\n<p>Nel form di contatto il formato usato per la data \u00e8 <em>gg\/mm\/aaaa<\/em>.<\/p>\n\n\n\n<p>Se non vuoi usare il formato di default, puoi modificarlo nell&#8217;email usando questa sintassi:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[_format_{field name} \"{date format}\"]<\/pre>\n\n\n\n<p>Che diventa ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[_format_date \"D, d M y\"]<\/pre>\n\n\n\n<p>Tieni conto che viene seguito il formato della <a href=\"https:\/\/www.php.net\/manual\/en\/function.date.php\" rel=\"noreferrer noopener\" target=\"_blank\">funzione &#8220;date&#8221;<\/a> di PHP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"campo-file-allegati\">Campo &#8220;File allegati&#8221;<\/h3>\n\n\n\n<p>Se hai inserito nel tuo form anche un&#8217;opzione per allegare dei file dovrai inserire in questo campo il tag che hai utilizzato. <\/p>\n\n\n\n<p>Nel nostro caso era file-570 e dovrai, quindi inserirlo in questo modo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1111\" height=\"217\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/file-allegati.png\" alt=\"File Allegati\" class=\"wp-image-16030\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/file-allegati.png 1111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/file-allegati-300x59.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/file-allegati-1024x200.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/file-allegati-768x150.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/file-allegati-120x23.png 120w\" sizes=\"auto, (max-width: 1111px) 100vw, 1111px\" \/><\/figure>\n\n\n\n<p>In questo modo i file che vengono caricati da chi compila il modulo ti saranno inviati come allegati via email.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"opzione-mail-2\">Opzione Mail (2)<\/h3>\n\n\n\n<p>Scorrendo in basso vedi l&#8217;opzione Mail (2).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1116\" height=\"186\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-mail-autoresponder.png\" alt=\"Contact Form 7 Mail Autoresponder\" class=\"wp-image-15905\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-mail-autoresponder.png 1116w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-mail-autoresponder-300x50.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-mail-autoresponder-1024x171.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-mail-autoresponder-768x128.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-mail-autoresponder-120x20.png 120w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/figure>\n\n\n\n<p>Se selezioni questa opzione puoi impostare Contact Form 7 per inviare una email di conferma al tuo utente, per dargli la sicurezza che il form \u00e8 stato compilato correttamente. <\/p>\n\n\n\n<p>Puoi usare questa opzione come <strong>risposta automatica<\/strong>: per esempio puoi ringraziare l&#8217;utente per aver compilato il form, o inviare una copia dei dati inseriti nel form. Anche in questo caso puoi personalizzare il template e aggiungere il messaggio che vuoi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"754\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/contact-form-usare-mail-2-template-1024x754.png\" alt=\"Contact Form Usare Mail 2 Template\" class=\"wp-image-43650\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/contact-form-usare-mail-2-template-1024x754.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/contact-form-usare-mail-2-template-300x221.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/contact-form-usare-mail-2-template-768x566.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/contact-form-usare-mail-2-template-86x63.png 86w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/contact-form-usare-mail-2-template.png 1165w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"il-tab-messaggi\">Il tab Messaggi<\/h2>\n\n\n\n<p>In questa sezione puoi configurare Contact Form 7 impostando i messaggi che vede il cliente quando compila il form. Se stai creando un form di contatto non hai bisogno di modificarli dal momento che sono piuttosto accurati, ma se stai usando il form con altri scopi potresti voler rivedere le parole in modo che abbiamo pi\u00f9 senso.<\/p>\n\n\n\n<p>Ad esempio potresti voler usare il form per un quiz, durante il quale chiedi al tuo utente anche dei dati personali. In questo caso invece di mostrare un messaggio di successo che recita:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Grazie per il tuo messaggio. \u00c8 stato inviato.<\/pre>\n\n\n\n<p>Potresti voler cambiare il messaggio con qualcosa che faccia riferimento al quiz che ha appena terminato di completare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"il-tab-impostazioni-aggiuntive\">Il tab Impostazioni aggiuntive<\/h2>\n\n\n\n<p>Questo tab \u00e8 quello pi\u00f9 avanzato e quello che pi\u00f9 raramente andrai a utilizzare, ma non per questo meno importante.<\/p>\n\n\n\n<p>In questo tab hai un&#8217;area di testo dove puoi inserire alcune opzioni. vediamo quali sono le opzioni disponibili. Per una descrizione pi\u00f9 dettagliata <a class=\"rank-math-link\" href=\"https:\/\/contactform7.com\/additional-settings\/\" rel=\"noopener\">controlla qui<\/a> (in inglese).<\/p>\n\n\n\n<p>Le impostazioni disponibili sono le seguenti: <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">subscribers_only: true<\/pre>\n\n\n\n<p>Questa opzione rende accessibile il modulo solo agli utenti che hanno effettuato il login. Tutti gli utenti che non si sono loggati, saranno invitati ad effettuare il login e solo dopo potranno compilare il modulo. Tieni presente che se attivi questa opzione non verr\u00e0 usato un filtro antispam.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">demo_mode: on<\/pre>\n\n\n\n<p>Se usi questa opzione nessuna email sar\u00e0 inviata, e se usi un plugin aggiuntivo come Flamingo, i dati inviati non saranno salvati. L&#8217;utente vedr\u00e0 il messaggio di conferma normalmente. Pu\u00f2 essere utile per eseguire dei test.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">skip_mail: on<\/pre>\n\n\n\n<p>Usando questa opzione Contact Form 7 non invier\u00e0 alcuna email ma eseguir\u00e0 tutte le altre azioni correttamente (ad esempio se usi Flamingo salver\u00e0 i dati del form). Noi abbiamo questa opzione attiva nel form dal momento che, come vedremo tra poco, inviamo il risultato del form tramite API al nostro software per la gestione dei ticket.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">do_not_store: true<\/pre>\n\n\n\n<p>Se usi Flamingo puoi usare questa opzione per indicare a Flamingo di non salvare i dati per questo form.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">on_sent_ok: \"alert('sent ok');\"\non_submit: \"alert('submit');\"<\/pre>\n\n\n\n<p>Se necessario puoi inserire un codice JavaScript. Il codice JavaScript deve essere di una sola linea, e viene chiamato nel caso in cui il form sia inviato correttamente o quando si preme il bottone per inviare il form.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inserire-il-form-nella-pagina-dei-contatti\">Inserire il form nella pagina dei contatti<\/h2>\n\n\n\n<p>Ora che abbiamo impostato il nostro form, siamo pronti per aggiungerlo nella pagina dei contatti. <\/p>\n\n\n\n<p>Questa operazione \u00e8 semplicissima. <\/p>\n\n\n\n<p>Se apri in modifica il modulo di contatto che hai appena creato, vedrai in alto un box azzurro che contiene un codice incluso tra parentesi quadre. Questo \u00e8 uno <strong>shortcode <\/strong>di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"239\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/shortcode-del-modulo-di-contatto-di-contact-form-7-1024x239.png\" alt=\"Shortcode Del Modulo Di Contatto Di Contact Form 7\" class=\"wp-image-43651\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/shortcode-del-modulo-di-contatto-di-contact-form-7-1024x239.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/shortcode-del-modulo-di-contatto-di-contact-form-7-300x70.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/shortcode-del-modulo-di-contatto-di-contact-form-7-768x179.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/shortcode-del-modulo-di-contatto-di-contact-form-7-120x28.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/shortcode-del-modulo-di-contatto-di-contact-form-7.png 1189w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Copiamo questo codice, incluse le parentesi quadre, e lo incolliamo all&#8217;interno della nostra pagina dei contatti, nel punto dove vogliamo mostrare il codice del form. Salviamo la pagina.<\/p>\n\n\n\n<p>Adesso possiamo visitare la pagina per vedere come si vede. Se non ci piace possiamo modificare il codice HTML del form oppure modificare il codice CSS, entrambi argomenti estesi che non \u00e8 possibile trattare in questa guida. Puoi fare riferimento alle nostre guide su come <a href=\"https:\/\/supporthost.com\/it\/imparare-html\/\" data-type=\"post\" data-id=\"45669\">imparare HTML<\/a> e <a href=\"https:\/\/supporthost.com\/it\/imparare-css\/\" data-type=\"post\" data-id=\"45822\">CSS<\/a>.<\/p>\n\n\n\n<p>Adesso abbiamo un form funzionante nella nostra pagina contatti. Chiunque potrebbe per\u00f2 compilarlo e inviarlo e riempirci di spam. Vediamo quindi come fare per <strong>proteggere il nostro form<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"proteggere-contact-form-7-dallo-spam\">Proteggere Contact Form 7 dallo spam<\/h2>\n\n\n\n<p>Questo \u00e8 un problema comune, dal quale bisogna proteggersi se non vogliamo essere sommersi da migliaia di email inutili.<\/p>\n\n\n\n<p>Usando Contact Form7 \u00e8 facile proteggersi sia usando <a href=\"https:\/\/supporthost.com\/it\/akismet\/\" data-type=\"post\" data-id=\"67655\">Akismet<\/a> che inserendo un captcha. Nel menu laterale andiamo su Contatto -&gt; Integrazione ed impostiamo l&#8217;integrazione con reCAPTCHA di Google (un <a href=\"https:\/\/supporthost.com\/it\/codice-captcha\/\">codice CAPTCHA<\/a> tra i pi\u00f9 diffusi).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"338\" height=\"284\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-integrazione.png\" alt=\"Contact Form 7 Integrazione\" class=\"wp-image-15911\" style=\"width:254px;height:213px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-integrazione.png 338w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-integrazione-300x252.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-integrazione-75x63.png 75w\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creare-una-chiave-api-re-captcha\">Creare una chiave API reCAPTCHA<\/h3>\n\n\n\n<p>Dobbiamo visitare <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\" class=\"rank-math-link\" rel=\"noopener\">google recaptcha<\/a> e compilare i campi richiesti.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-google-recaptcha.png\" alt=\"Contact Form 7 Google Recaptcha\" class=\"wp-image-15917\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-google-recaptcha.png 993w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-google-recaptcha-300x279.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-google-recaptcha-768x715.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-google-recaptcha-68x63.png 68w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/figure>\n\n\n\n<p>Nell&#8217;etichetta inseriamo il dominio del nostro sito, scegliamo la versione di reCAPTCHA da usare, la v3 \u00e8 meno fastidiosa e quella che ti consiglio di usare. Aggiungiamo il nome del nostro dominio o dei nostri domini e accettiamo termini.<\/p>\n\n\n\n<p>Scorriamo verso il basso e premiamo invio. Nella prossima schermata vediamo le chiavi API.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"483\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-recaptcha-chiavi.png\" alt=\"Contact Form 7 Recaptcha Chiavi\" class=\"wp-image-15915\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-recaptcha-chiavi.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-recaptcha-chiavi-300x121.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-recaptcha-chiavi-1024x412.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-recaptcha-chiavi-768x309.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-recaptcha-chiavi-120x48.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>A questo punto copiamo le chiavi e le inseriamo nella pagina integrazione di Contact Form 7 e salviamo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/inserire-chiavi-integrazione-recaptcha-per-contact-form-7-1024x609.png\" alt=\"Inserire Chiavi Integrazione Recaptcha Per Contact Form 7\" class=\"wp-image-43653\" \/><\/figure>\n\n\n\n<p>Dopo aver salvato, aprendo la pagina in cui \u00e8 presente il modulo, vedrai il logo che ho riportato qui. La presenza del logo ci indica che il form \u00e8 protetto da Google reCAPTCHA v3.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"164\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/google-recaptcha-v3.png\" alt=\"Google Recaptcha V3\" class=\"wp-image-15918\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/google-recaptcha-v3.png 160w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/google-recaptcha-v3-61x63.png 61w\" sizes=\"auto, (max-width: 160px) 100vw, 160px\" \/><\/figure>\n\n\n\n<p>C&#8217;\u00e8 per\u00f2 un problema: l&#8217;icona viene mostrata anche su tutte le altre pagine del sito. Visto che questo pu\u00f2 avere un impatto sulle prestazioni e non serve, andiamo a capire come fare a risolvere.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contact-form-7-e-prestazioni\">Contact Form 7 e prestazioni<\/h2>\n\n\n\n<p>In un mio articolo parlo di come <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\">velocizzare WordPress<\/a> e spiego che uno dei problemi di Contact Form 7 \u00e8 quello che carica un file CSS e d un file js in tutte le pagine.<\/p>\n\n\n\n<p>\u00c8 vero che si tratta di soli due files, per giunta di piccole dimensioni, ma resta il fatto che se non servono a niente possiamo evitare di caricarli e migliorare le prestazioni del nostro sito.<\/p>\n\n\n\n<p>In quell&#8217;articolo spiego come evitare questo, disabilitando il caricamento di quei files con un plugin chiamato <strong>WP Asset Cleanup<\/strong>. Fai riferimento a quell&#8217;articolo per le istruzioni dettagliate su come fare.<\/p>\n\n\n\n<p>Evitando il caricamento del file JavaScript di Contact Form 7 elimini automaticamente su tutte le pagine dove non serve Google reCAPTCHA V3, eliminando cos\u00ec quell&#8217;icona in basso a destra in tutte le pagine, tranne ovviamente la pagina di contatto.<\/p>\n\n\n\n<p>Esiste un altro sistema, pi\u00f9 manuale, per rimuovere tali files. Puoi inserire nel file functions.php del tuo sito WordPress questo codice:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">add_action( 'wp_print_scripts', 'deregister_cf7_javascript', 100 );\nfunction deregister_cf7_javascript() {\n  if ( !is_page(array(8,10)) ) {\n    wp_deregister_script( 'contact-form-7' );\n  }\n}\nadd_action( 'wp_print_styles', 'deregister_cf7_styles', 100 );\nfunction deregister_cf7_styles() {\n  if ( !is_page(array(8,10)) ) {\n    wp_deregister_style( 'contact-form-7' );\n  }\n}<\/pre>\n\n\n\n<p>Dovrai soltanto modificare la parte dove dice array(8,10) inserendo gli id delle pagine che contengono il form al posto di 8,10.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inviare-le-email-tramite-smtp\">Inviare le email tramite SMTP<\/h2>\n\n\n\n<p>In alcuni casi pu\u00f2 aver senso inviare le email tramite un server SMTP esterno.<\/p>\n\n\n\n<p>Per farlo possiamo utilizzare un altro plugin. Nel mio caso l&#8217;ho usato per progetti personalizzati in cui bisognava inviare molte email senza rischiare che l&#8217;IP fosse messo in blacklist.<\/p>\n\n\n\n<p>Il plugin si chiama <a class=\"rank-math-link\" href=\"https:\/\/wordpress.org\/plugins\/post-smtp\/\" rel=\"noopener\">Post SMTP<\/a> e puoi installarlo allo stesso modo di come abbiamo installato Contact Form 7 all&#8217;inizio di questa guida.<\/p>\n\n\n\n<p>Questa operazione potrebbe non aver senso se credi di ricevere poche email tramite il tuo form, ma se ti aspetti grandi volumi di contatti allora \u00e8 consigliabile usarlo, magari insieme a un servizio professionale come <a href=\"https:\/\/supporthost.com\/it\/amazon-ses\/\" data-type=\"post\" data-id=\"23282\">Amazon SES<\/a> o il nostro server SMTP dedicato.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-post-smtp.png\" alt=\"Contact Form 7 Post Smtp\" class=\"wp-image-15921\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-post-smtp.png 705w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-post-smtp-229x300.png 229w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-post-smtp-48x63.png 48w\" sizes=\"auto, (max-width: 705px) 100vw, 705px\" \/><\/figure>\n\n\n\n<p>Configurarlo \u00e8 semplicissimo, ti basta impostare i pochi dati richiesti del tuo server SMTP e sei pronto a partire. Inoltre ti permette di inviare una email di test per controllare che tutto funzioni correttamente.<\/p>\n\n\n\n<p>Tra i tanti plugin simili disponibili questo \u00e8 quello che pi\u00f9 mi piace perch\u00e9 ha anche un&#8217;altra funzione. Quale?<\/p>\n\n\n\n<p>Registra le email inviate sul database, questo pu\u00f2 aiutarti a risolvere i problemi.<\/p>\n\n\n\nIn alternativa, puoi usare una semplice funzione per inviare <a href=\"https:\/\/supporthost.com\/it\/wordpress-smtp\/\" data-type=\"post\" data-id=\"34478\">email con WordPress tramite SMTP<\/a>, in questo modo non avrai bisogno di nessun plugin.\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contact-form-7-non-invia-mail\">Contact Form 7 non invia mail<\/h2>\n\n\n\n<p>Uno dei problemi pi\u00f9 frequenti di questo plugin \u00e8 che pu\u00f2 capitare che Contact Form 7 non invii le email. <\/p>\n\n\n\n<p>Ci sono diversi errori che possono portare a questa mancanza di invio di email, vediamo i diversi casi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vedi-il-messaggio-di-conferma-sotto-al-form-ma-non-ricevi-la-mail\">Vedi il messaggio di conferma sotto al form ma non ricevi la mail<\/h3>\n\n\n\n<p>La prima cosa da controllare in questo caso \u00e8 il tab &#8220;Impostazioni aggiuntive&#8221; del form che stai usando. Potrebbe essere che ti sei scordato una opzione che blocca l&#8217;invio della mail.<\/p>\n\n\n\n<p>In caso contrario puoi usare il plugin <strong>Post SMTP<\/strong> che ti ho mostrato prima. Per prima cosa installalo e attivalo, anche senza aver configurato SMTP. Dopodich\u00e9 compila e invia il form per fare una prova. A questo punto vai su <em>Post SMTP &gt; Email Log<\/em> per vedere le email inviate.<\/p>\n\n\n\n<p>Tra quelle trovi la mail inviata dal form durante il tuo test?<\/p>\n\n\n\n<p>Se si, il problema \u00e8 col tuo provider, \u00e8 possibile che l&#8217;IP del server sia in una blacklist, la mail viene chiaramente inviata ma non ricevuta, probabilmente finisce in spam. Contatta il tuo provider hosting, oppure puoi semplicemente <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/cambiare-hosting\/\">cambiare hosting<\/a>. Manteniamo la reputazione dei nostri IP sempre pulita, e in quei rari casi in cui un IP finisce in blacklist impostiamo un relay, per inviare da un altro IP fino a quando l&#8217;IP del server non viene eliminato dalla blacklist. Che tu scelga un <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\">hosting WordPress<\/a> o un piano pi\u00f9 economico come l&#8217;<a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/hosting-condiviso\/\">hosting condiviso<\/a> con noi non avrai mai questo problema.<\/p>\n\n\n\n<p>In alternativa puoi configurare le impostazioni di Post SMTP in modo da non inviare le tue email con l&#8217;indirizzo del tuo server ma usando un altro servizio tra quelli disponibili. In questo caso risolvi il problema.<\/p>\n\n\n\n<p>Se invece la mail non \u00e8 nel log puoi cercare la soluzione altrove. \u00c8 praticamente impossibile che Contact Form 7 ti dia un messaggio di conferma e non invii la mail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"contact-form-7-non-riesce-ad-inviare-la-mail\">Contact form 7 non riesce ad inviare la mail<\/h3>\n\n\n\n<p>Se non ricevi un errore ti consiglio di seguire questi passi.<\/p>\n\n\n\n<ul>\n<li>Ricarica la pagina che contiene il form.<\/li>\n\n\n\n<li>Apri la console JavaScript e controlla se ci sono degli errori (se ce ne sono, che siano relativi a Contact Form 7 o meno trova il modo per risolverli).<\/li>\n\n\n\n<li>Invia un messaggio usando il form di contatto e controlla se ci sono errori nella console JavaScript.<\/li>\n<\/ul>\n\n\n\n<p>Mi \u00e8 successo svariate volte di vedere che Contact Form 7 non inviasse le email, ed il problema era dovuto al fatto che erano state bloccate le API, di cui Contact Form 7 ha bisogno per inviare la mail. <\/p>\n\n\n\n<p>Se il problema \u00e8 questo, vedremo l&#8217;icona accanto al pulsante &#8220;Invia&#8221; che continua a girare:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"310\" height=\"168\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/icona-che-gira-contact-form-7.png\" alt=\"Icona Che Gira Contact Form 7\" class=\"wp-image-15922\" style=\"width:233px;height:126px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/icona-che-gira-contact-form-7.png 310w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/icona-che-gira-contact-form-7-300x163.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/icona-che-gira-contact-form-7-116x63.png 116w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/figure>\n\n\n\n<p>Controllando nella console JavaScript troviamo questo errore: <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"17\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/errore-javascript-contact-form-7.png\" alt=\"Errore Javascript Contact Form 7\" class=\"wp-image-15923\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/errore-javascript-contact-form-7.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/errore-javascript-contact-form-7-300x4.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/errore-javascript-contact-form-7-1024x15.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/errore-javascript-contact-form-7-768x11.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/errore-javascript-contact-form-7-120x2.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Riscrivo qui l&#8217;errore in modo che sia leggibile:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Failed to load resource: the server responded with a status of 401 (Unauthorized)\n\n\/wp-json\/contact-form-7\/v1\/contact-forms\/5\/feedback<\/pre>\n\n\n\n<p>Se questo \u00e8 il tuo caso cerca chi sta bloccando le API di WordPress in modo da risolvere.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"salvare-i-dati-dei-form-con-flamingo\">Salvare i dati dei form con Flamingo<\/h2>\n\n\n\n<p>Ho menzionato pi\u00f9 volte Flamingo, in effetti non si pu\u00f2 parlare di Contact Form 7 e non parlare di Flamingo. I due vanno a braccetto.<\/p>\n\n\n\n<p>Flamingo fa una cosa sola, e la fa bene. Memorizza i dati che vengono inviati tramite i form (a meno che tu non imposti il form per non memorizzarli) e li rende disponibili nella dashboard di WordPress.<\/p>\n\n\n\n<p>Questo plugin ti potrebbe salvare in quei casi in cui un problema con le email ti fa perdere una comunicazione importante. Con questo plugin le avrai tutte salvate sul database e sempre disponibili.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installare-flamingo\">Installare Flamingo<\/h3>\n\n\n\n<p>Come hai visto installare un plugin in WordPress \u00e8 semplicissimo. Andiamo su Plugin -&gt; Aggiungi nuovo e nel box di ricerca scriviamo Flamingo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"343\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installare-flamingo.png\" alt=\"Installare Flamingo\" class=\"wp-image-15926\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installare-flamingo.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installare-flamingo-300x86.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installare-flamingo-1024x293.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installare-flamingo-768x220.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/installare-flamingo-120x34.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Adesso clicchiamo sul bottone installa adesso e poi su attiva, e abbiamo fatto. Installare i plugin con WordPress \u00e8 facilissimo. Per questo si finisce per abusarne, al punto che ho dovuto scrivere un articolo sui <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/plugin-che-rallentano-wordpress\/\">plugin che rallentano WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vedere-i-form-salvati\">Vedere i form salvati<\/h3>\n\n\n\n<p>Una volta installato Flamingo (non c&#8217;\u00e8 niente da configurare) tutte le volte che un form di Contact Form 7 viene compilato viene salvato un record sul database.<\/p>\n\n\n\n<p>Puoi trovare Flamingo nella sidebar dell&#8217;area amministratore di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"220\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-sidebar.png\" alt=\"Flamingo Sidebar\" class=\"wp-image-15928\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-sidebar.png 324w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-sidebar-300x204.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-sidebar-93x63.png 93w\" sizes=\"auto, (max-width: 324px) 100vw, 324px\" \/><\/figure>\n\n\n\n<p>Clicca su <em>Messaggi in arrivo<\/em> per visualizzare tutti quelli inviati dal sito attraverso Contact Form 7.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"191\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-storico-messaggi.png\" alt=\"Flamingo Storico Messaggi\" class=\"wp-image-15929\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-storico-messaggi.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-storico-messaggi-300x48.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-storico-messaggi-1024x163.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-storico-messaggi-768x122.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-storico-messaggi-120x19.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Mentre cliccando su <em>Rubrica<\/em> vediamo tutte le interazioni per utente, non solo i messaggi inviati tramite Contact Form 7 ma anche i commenti e il ruolo che ha in WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"351\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-rubrica.png\" alt=\"Flamingo Rubrica\" class=\"wp-image-15930\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-rubrica.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-rubrica-300x88.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-rubrica-1024x300.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-rubrica-768x225.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/flamingo-rubrica-120x35.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opzioni-avanzate-per-personalizzare-contact-form-7\">Opzioni avanzate per personalizzare Contact Form 7<\/h2>\n\n\n\n<p>Finora abbiamo visto le funzioni basilari di Contact Form 7, ma le versatilit\u00e0 di questo plugin non ha eguali. Alcune di queste operazioni possono essere eseguite senza plugin aggiuntivi, per altre abbiamo bisogno di un plugin aggiuntivo in modo da aggiungere una funzione.<\/p>\n\n\n\n<p>Vediamo quali sono le pi\u00f9 comuni.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inviare-email-a-destinatari-diversi\">Inviare email a destinatari diversi<\/h3>\n\n\n\n<p>In alcuni casi puoi voler dare ai tuoi utenti la scelta di chi contattare. Ad esempio puoi voler usare un men\u00f9 a discesa (un campo select) tramite il quale possono scegliere chi contattare o quale dipartimento della tua azienda contattare.<\/p>\n\n\n\n<p>Ad esempio potresti voler inserire due opzioni per consentire a chi sta compilando il form di contattare il dipartimento vendite o quello di supporto. Per fortuna Contact Form 7 ci permette di farlo senza dover usare nessun altro plugin.<\/p>\n\n\n\n<p>Ecco come.<\/p>\n\n\n\n<p>Modifica il modulo e nel tab Modulo aggiungi un campo menu a discesa.<\/p>\n\n\n\n<p>Imposta il campo come obbligatorio e seleziona l&#8217;opzione per inserire un elemento vuoto come prima opzione.<\/p>\n\n\n\n<p>Nel campo opzioni inserisci le opzioni come vedi nell&#8217;immagine qui sotto, quindi clicca su Inserisci tag.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1068\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-campo-select.png\" alt=\"Contact Form Campo Select\" class=\"wp-image-15931\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-campo-select.png 1068w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-campo-select-300x260.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-campo-select-1024x886.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-campo-select-768x664.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-campo-select-73x63.png 73w\" sizes=\"auto, (max-width: 1068px) 100vw, 1068px\" \/><\/figure>\n\n\n\n<p>Il form \u00e8 pronto, anche se probabilmente dovremo inserire un testo che funga da etichetta per quella scelta.<\/p>\n\n\n\n<p><strong>Adesso dobbiamo completare l&#8217;impostazione nel tab Mail.<\/strong><\/p>\n\n\n\n<p>Come vedi nella schermata che ti ho mostrato sopra, il nome del nostro campo \u00e8 &#8220;menu-141&#8221;. (Tieni sempre presente che puoi modificarlo e usarne uno diverso).<\/p>\n\n\n\n<p>Nel tab dobbiamo inserire nel campo A questo shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[menu-141]<\/pre>\n\n\n\n<p>In questo modo:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"167\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-campo-a-dinamico.png\" alt=\"Contact Form 7 Campo A Dinamico\" class=\"wp-image-15933\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-campo-a-dinamico.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-campo-a-dinamico-300x42.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-campo-a-dinamico-1024x143.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-campo-a-dinamico-768x107.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-campo-a-dinamico-120x17.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>In questo modo l&#8217;utente pu\u00f2 decidere a chi inviare l&#8217;indirizzo email.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ottieni-l-ip-del-visitatore\">Ottieni l&#8217;IP del visitatore<\/h3>\n\n\n\n<p>Se per qualche motivo hai bisogno di registrare l&#8217;indirizzo IP di chi sta compilando il form puoi usare lo shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[_remote_ip]<\/pre>\n\n\n\n<p>Puoi inserirlo nel testo della mail che Contact Form 7 invia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ottieni-data-e-ora-di-invio\">Ottieni data e ora di invio<\/h3>\n\n\n\n<p>Allo stesso modo puoi segnare nel testo della mail che ricevi la data e l&#8217;ora di invio usando questi due shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>[_date]<\/code>\n<code>[_time<\/code>]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ottieni-lindirizzo-della-pagina-in-cui-e-stato-compilato-il-form\">Ottieni l&#8217;indirizzo della pagina in cui \u00e8 stato compilato il form<\/h3>\n\n\n\n<p>Se hai inserito il form in diverse pagine, potresti voler sapere <strong>da quale pagina <\/strong>\u00e8 stato compilato il form.<\/p>\n\n\n\n<p>Contact Form 7 ti mette a disposizione due diversi shortcode per ottenere questo dato:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[_url]\n[_post_url]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"reindirizza-lutente-su-unaltra-pagina-dopo-aver-inviato-il-form\">Reindirizza l&#8217;utente su un&#8217;altra pagina dopo aver inviato il form<\/h3>\n\n\n\n<p>In alcuni casi potresti voler reindirizzare l&#8217;utente su una pagina diversa dopo che il form \u00e8 stato compilato con successo e l&#8217;email \u00e8 stata inviata.<\/p>\n\n\n\n<p>Per fare questo puoi usare un <a class=\"rank-math-link\" href=\"https:\/\/contactform7.com\/dom-events\/\" rel=\"noopener\">evento DOM<\/a> che Contact Form 7 ci mette a disposizione: wpcf7mailsent<\/p>\n\n\n\n<p>Nel tab Modulo, in basso dopo il codice HTML del bottone per inviare il form puoi incollare questo codice JavaScript:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;script&gt;<\/code>\n<code>document.addEventListener( 'wpcf7mailsent', function( event ) {<\/code>\n<code>location = 'https:\/\/example.com\/';<\/code>\n<code>}, false<\/code> <code>);<\/code>\n<code>&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>Ovviamente dovrai sostituire https:\/\/example.com\/ con l&#8217;indirizzo della pagina verso la quale vuoi rimandare l&#8217;utente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tracciare-linvio-del-form-con-google-analytics\">Tracciare l&#8217;invio del form con Google Analytics<\/h3>\n\n\n\n<p>Se usi Google Analytics sul tuo sito, potrebbe essere utile tracciare tutte le volte che un form di Contact Form 7 viene inviato per impostarlo come obiettivo o anche solo a scopo statistico.<\/p>\n\n\n\n<p>Come abbiamo fatto prima, possiamo inserire un codice JavaScript sotto il codice HTML del form per tracciare il suo invio. Il codice da inserire \u00e8 questo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;script&gt;<\/code>\n<code>document.addEventListener( 'wpcf7mailsent', function( event ) {<\/code>\n  <code>ga('send', 'event', 'Contact Form', 'submit');<\/code>\n<code>}, false );<\/code>\n<code>&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>Puoi modificare &#8216;Contact Form&#8217; e &#8216;submit&#8217; a tuo piacimento per dare un nome diverso al completamento del form.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inviare-il-risultato-del-form-tramite-api\">Inviare il risultato del form tramite API<\/h3>\n\n\n\n<p>Per sfruttare questa funzione bisogna usare un altro plugin. Quello che ti mostro tra poco non viene aggiornato di frequente, anche se nel nostro caso lo stiamo usando senza problemi.<\/p>\n\n\n\n<p>Infatti se compili il form dal nostro sito e lo invii non viene inviata nessuna email, ma viene aperto un ticket tramite API su nostro sistema di ticket. Questo ci permette una maggiore affidabilit\u00e0 rispetto alle email e una maggiore velocit\u00e0 nell&#8217;apertura del ticket.<\/p>\n\n\n\n<p>Il plugin da installare si chiama <a class=\"rank-math-link\" href=\"https:\/\/it.wordpress.org\/plugins\/cf7-to-api-basic-auth\/\" rel=\"noopener\">Contact form 7 TO API + Basic Auth<\/a> e si trova nella repository di WordPress. Dopo averlo installato e attivato, quando modifichi il form di contatto, vedrai un nuovo tab chiamato API integration.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1182\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-to-api.png\" alt=\"Contact Form 7 To Api\" class=\"wp-image-15934\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-to-api.png 1182w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-to-api-300x235.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-to-api-1024x800.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-to-api-768x600.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-to-api-81x63.png 81w\" sizes=\"auto, (max-width: 1182px) 100vw, 1182px\" \/><\/figure>\n\n\n\n<p>Qui la situazione si complica. \u00c8 impossibile dare delle linee guida su come usare questi campi dal momento che dipende dalle tue API. In ogni caso se stai usando le API sei sicuramente un utente avanzato e non avrai problemi a sistemare i vari campi in modo da far funzionare a dovere il form e l&#8217;invio al tuo software.<\/p>\n\n\n\n<p>Molto utile la funzione debug log che ci fa vedere tutti i dati, inclusa la risposta API e ci aiuta a risolvere eventuali problemi durante l&#8217;impostazione dei parametri richiesti da Contact form 7 TO API.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"impostare-dei-campi-condizionali\">Impostare dei campi condizionali<\/h3>\n\n\n\n<p>In alcuni casi, in base alla richiesta che ricevi potresti voler mostrare dei campi diversi in base a quello che il tuo utente seleziona. Per fare questo possiamo usare il plugin <a class=\"rank-math-link\" href=\"https:\/\/it.wordpress.org\/plugins\/cf7-conditional-fields\/\" rel=\"noopener\">Contact Form 7 \u2013 Conditional Fields<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"536\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-conditional-fields.png\" alt=\"Contact Form 7 Conditional Fields\" class=\"wp-image-15935\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-conditional-fields.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-conditional-fields-300x134.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-conditional-fields-1024x457.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-conditional-fields-768x343.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/contact-form-7-conditional-fields-120x54.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Il plugin \u00e8 incluso nella repository di WordPress e possiamo installarlo come un normale plugin dalla bacheca di WordPress.<\/p>\n\n\n\n<p>Una volta installato, avremo una nuova voce nella sidebar, sotto <em>Contatto, <\/em>che ci permette di modificare le impostazioni.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"328\" height=\"338\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/impostazioni-conditional-fields.png\" alt=\"Impostazioni Conditional Fields\" class=\"wp-image-15936\" style=\"width:246px;height:254px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/impostazioni-conditional-fields.png 328w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/impostazioni-conditional-fields-291x300.png 291w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/impostazioni-conditional-fields-61x63.png 61w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/figure>\n\n\n\n<p>Cliccando sul link possiamo modificare le impostazioni generali del plugin.<\/p>\n\n\n\n<p>Quando andiamo a modificare il form vediamo un nuovo tab chiamato Conditional fields.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"118\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/tab-conditional-fields.png\" alt=\"Tab Conditional Fields\" class=\"wp-image-15937\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/tab-conditional-fields.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/tab-conditional-fields-300x30.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/tab-conditional-fields-1024x101.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/tab-conditional-fields-768x76.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/tab-conditional-fields-120x12.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Da questa scheda possiamo impostare delle <strong>regole aggiuntive<\/strong> che variano in base ad alcune <strong>condizioni<\/strong>. Per esempio puoi impostare un campo per richiedere il numero d&#8217;ordine solo per le richieste verso il dipartimento &#8220;supporto&#8221; e far s\u00ec che il campo non venga mostrato per le richieste al dipartimento &#8220;vendite.<\/p>\n\n\n\n<p>Come prima cosa dobbiamo creare un nuovo gruppo condizionale dal tab Modulo cliccando sul bottone Conditional Fields Group.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1072\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/crea-gruppo-condizionale.png\" alt=\"Crea Gruppo Condizionale\" class=\"wp-image-15939\" style=\"width:512px;height:442px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/crea-gruppo-condizionale.png 1072w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/crea-gruppo-condizionale-300x259.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/crea-gruppo-condizionale-1024x883.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/crea-gruppo-condizionale-768x662.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/crea-gruppo-condizionale-73x63.png 73w\" sizes=\"auto, (max-width: 1072px) 100vw, 1072px\" \/><\/figure>\n\n\n\n<p>Diamo un nome al gruppo e lo aggiungiamo. Al suo interno aggiungiamo un campo di testo che chiameremo numero d&#8217;ordine e salviamo.<\/p>\n\n\n\n<p>Clicchiamo quindi sul tab per aggiungere una condizione e sul bottone verde per creare una nuova condizione.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"167\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/aggiungi-nuova-condizione.png\" alt=\"Aggiungi Nuova Condizione\" class=\"wp-image-15938\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/aggiungi-nuova-condizione.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/aggiungi-nuova-condizione-300x42.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/aggiungi-nuova-condizione-1024x143.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/aggiungi-nuova-condizione-768x107.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/aggiungi-nuova-condizione-120x17.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Impostiamo quindi una regola per mostrare il gruppo, che selezioniamo da una tendina, se il dipartimento scelto \u00e8 Supporto. Nota che le condizione \u00e8 case sensitive, vale a dire che vede come differenti le lettere maiuscole dalle lettere minuscole.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"251\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/regola-condizionale-contact-form-7.png\" alt=\"Regola Condizionale Contact Form 7\" class=\"wp-image-15940\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/regola-condizionale-contact-form-7.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/regola-condizionale-contact-form-7-300x63.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/regola-condizionale-contact-form-7-1024x214.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/regola-condizionale-contact-form-7-768x161.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/regola-condizionale-contact-form-7-120x25.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-adeguare-contact-form-7-al-gdpr\">Come adeguare Contact Form 7 al GDPR<\/h2>\n\n\n\n<p>Con l&#8217;entrata in vigore del <a href=\"https:\/\/supporthost.com\/it\/gdpr-registro-dei-trattamenti\/\" data-type=\"post\" data-id=\"22080\">GDPR<\/a>, ovvero la normativa europea in materia di protezione, bisogna adeguare anche il proprio sito web. <\/p>\n\n\n\n<p>Vediamo cosa bisogna fare per quanto riguarda la raccolta dei dati personali degli utenti tramite i moduli di contatto. <\/p>\n\n\n\n<p>Contact Form 7 ti permette di utilizzare il campo &#8220;<strong>Accettazione<\/strong>&#8221; per creare delle caselle di controllo. Per il consenso informato ricordati che devi anche inserire il link all&#8217;informativa sulla privacy, che deve essere presente sul tuo sito.<\/p>\n\n\n\n<p>Per creare la casella di controllo ti basta inserire alla voce <em>Condizione<\/em> la dicitura sul consenso informato, puoi inserire direttamente in link che rimanda all&#8217;informativa con la formattazione HTML. <\/p>\n\n\n\n<p>In questo caso, come vedi nella schermata qui sotto, il checkbox non deve essere facoltativo,  perch\u00e9 \u00e8 sempre necessario avere il consenso per poter trattare i dati personali. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1173\" height=\"813\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/gdpr-contact-form-7.png\" alt=\"Gdpr Contact Form 7\" class=\"wp-image-16038\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/gdpr-contact-form-7.png 1173w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/gdpr-contact-form-7-300x208.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/gdpr-contact-form-7-1024x710.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/gdpr-contact-form-7-768x532.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/gdpr-contact-form-7-91x63.png 91w\" sizes=\"auto, (max-width: 1173px) 100vw, 1173px\" \/><\/figure>\n\n\n\n<p>Le opzioni usate in questa schermata corrispondono a questo shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[acceptance gdpr] Ho letto l'&lt;a href=\"https:\/\/www.miosito.com\/privacy-policy\/\" target=\"_blank\" rel=\"nofollow noopener\"&gt;informativa privacy&lt;\/a&gt; e acconsento alla memorizzazione dei miei dati nel vostro archivio secondo quanto stabilito dal regolamento europeo per la protezione dei dati personali n. 679\/2016, GDPR. [\/acceptance]<\/pre>\n\n\n\n<p class=\"note\">Puoi anche usarlo direttamente, ma ricordati di sostituire il link di esempio inserito tra virgolette &#8220;https:\/\/www.miosito.com\/privacy-policy\/&#8221; con l&#8217;indirizzo della pagina del tuo sito contenente l&#8217;informativa sulla privacy.<\/p>\n\n\n\n<p>Ecco come appare il nostro modulo di contatto con la casella dell&#8217;informativa sulla privacy: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"814\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/informativa-privacy-contact-form.png\" alt=\"Informativa Privacy Contact Form\" class=\"wp-image-16033\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/informativa-privacy-contact-form.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/informativa-privacy-contact-form-300x204.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/informativa-privacy-contact-form-1024x695.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/informativa-privacy-contact-form-768x521.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/informativa-privacy-contact-form-93x63.png 93w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Questo per quanto riguarda il consenso informato sul trattamento dei dati personali. Se, invece, vuoi permettere agli utenti di iscriversi anche alla tua newsletter, o ricevere altri tipi di comunicazioni, dovrai inserire una nuova casella di accettazione.<\/p>\n\n\n\n<p>Ricordati due regole chiave:<\/p>\n\n\n\n<ul>\n<li>devi ottenere il consenso per ogni finalit\u00e0 diversa;<\/li>\n\n\n\n<li>l&#8217;iscrizione alla newsletter deve essere un checkbox facoltativo.<\/li>\n<\/ul>\n\n\n\n<p>Un modo per farlo \u00e8 creare una casella di accettazione e renderla facoltativa, come nel nostro esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"665\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/accettazione-newsletter.png\" alt=\"Accettazione Newsletter\" class=\"wp-image-16044\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/accettazione-newsletter.png 929w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/accettazione-newsletter-300x215.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/accettazione-newsletter-768x550.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/accettazione-newsletter-88x63.png 88w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/figure>\n\n\n\n<p>E otterrai uno shortcode come questo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[acceptance newsletter optional] S\u00ec, voglio iscrivermi alla newsletter. (facoltativo) [\/acceptance]<\/pre>\n\n\n\n<p>A questo punto, aggiungi una riga di testo nel modulo che preceda lo shortcode con l&#8217;accettazione e il risultato finale sar\u00e0 come questo qui: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"977\" height=\"787\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/12\/consenso-specifico-gdpr-contact-form-7.png\" alt=\"Consenso Specifico Gdpr Contact Form 7\" class=\"wp-image-16045\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/consenso-specifico-gdpr-contact-form-7.png 977w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/consenso-specifico-gdpr-contact-form-7-300x242.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/consenso-specifico-gdpr-contact-form-7-768x619.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/12\/consenso-specifico-gdpr-contact-form-7-78x63.png 78w\" sizes=\"auto, (max-width: 977px) 100vw, 977px\" \/><\/figure>\n\n\n\n<p>Seguendo questi passaggi avrai creato un form con una casella obbligatoria per ottenere il consenso della privacy e con un&#8217;opzione facoltativa per far iscrivere gli utenti alla newsletter. <\/p>\n\n\n\n<p>In questo modo chi compila il form deve aver prima accettato il consenso sulla privacy, come previsto dal GDPR.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Eccoci alla conclusione di questa guida dettagliata su come usare Contact Form 7. Abbiamo visto come creare moduli di contatto personalizzati, aggiungerli al nostro sito, proteggerli dallo <strong>spam <\/strong>e adeguarli al <strong>GDPR<\/strong>. <\/p>\n\n\n\n<p>Siamo partiti dalla creazione di un form di base fino a passare a tutte le opzioni avanzate compreso l&#8217;invio a destinatari multipli. <\/p>\n\n\n\n<p>Se hai avuto <strong>problemi <\/strong>di invio email con Contact Form 7, puoi controllare la sezione relativa agli errori pi\u00f9 comuni o integrare <strong>Flamingo <\/strong>per salvare i dati. <\/p>\n\n\n\n<p>Utilizzi Contact Form 7 sul tuo sito? Quali sono le caratteristiche che preferisci? Faccelo sapere con un commento. <\/p>\n\n\n\n<p>Ultimo aggiornamento con informazioni pi\u00f9 dettagliate e accurate sull&#8217;uso di Contact Form 7, il 19 maggio 2023.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vuoi scoprire come usare Contact Form 7? In questa guida dettagliata scoprirai come configurare il plugin. Vedremo come creare un form di contatto da inserire sul tuo sito. Fa usare alle persone un modulo di contatto rispetto a condividere il tuo indirizzo email ti aiuta a limitare lo spam: ti mostrer\u00f2, infatti, dei metodi efficaci [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63654,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-15888","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/15888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=15888"}],"version-history":[{"count":6,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/15888\/revisions"}],"predecessor-version":[{"id":74327,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/15888\/revisions\/74327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63654"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=15888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=15888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=15888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}