{"id":41250,"date":"2020-10-15T04:40:11","date_gmt":"2020-10-15T11:40:11","guid":{"rendered":"https:\/\/kinsta.com\/?p=81316"},"modified":"2023-02-03T12:44:42","modified_gmt":"2023-02-03T11:44:42","slug":"contact-form-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/","title":{"rendered":"Come Configurare Contact Form 7 per il Vostro Sito WordPress"},"content":{"rendered":"<p>Nel 2026, rimanere in contatto con il pubblico \u00e8 fondamentale. Creare una lista di email con un servizio come <a href=\"https:\/\/kinsta.com\/it\/blog\/come-utilizzare-mailchimp\/\">MailChimp<\/a> vi aiuta a inviare contenuti direttamente ai vostri abbonati.<\/p>\n<p>Le liste di email sono ottime, ma cosa succede se un lettore o un potenziale cliente vuole mettersi direttamente in contatto con voi? \u00c8 qui che entrano in gioco i moduli di contatto! In questo articolo parleremo di come configurare il popolare plugin Contact Form 7 per il vostro sito WordPress.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"how-to-install-contact-form-7\">Come Installare Contact Form 7<\/h2>\n<p>Contact Form 7 \u00e8 in circolazione dal 2009 e negli ultimi dieci anni ha collezionato oltre 5 milioni di download. Contact Form 7 pu\u00f2 essere installato direttamente dal repository dei plugin di WordPress. Se cercate &#8220;contact form 7&#8221;, trovate subito il plugin insieme a una serie di componenti aggiuntivi.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/install-contact-form-7-plugin.jpg\" alt=\"Installare il plugin Contact Form 7 dal repository dei plugin di WordPress.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Installare il plugin Contact Form 7 dal repository dei plugin di WordPress.<\/figcaption><\/figure>\n<p>Dopo l&#8217;installazione del plugin, nella barra laterale della vostra <a href=\"https:\/\/kinsta.com\/it\/blog\/amministrazione-wordpress\/\">bacheca WordPress<\/a> vedrete una voce di menu chiamata &#8220;Contact&#8221;. Da qui potete configurare tutte le impostazioni di Contact Form 7.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-contact-form-7-plugin.jpg\" alt=\"Personalizzare le impostazioni di Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Personalizzare le impostazioni di Contact Form 7.<\/figcaption><\/figure>\n<h2 id=\"the-pros-and-cons-of-having-a-contact-form\">I Pro e i Contro di un Modulo di Contatto<\/h2>\n<p>Prima di immergerci in come configurare Contact Form 7 per il vostro sito WordPress, esaminiamo rapidamente alcuni dei pro e dei contro dell&#8217;aggiunta di un modulo di contatto al vostro sito.<\/p>\n<h3>Vantaggi dei Moduli di Contatto<\/h3>\n<ol>\n<li>Un modulo di contatto permette a lettori, a clienti e a follower di contattarvi direttamente. A seconda dello scopo del vostro sito WordPress, permettere a chi visita il vostro sito di comunicare con voi \u00e8 molto importante. Ad esempio, non aggiungere un modulo di contatto su un <a href=\"https:\/\/kinsta.com\/it\/blog\/hosting-ecommerce\/\">sito di ecommerce<\/a> pu\u00f2 essere finanziariamente dannoso per la vostra attivit\u00e0, perch\u00e9 le persone interessate non potranno contattarvi in caso di domande sul vostro prodotto.<\/li>\n<li>Un modulo di contatto aggiunge legittimit\u00e0 al vostro sito WordPress o al vostro business. Molte persone vedono la presenza di un modulo di contatto come una sorta di fattore di fiducia. L&#8217;idea di potersi rivolgere a voi, proprietari del sito, rende i vostri contenuti pi\u00f9 affidabili.<\/li>\n<\/ol>\n<h3>Svantaggi dei Moduli di Contatto<\/h3>\n<ol>\n<li>Lo spam pu\u00f2 essere un problema per i moduli pubblici come le aree per i commenti e i moduli di contatto. Fortunatamente con Contact Form 7 potete filtrare lo spam con <a href=\"https:\/\/kinsta.com\/it\/blog\/captcha-wordpress\/\">reCAPTCHA<\/a>. Potete anche configurare una regola di pagina <a href=\"https:\/\/kinsta.com\/it\/blog\/installare-cloudflare\/\">Cloudflare<\/a> per proteggervi ulteriormente. Pi\u00f9 avanti nell&#8217;articolo parleremo di come impostare la protezione anti-spam in Contact Form 7.<\/li>\n<li>Dopo aver aggiunto un modulo di contatto al vostro sito, dovrete probabilmente dedicare del tempo a rispondere ai messaggi. Non \u00e8 necessariamente una cosa negativa, a seconda di come la si guarda. Alcuni temono il processo di risposta alle email, mentre altri lo amano. Per la nostra esperienza, il valore delle relazioni che si sviluppano grazie ai moduli di contatto sul vostro sito in genere superano il costo della moderazione, quindi vi consigliamo di approfittarne!<\/li>\n<\/ol>\n<h2 id=\"an-overview-of-contact-form-7-settings\">Panoramica delle Impostazioni di Contact Form 7<\/h2>\n<p>Creare un modulo di contatto con il plugin Contact Form 7 \u00e8 semplicissimo. Per iniziare, fate clic su <strong>Contact &gt; Contact Forms<\/strong> nella barra laterale di WordPress. In questa pagina potete visualizzare tutti i moduli di contatto con i relativi metadati associati.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-form-list.jpg\" alt=\"Modulo di contatto in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Modulo di contatto in Contact Form 7.<\/figcaption><\/figure>\n<p>Quando installate Contact Form 7 per la prima volta, viene creato automaticamente anche un modulo di esempio. Prima di entrare nel merito di come creare un modulo di contatto personalizzato, diamo prima un&#8217;occhiata al modulo di esempio per avere un&#8217;idea pi\u00f9 chiara di come funziona Contact Form 7. Fate clic su <strong>Contact Form 1<\/strong> per visualizzare le impostazioni del modulo.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-settings.jpg\" alt=\"Configurare un modulo di contatto su WordPress.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Configurare un modulo di contatto su WordPress.<\/figcaption><\/figure>\n<p>La pagina &#8220;Edit contact form&#8221; \u00e8 suddivisa in quattro sezioni.<\/p>\n<ol>\n<li><strong>Form &#8211; <\/strong>Per personalizzare il vostro modello di modulo di contatto HTML avete a disposizioni diverse opzioni per il campo come &#8220;testo&#8221;, &#8220;email&#8221;, &#8220;checkbox&#8221;, ecc. Potete anche scrivere <a href=\"https:\/\/kinsta.com\/blog\/wordpress-vs-static-html\/\">HTML personalizzato<\/a> nella casella di personalizzazione del modulo.<\/li>\n<li><strong>Mail &#8211;<\/strong> Personalizzate il template delle email e le impostazioni usate per le email di notifica.<\/li>\n<li><strong>Messages &#8211;<\/strong> Personalizzate i messaggi che vengono visualizzati dopo azioni specifiche. Ad esempio, potete impostare un messaggio univoco da visualizzare dopo che qualcuno ha inviato un modulo di contatto.<\/li>\n<li><strong>Additional Settings &#8211;<\/strong> Specificate gli snippet per abilitare <a href=\"https:\/\/contactform7.com\/additional-settings\/\">funzioni aggiuntive<\/a> come la modalit\u00e0 solo per gli abbonati, la modalit\u00e0 demo e quella per ignorare le email<\/li>\n<\/ol>\n<p>Ora diamo un&#8217;occhiata pi\u00f9 da vicino a ogni sezione e creiamo un modulo di contatto personalizzato!<\/p>\n\n<h2 id=\"how-to-create-a-wordpress-contact-form\">Come Creare un Modulo di Contatto in WordPress<\/h2>\n<p>Per creare un nuovo modulo di contatto, fate clic su <strong>Add New<\/strong> accanto a &#8220;Contact Forms&#8221;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-create-contact-form.jpg\" alt=\"Creare un nuovo modulo di contatto in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Creare un nuovo modulo di contatto in Contact Form 7.<\/figcaption><\/figure>\n<p>Date un nome al nuovo modulo di contatto e fate clic su &#8220;Save&#8221;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/save-new-contact-form.jpg\" alt=\"Salvare il nuovo modulo di contatto WordPress.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Salvare il nuovo modulo di contatto WordPress.<\/figcaption><\/figure>\n<p>Nella sezione &#8220;Form&#8221;, aggiungete l&#8217;HTML necessario per il vostro modulo di contatto. Potete usare i vari pulsanti preimpostati per generare degli shortcode per i tag dei moduli pi\u00f9 diffusi. Per facilitarvi le cose, date un&#8217;occhiata alle descrizioni qui sotto per i tag preimpostati di Contact Form 7.<\/p>\n<ul>\n<li><strong>Text &#8211; <\/strong>Crea un tag di modulo per una singola riga di testo. I campi di testo sono utili per nomi, cognomi e altri snippet di testo che non richiedono linee multiple.<\/li>\n<li><strong>Email &#8211; <\/strong>Crea un tag di modulo per un indirizzo email.<\/li>\n<li><strong>URL &#8211; <\/strong>Crea un tag di modulo per un URL.<\/li>\n<li><strong>Tel &#8211; <\/strong>Crea un tag per un numero di telefono.<\/li>\n<li><strong>Number &#8211; <\/strong>Crea un tag di modulo per un numero. A differenza dei campi di immissione &#8220;text&#8221; o &#8220;text area&#8221;, i campi &#8220;number&#8221; ammettono solo cifre numeriche.<\/li>\n<li><strong>Date &#8211; <\/strong>Crea un tag di modulo per una data.<\/li>\n<li><strong>Text Area &#8211; <\/strong>Crea un tag di modulo per un&#8217;area di testo. A differenza del normale campo di immissione &#8220;text&#8221;, un campo &#8220;text area&#8221; consente di inserire pi\u00f9 linee di testo. Sono ideali per inserire il corpo del messaggio.<\/li>\n<li><strong>Drop-down Menu &#8211; <\/strong>Crea un tag di modulo per un menu a tendina.<\/li>\n<li><strong>Checkboxes &#8211; <\/strong>Crea un tag di modulo per le caselle di spunta.<\/li>\n<li><strong>Radio Buttons &#8211; <\/strong>Crea un tag di modulo per i pulsanti radio.<\/li>\n<li><strong>Acceptance &#8211; <\/strong>Crea un tag di modulo per una casella di accettazione.<\/li>\n<li><strong>Quiz &#8211; <\/strong>Crea un tag del modulo per una coppia domanda-risposta.<\/li>\n<li><strong>File &#8211; <\/strong>Crea un tag di modulo per un campo di caricamento file.<\/li>\n<li><strong>Submit &#8211; <\/strong>Crea un tag di modulo per un pulsante di invio.<\/li>\n<\/ul>\n<p>Ora procediamo a personalizzare un modulo di contatto. Per completezza, creeremo un modulo di contatto che usa tutti i tag preimpostati di Contact Form 7.<\/p>\n<h3>Il Tag &#8220;Text&#8221;<\/h3>\n<p>Quando fate clic su un tag preimpostato di Contact Form 7, vedrete un menu a comparsa come quello sottostante. In questo menu potete configurare le impostazioni del tag del modulo. In basso, vedrete uno shortcode che pu\u00f2 essere incorporato nel vostro template di modulo di contatto.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-text-form-tag.jpg\" alt=\"Il tag \"text\" in Contact Form 7.\" width=\"1500\" height=\"870\"><figcaption class=\"wp-caption-text\">Il tag &#8220;text&#8221; in Contact Form 7..<\/figcaption><\/figure>\n<p>Per il tag &#8220;text&#8221;, stiamo usando impostazioni qui sotto per creare un campo di input per un nome.<\/p>\n<ul>\n<li><strong>Field Type- <\/strong>Campo obbligatorio<\/li>\n<li><strong>Name &#8211;<\/strong> text-711 (auto-generato)<\/li>\n<li><strong>Default Value <\/strong> Your Name (usato come testo segnaposto predefinito)<\/li>\n<li><strong>Akismet &#8211; <\/strong>Deselezionato<\/li>\n<li><strong>ID Attribute (CSS) &#8211;<\/strong> cf7-your-name<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> cf7-your-name<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode.<\/p>\n<pre><code>[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]<\/code><\/pre>\n<p>Per ora, basta fare clic sul pulsante <strong>Insert tag <\/strong>per aggiungere il tag al template del modulo di contatto. Pi\u00f9 avanti aggiungeremo altri tag HTML per strutturare il modulo.<\/p>\n<h3>Il Tag &#8220;Email&#8221;<\/h3>\n<p>Successivamente, creeremo un tag per il modulo email cos\u00ec potremo raccogliere gli indirizzi email tramite il nostro modulo di contatto.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-email-tag.jpg\" alt=\"Il tag \"email\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;email&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag del modulo &#8220;email&#8221;, abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Field Type &#8211; <\/strong>Campo obbligatorio<\/li>\n<li><strong>Name &#8211;<\/strong> email-632 (auto-generato)<\/li>\n<li><strong>Default Value <\/strong> <strong>&#8211;<\/strong> Your Email<\/li>\n<li><strong>Akismet &#8211; <\/strong>Deselezionato.<\/li>\n<li><strong>ID Attribute (CSS) &#8211;<\/strong> your-email<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> your-email<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode.<\/p>\n<pre><code>[email* email-632 id:email class:email placeholder \"Your Email\"]<\/code><\/pre>\n<h3>Il Tag &#8220;URL&#8221;<\/h3>\n<p>In alcuni casi, potreste volere un campo del vostro modulo di contatto dedicato alla raccolta di URL dei siti web. Anche se tecnicamente Contact Form 7 vi permette di usare un normale tag di modulo &#8220;text&#8221; per questo, vi consigliamo di scegliere invece il tag &#8220;URL&#8221;. Il tag del modulo &#8220;URL&#8221; generer\u00e0 un campo di input che convalida gli URL per garantire che siano formattati correttamente.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-url-form-tag.jpg\" alt=\"Il tag \"URL\" in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Il tag &#8220;URL&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag del modulo &#8220;URL&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>url-601 (auto-generato)<\/li>\n<li><strong>Default Value &#8211;<\/strong> Your Website<\/li>\n<li><strong>Akismet &#8211; <\/strong>Deselezionato.<\/li>\n<li><strong>ID Attribute (CSS) &#8211;<\/strong> cf7-your-website<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> cf7-your-website<\/li>\n<\/ul>\n<p>Queste impostazioni generano lo shortcode riportato qui di seguito.<\/p>\n<pre><code>[url url-601 id:cf7-your-website class:cf7-your-website \"Your Website\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Tel&#8221;<\/h3>\n<p>Analogamente agli URL, potete usare un tag standard &#8220;text&#8221; anche per raccogliere i numeri di telefono. Tuttavia, \u00e8 meglio usare il tag del modulo &#8220;tel&#8221; che vi aiuta ad assicurare che il numero di telefono sia valido.<\/p>\n<figure style=\"width: 2559px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-tel-form-tag.jpg\" alt=\"Il tag \"tel\" in Contact Form 7.\" width=\"2559\" height=\"1359\"><figcaption class=\"wp-caption-text\">Il tag &#8220;tel&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag del modulo &#8220;tel&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>tel-842 (auto-generato)<\/li>\n<li><strong>Default Value &#8211;<\/strong> Your Phone Number<\/li>\n<li><strong>ID Attribute (CSS) &#8211;<\/strong> cf7-your-phone-number<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> cf7-your-phone-number<\/li>\n<\/ul>\n<p>Queste impostazioni generano lo shortcode riportato di seguito.<\/p>\n<pre><code>[url url-601 id:cf7-your-website class:cf7-your-website \"Your Website\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Data&#8221;<\/h3>\n<p>Il tag &#8220;data&#8221; di Contact Form 7 vi consente di generare un selezionatore di date in stile calendario. Questo campo di inserimento &#8220;data&#8221; \u00e8 utile per specificare le date degli appuntamenti in un modulo di contatto.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-date-form-tag.jpg\" alt=\"Il tag \"data\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;data&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;data&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211;<\/strong> date-389 (auto-generato)<\/li>\n<li><strong>Default Value <\/strong>&#8211; Your Appointment Date<\/li>\n<li><strong>Range &#8211; <\/strong>Il nostro intervallo di date personalizzate.<\/li>\n<li><strong>ID Attribute (CSS) &#8211;<\/strong> cf7-appointment-date<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> cf7-appointment-date<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[date* date-389 min:2020-09-15 max:2020-10-24 id:cf7-appointment-date class:cf7-appointment-date placeholder \"Your Appointment Date\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Textarea&#8221;<\/h3>\n<p>Il tag &#8220;textarea&#8221; consente di creare un\u2019area di testo a pi\u00f9 righe in modo che i visitatori possano inviare messaggi pi\u00f9 lunghi. Queste aree di testo sono molto utili per racchiudere il corpo di un messaggio.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-textarea-form-tag.jpg\" alt=\"Il tag \"textarea\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;textarea&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;textarea&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>textarea-795 (auto-generato)<\/li>\n<li><strong>Default Value &#8211;<\/strong> Il tuo messaggio<\/li>\n<li><strong>ID Attribute (CSS) &#8211;<\/strong> cf7-your-message<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> cf7-your-message<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode.<\/p>\n<pre><code>[textarea* textarea-795 id:cf7-your-message class:cf7-your-message placeholder \"Your Message\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Drop-Down Menu&#8221;<\/h3>\n<p>Il tag di Contact Form 7 &#8220;drop-down menu&#8221; consente di creare un menu a tendina con diverse opzioni. I menu a tendina sono utili per le situazioni in cui desiderate che un visitatore selezioni una specifica opzione al momento di inviare il modulo. Ad esempio, se gestite un&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/agenzia-wordpress\/\">azienda di manutenzione WordPress<\/a>, potete configurare un menu a tendina che permette al visitatore di scegliere tra i servizi offerti.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-drop-down-menu-tag.jpg\" alt=\"Il tag \"drop-down menu\" in Contact Form 7. \" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Il tag &#8220;drop-down menu&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;drop-down menu&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>menu-24 (auto-generato)<\/li>\n<li><strong>Options &#8211; <\/strong>Opzione 1, Opzione 2, Opzione 3, Opzione 4<\/li>\n<li><strong>Allow Multiple Selections &#8211; <\/strong>Selezionato<\/li>\n<li><strong>Insert a Blank Item as the First Option &#8211; <\/strong>Selezionato<\/li>\n<li><strong>ID Attribute &#8211;<\/strong> cf7-drop-down-menu<\/li>\n<li><strong>Class Attribute &#8211;<\/strong> cf7-drop-down-menu<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Checkbox&#8221;<\/h3>\n<p>Il tag &#8220;checkbox&#8221; consente di creare caselle di spunta in HTML. Simile ai menu a tendina, le caselle di spunta possono essere usate anche per selezionare opzioni predefinite. A seconda della natura del modulo di contatto, le caselle di spunta possono funzionare meglio dei menu a tendina. Ad esempio, se avete di un numero ridotto di opzioni tra cui scegliere, una casella di spunta riduce il numero di clic necessari per fare una selezione. D&#8217;altra parte, se il vostro modulo di contatto ha molte opzioni, un menu a tendina pu\u00f2 funzionare meglio perch\u00e9 occupa meno spazio verticale.<\/p>\n<p>Per il tag &#8220;checkbox&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>checkbox-948 (auto-generato)<\/li>\n<li><strong>Options &#8211; <\/strong>Opzione 1, Opzione 2, Opzione 3<\/li>\n<li><strong>Wrap Each Item with Label Element &#8211; <\/strong>Selezionato<\/li>\n<li><strong>ID Attribute &#8211; <\/strong>cf7-checkbox<\/li>\n<li><strong>Class Attribute &#8211; <\/strong>cf7-checkbox<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Radio Buttons&#8221;<\/h3>\n<p>Il tag &#8220;radio buttons&#8221; permette di creare radio button con pi\u00f9 opzioni. A differenza delle caselle di spunta e dei menu a tendina, con i radio button si pu\u00f2 selezionare una sola opzione.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-radio-buttons-form-tag.jpg\" alt=\"Il tag \"radio button\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;radio button&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;radio button&#8221; abbiamo configurato le impostazioni qui sotto:<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>radio-708 (auto-generato)<\/li>\n<li><strong>Options &#8211; <\/strong>Opzione 1, Opzione 2, Opzione 3<\/li>\n<li><strong>Wrap Each Item with Label Element &#8211; <\/strong>a controllo<\/li>\n<li><strong>ID Attribute &#8211; <\/strong>cf7-radio<\/li>\n<li><strong>Class Attribute &#8211; <\/strong>cf7-radio<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[radio radio-708 id:cf7-radio class:cf7-radio use_label_element default:1 \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Il Tag &#8220;Acceptance&#8221;<\/h3>\n<p>Potete usare il tag &#8220;acceptance&#8221; di Contact Form 7 per generare un&#8217;unica casella di spunta per l&#8217;accettazione dei termini e delle condizioni. Il tag accettazione include delle opzioni per specificare il messaggio da visualizzare.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-acceptance-form-tag.jpg\" alt=\"Il tag \"acceptance\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;acceptance&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;acceptance&#8221;, abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211;<\/strong> acceptance-545 (auto-generato)<\/li>\n<li><strong>Condition<\/strong> <strong>&#8211;<\/strong> Selezionare questa casella per accettare i termini.<\/li>\n<li><strong>ID Attribute <\/strong> <strong>&#8211;<\/strong> cf7-acceptance<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-acceptance<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[acceptance acceptance-545 id:cf7-acceptance class:cf7-acceptance] Check this box to accept the terms. [\/acceptance]<\/code><\/pre>\n<h3>Il Tag &#8220;Quiz&#8221;<\/h3>\n<p>Il tag &#8220;quiz&#8221; pu\u00f2 essere usato per creare domande semplici e rispondere ai quiz dai modulo di contatto. Per creare un quiz, usate questo formato per separare la domanda e la risposta: Domanda|Risposta. Nella schermata qui sotto, la nostra domanda \u00e8 &#8220;<a href=\"https:\/\/www.wpbeginner.com\/news\/the-history-of-wordpress\/\">In che anno \u00e8 stato pubblicato WordPress?<\/a>&#8220;, e la risposta (separata da un carattere &#8220;|&#8221;) \u00e8 2003.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-quiz-form-tag.jpg\" alt=\"Il tag \"quiz\" in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Il tag &#8220;quiz&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;quiz&#8221; abbiamo configurato le seguenti impostazioni.<\/p>\n<ul>\n<li><strong>Name &#8211;<\/strong> quiz-461 (auto-generato)<\/li>\n<li><strong>Condition<\/strong> <strong>&#8211;<\/strong> Selezionare questa casella per accettare i termini.<\/li>\n<li><strong>ID Attribute <\/strong> <strong>&#8211;<\/strong> cf7-quiz<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-quiz<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[quiz quiz-461 id:cf7-quiz class:cf7-quiz \"What year was WordPress released?|2003\"]<\/code><\/pre>\n<h3>Il Tag &#8220;File<\/h3>\n<p>Il tag &#8220;file&#8221; di Contact Form 7 vi permette di aggiungere la funzionalit\u00e0 di caricamento dei file a un modulo di contatto. Questo \u00e8 utile per le situazioni in cui desiderate che un visitatore possa caricare un&#8217;immagine o un file PDF da inviare insieme al modulo. Ad esempio, se gestite un <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-gallerie-fotografiche\/\">blog di fotografia<\/a> che pubblica i contributi degli ospiti, potete aggiungere la funzionalit\u00e0 di caricamento dei file per consentire alle persone di caricare le immagini.<\/p>\n<p>Nelle impostazioni dei tag del modulo, potete specificare una serie di impostazioni per proteggere il modulo. Vi consigliamo di impostare sempre un limite di dimensione dei file per evitare che utenti malintenzionati carichino file di grandi dimensioni. Allo stesso modo, specificate quali sono i tipi di file accettabili (opzione \u201cacceptable file types\u201d) per bloccare il modulo a seconda dei formati di file che desiderate ricevere . Rimanendo sull&#8217;esempio del blog fotografico, potreste voler limitare le dimensioni dei file a 1 MB (1024 KB) e i tipi di file accettabili solo ai formati immagine conosciuti come <a href=\"https:\/\/kinsta.com\/it\/blog\/jpg-e-jpeg\/\">JPG<\/a> e <a href=\"https:\/\/kinsta.com\/it\/blog\/ottimizzare-le-immagini-per-web-e-prestazioni\/#choose-the-right-file-format\">PNG<\/a>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-file-form-tag.jpg\" alt=\"Il tag \"file\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;file&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;file&#8221;, abbiamo configurato le seguenti impostazioni;<\/p>\n<ul>\n<li><strong>Name &#8211; <\/strong>file-658 (auto-generato)<\/li>\n<li><strong>File Size Limit &#8211; <\/strong>1024kb<\/li>\n<li><strong>Acceptable File Types &#8211; <\/strong>jpg|png|gif<\/li>\n<li><strong>ID Attribute &#8211; <\/strong>cf7-file<\/li>\n<li><strong>Class Attribute &#8211; <\/strong>cf7-file<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[file file-658 limit:1024kb filetypes:jpg|png|gif id:cf7-file class:cf7-file]<\/code><\/pre>\n<h3>Il Tag &#8220;Submit&#8221;<\/h3>\n<p>Ultimo, ma non meno importante, \u00e8 il tag &#8220;submit&#8221; di Contact Form 7. Come avrete intuito, questo tag consente di generare un pulsante di invio per un modulo di contatto.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-submit-form-tag.jpg\" alt=\"Il tag \"submit\" in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Il tag &#8220;submit&#8221; in Contact Form 7.<\/figcaption><\/figure>\n<p>Per il tag &#8220;submit&#8221; del modulo, abbiamo configurato le seguenti impostazioni:<\/p>\n<ul>\n<li><strong>Label &#8211;<\/strong> Submit<\/li>\n<li><strong>ID Attribute &#8211; <\/strong>cf7-submit<\/li>\n<li><strong>Class Attribute &#8211; <\/strong>cf7-submit<\/li>\n<\/ul>\n<p>Queste impostazioni generano il seguente shortcode:<\/p>\n<pre><code>[submit id:cf7-submit class:cf7-submit \"Submit\"]<\/code><\/pre>\n<h2 id=\"how-to-structure-a-contact-form-with-form-tags\">Come Strutturare un Modulo di Contatto con i Tag del Modulo<\/h2>\n<p>Ora che abbiamo impostato tutti i nostri tag, \u00e8 il momento di creare il modulo di contatto. A questo punto, le impostazioni del modulo di contatto dovrebbero assomigliare alla schermata sottostante. Prendete nota di tutti i tag del modulo che abbiamo creato sopra. Con questi tag potete usare lo <a href=\"https:\/\/kinsta.com\/it\/blog\/shortcode-wordpress\/\">shortcode<\/a> <code>[contact-form-7]<\/code> per incorporare il modulo in un post o in una pagina di WordPress.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-editor-contact-form-7-shortcode.jpg\" alt=\"Incorporare un modulo di contatto con lo shortcode contact-form-7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Incorporare un modulo di contatto con lo shortcode contact-form-7.<\/figcaption><\/figure>\n<p>Nell&#8217;editor di WordPress, incollate lo shortcode in un blocco vuoto:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-shortcode.jpg\" alt=\"Aggiungere lo shortcode di Contact Form 7 in un post o in una pagina.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Aggiungere lo shortcode di Contact Form 7 in un post o in una pagina.<\/figcaption><\/figure>\n<p>Se usate il <a href=\"https:\/\/kinsta.com\/it\/blog\/disabilitare-editor-wordpress-gutenberg\/#install-classic-editor-plugin\">Classic Editor di WordPress<\/a>, potete incollare lo shortcode in qualsiasi punto dell&#8217;editor di contenuti.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-classic-editor-shortcode.jpg\" alt=\"Usare Contact Form 7 con il WordPress Classic Editor.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Usare Contact Form 7 con il WordPress Classic Editor.<\/figcaption><\/figure>\n<p>Ora dovreste poter vedere il modulo di contatto nella pagina in cui avete aggiunto lo shortcode di Contact Form 7. Ecco come si presenta il nostro modulo di contatto con le impostazioni viste sopra. Come potete vedere, Contact Form 7 converte automaticamente i tag del modulo in HTML valido che si abbina cos\u00ec agli <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">stili CSS<\/a> predefiniti inclusi nel vostro tema WordPress.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-contact-form.jpg\" alt=\"Un modulo di contatto creato con Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Un modulo di contatto creato con Contact Form 7.<\/figcaption><\/figure>\n<p>Questo nostro modulo di contatto, nel suo stato attuale, \u00e8 un buon punto di partenza, ma manca una caratteristica fondamentale. I tag del modulo come &#8220;text&#8221;, &#8220;email&#8221; e &#8220;URL&#8221; supportano i placeholder, ma altri elementi come &#8220;checkbox&#8221; e &#8220;radio buttons&#8221; no. Senza le etichette appropriate, la casella di spunta e i pulsanti radio non saranno molto utili per i visitatori perch\u00e9 non avranno alcun contesto. Per fortuna, aggiungere etichette in Contact Form 7 \u00e8 molto facile!<\/p>\n<h3>Come Aggiungere le Etichette ai Tag del Modulo in Contact Form 7<\/h3>\n<p>Ci sono due modi per aggiungere etichette ai tag di Contact Form 7. Per i tag del modulo qui sotto, abbiamo avvolto il tag del modulo con un tag <code><label><\/label><\/code>.<\/p>\n<ul>\n<li>Text<\/li>\n<li>Email a<\/li>\n<li>URL<\/li>\n<li>Tel<\/li>\n<li>Number<\/li>\n<li>Date<\/li>\n<li>Text Area<\/li>\n<li>Acceptance<\/li>\n<li>Quiz<\/li>\n<li>File<\/li>\n<\/ul>\n<p>Date un&#8217;occhiata all\u2019esempio di tag &#8220;text&#8221; qui sotto:<\/p>\n<pre><code>[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]<\/code><\/pre>\n<p>To add a label to this form tag, we can replace the form tag with the snippet below. Notice the additional instance of \u201cYour Name\u201d right after the opening <code>&lt;label&gt;<\/code> tag.<\/p>\n<p>Per aggiungere un&#8217;etichetta a questo tag del modulo, possiamo sostituire il tag con lo snippet qui sotto. Notate l&#8217;istanza aggiuntiva di &#8220;Your Name&#8221; subito dopo l&#8217;apertura del tag <code>&lt;label&gt;<\/code>:<\/p>\n<pre><code>&lt;label&gt; Your Name\n[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]\n&lt;\/label&gt;<\/code><\/pre>\n<p>Ecco come appare questo cambiamento sul nostro modulo di contatto. In questo caso, l&#8217;etichetta appena creata serve allo stesso scopo del placeholder. Tuttavia, se non volessimo specificare un placeholder all&#8217;interno del tag del modulo, l&#8217;etichetta aiuterebbe a identificare lo scopo di una specifica casella di input.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-form-tag-label.jpg\" alt=\"Aggiungere un'etichetta a tag di modulo in Contact Form 7.\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Aggiungere un&#8217;etichetta a tag di modulo in Contact Form 7.<\/figcaption><\/figure>\n<p>Per i tag che riproducono pi\u00f9 comandi dei moduli come <strong>checkbox, radio buttons e menu a tendina<\/strong>, avvolgere il tag del modulo all&#8217;interno di un tag <code>&lt;\/label&gt;<\/code> \u00e8 un errore. Questo accade perch\u00e9 un tag <code>&lt;label&gt;<\/code> dovrebbe essere usato solo con un singolo comando del modulo. La natura delle caselle di spunta, dei pulsanti radio e delle opzioni del menu a tendina comporta comandi di modulo multipli, quindi sono incompatibili con la soluzione di etichettatura predefinita.<\/p>\n<p>Per le caselle di spunta, i pulsanti radio e i menu a discesa, \u00e8 stato necessario aggiungere un parametro <code>use_label_element<\/code> all&#8217;interno dello shortcode.<br \/>\nDate un&#8217;occhiata all&#8217;esempio di tag checkbox qui sotto, dove abbiamo evidenziato in grassetto <code>use_label_element<\/code>.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox <strong>use_label_element<\/strong> \"Opzione 1\" \"Opzione 2\" \"Opzione 3\"]<\/code><\/pre>\n<p>Una volta aggiunto il parametro <code>use_label_element<\/code>, potete aggiungere un&#8217;etichetta direttamente sopra il tag del modulo nell&#8217;editor dei moduli di contatto:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-use-label-element.jpg\" alt=\"Aggiungere un'etichetta alle caselle di spunta, ai pulsanti radio e ai menu a discesa in Contact Form 7.\" width=\"1500\" height=\"619\"><figcaption class=\"wp-caption-text\">Aggiungere un&#8217;etichetta alle caselle di spunta, ai pulsanti radio e ai menu a discesa in Contact Form 7.<\/figcaption><\/figure>\n<p>Per completezza, abbiamo aggiunto delle etichette a tutti i tag nel nostro modulo di contatto. Probabilmente non sarebbe necessario farlo per un sito in produzione, perch\u00e9 alcuni tag del modulo includono gi\u00e0 dei placeholders. Qui volevamo solo dimostrare come funzionano le etichette.<\/p>\n<p>Ecco come si presenta il nostro modulo di contatto:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-with-labels.jpg\" alt=\"Un modulo di contatto con le etichette.\" width=\"1500\" height=\"1124\"><figcaption class=\"wp-caption-text\">Un modulo di contatto con le etichette.<\/figcaption><\/figure>\n<h2 id=\"configuring-mail-settings-in-contact-form-7\">Configurare le Impostazioni Email in Contact Form 7<\/h2>\n<p>Ora che abbiamo configurato la struttura del nostro modulo di contatto, \u00e8 il momento di dare un&#8217;occhiata alle impostazioni per l\u2019<a href=\"https:\/\/kinsta.com\/it\/blog\/server-smtp-gratuito\/\">invio delle email<\/a> in Contact Form 7. Mentre le impostazioni predefinite per la consegna delle email dovrebbero funzionare bene per la maggior parte dei siti, \u00e8 comunque importante capire le varie impostazioni nel caso in cui il vostro sito o le circostanze richiedano una configurazione speciale.<\/p>\n<p>Per accedere alle impostazioni di invio delle email, andate nell&#8217;editor dei moduli di contatto e selezionate la scheda &#8220;Mail&#8221;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-mail-delivery-settings.jpg\" alt=\"Impostazioni di recapito delle email in Contact Form 7.\" width=\"1500\" height=\"798\"><figcaption class=\"wp-caption-text\">Impostazioni di recapito delle email in Contact Form 7.<\/figcaption><\/figure>\n<p>Le impostazioni di recapito delle email in Contact Form 7 consentono di personalizzare i modelli e i parametri usati per generare e inviare una notifica dopo l&#8217;invio di un modulo. Se usate le impostazioni errate, \u00e8 possibile che non riceviate una notifica di invio del modulo. Pertanto, \u00e8 importante testare l\u2019invio del modulo dopo aver creato un modulo di contatto e averne modificato le impostazioni.<\/p>\n<p>Contact Form 7 consente di configurare le seguenti impostazioni di invio delle email:<\/p>\n<ul>\n<li><strong>To &#8211; <\/strong>l&#8217;indirizzo email a cui inviare una notifica.<\/li>\n<li><strong>From &#8211; <\/strong>L&#8217;indirizzo email da cui inviare una notifica.<\/li>\n<li><strong>Subject &#8211; <\/strong>L&#8217;oggetto dell&#8217;email di notifica.<\/li>\n<li><strong>Additional Headers &#8211; <\/strong>Specifica gli header aggiuntivi dell\u2019email aggiuntive come &#8220;reply-to&#8221;.<\/li>\n<li><strong>Message Body &#8211; <\/strong>Il testo dell&#8217;email di notifica.<\/li>\n<li><strong>File Attachments &#8211; <\/strong>Specifica gli eventuali allegati da includere nell&#8217;email di notifica.<\/li>\n<\/ul>\n<p>Ora vediamo ogni impostazione per capire meglio come pu\u00f2 influire sull\u2019invio delle email in Contact Form 7.<\/p>\n<h3>Il Campo &#8220;To&#8221;<\/h3>\n<p>Assicuratevi di specificare un indirizzo email reale per il campo &#8220;To&#8221;. Per impostazione predefinita, Contact Form 7 assegna al campo \u201cTo\u201d l&#8217;indirizzo email associato al vostro account utente WordPress. Se il vostro indirizzo email WordPress non \u00e8 valido, aggiornatelo nelle impostazioni del vostro profilo e modificate anche l&#8217;indirizzo email in Contact Form 7.<\/p>\n<h3>Il campo &#8220;From&#8221;<\/h3>\n<p>L&#8217;impostazione &#8220;From&#8221; dovrebbe usare il seguente formato \u2013 <code>Il vostro nome<\/code>. Per le impostazioni di posta elettronica del nostro modulo di contatto, stiamo usando <code>kinstalife &lt;<a href=\"mailto:wordpress@kinstalife.com\">wordpress@kinstalife.com<\/a>&gt;<\/code>.<\/p>\n<p>Per impostazione predefinita, Contact Form 7 compiler\u00e0 questo campo con <code><a href=\"mailto:wordpress@your-domain.com\">wordpress@your-domain.com<\/a><\/code>. <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-non-invia-email\/#fix-contact-form-7-not-sending-emails\">Assicuratevi che questo indirizzo email sia valido<\/a> perch\u00e9 alcuni host WordPress bloccano le email in uscita verso indirizzi non validi. Ci sono diversi modi per rendere valido questo indirizzo email. Potete impostare un account di posta elettronica dedicato per <a href=\"mailto:wordpress@your-domain.com\">wordpress@your-domain.com<\/a> oppure potete abilitare la funzionalit\u00e0 catch-all presso il vostro provider di servizi di posta. Se non riuscite a impostare questo indirizzo email, vi consigliamo di cambiarlo con un indirizzo email valido per evitare problemi di deliverability.<\/p>\n<h3>Il Campo &#8220;Subject&#8221;<\/h3>\n<p>L&#8217;impostazione &#8220;Subject&#8221; pu\u00f2 essere usata per specificare un oggetto per le email di notifica. Per impostazione predefinita, Contact Form 7 imposta l&#8217;oggetto come <code>Nome del sito \"[your-subject]\"<\/code> \u2013 il nome dell&#8217;oggetto nel template predefinito dei moduli in Contact Form 7.<\/p>\n<p>Se il vostro modulo non contiene un tag del modulo chiamato &#8220;[your-subject]&#8221;, assicuratevi di cambiarlo in qualcos&#8217;altro. Per esempio, se avete solo un tag del modulo per raccogliere il nome di un visitatore (ad esempio [your-name]), potreste cambiare la riga dell&#8217;oggetto in <code>Hai ricevuto un\u2019email da [your-name]<\/code>.<\/p>\n<h3>Il Campo &#8220;Additional Headers&#8221;<\/h3>\n<p>Sotto &#8220;Additional Headers&#8221;, \u00e8 possibile specificare le intestazioni delle email come reply-to, CC e BCC. Per impostazione predefinita, Contact Form 7 aggiunge la seguente intestazione &#8211; <code>Reply-To: [your-email]<\/code>. Questa intestazione consente di rispondere all&#8217;indirizzo email specificato in un modulo di contatto inviato.<\/p>\n<p>L\u2019header predefinito reply-to va bene se state usando il tag predefinito di Contact Form 7. Se non lo fate, assicuratevi di cambiarlo in modo che corrisponda al nome del vostro tag del modulo di posta elettronica. Per il nostro modulo di contatto, il nome del tag del modulo email \u00e8 &#8220;email-632&#8221;, quindi il tag reply-to dovrebbe essere cambiato in <code>Reply-To: [email-632]<\/code>.<\/p>\n<h3>Il &#8220;Message Body&#8221;<\/h3>\n<p>Il prossimo campo \u00e8 il &#8220;Message Body&#8221;, che determina il contenuto del corpo dell&#8217;email di notifica. Il template predefinito di Contact Form 7 usa i tag del modulo [your-name], [your-email], [your-subject] e [your-message] e assomiglia a questo:<\/p>\n<pre><code>From: [your-name]\nSubject: [your-subject]\nMessage Body:\n[your-message]\n--\nQuesta email \u00e8 stata inviata da un moduli di contatto in kinstalife (http:\/\/kinstalife.com)<\/code><\/pre>\n<p>Assicuratevi di cambiare questi tag del modulo se non li usate nel vostro template di modulo di contatto. Poich\u00e9 il modulo di contatto che abbiamo creato raccoglie molte informazioni, possiamo aggiungere al corpo del messaggio altri tag come nell\u2019esempio qui sotto:<\/p>\n<pre><code>Ciao Brian, hai ricevuto un messaggio da [text-711] ([email-632]).\nWebsite: [url-601]\nPhone Number: Tel-842\nAppointment Date: date-389\nMessage: textarea-795<\/code><\/pre>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-mail-message-body.jpg\" alt=\"Personalizzare il corpo del messaggio per le email di notifica di Contact Form 7.\" width=\"1500\" height=\"712\"><figcaption class=\"wp-caption-text\">Personalizzare il corpo del messaggio per le email di notifica di Contact Form 7.<\/figcaption><\/figure>\n<h3>Impostazioni Email di Contact Form 7 &#8211; Allegati ai File<\/h3>\n<p>Se il modulo di contatto prevede il caricamento di un file, potete includere il file con l&#8217;email di notifica. Nel nostro modulo di contatto, abbiamo un tag per il caricamento del file chiamato &#8220;[file-658]&#8221;. Pertanto, possiamo aggiungere questo tag del modulo sotto &#8220;File Attachments&#8221; per garantire che il file venga incluso nella notifica via email.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-file-attachments.jpg\" alt=\"Includere gli allegati dei file nelle email di notifica di Contact Form 7.\" width=\"1500\" height=\"186\"><figcaption class=\"wp-caption-text\">Includere gli allegati dei file nelle email di notifica di Contact Form 7.<\/figcaption><\/figure>\n<h2 id=\"contact-form-7-mail-delivery-issues\">Problemi di Recapito delle Email in Contact Form 7<\/h2>\n<p>Se notate che <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-non-invia-email\/#fix-contact-form-7-not-sending-emails\">Contact Form 7 non invia email<\/a> ci sono alcune cose che potete controllare prima di contattare uno sviluppatore WordPress che vi offra assistenza.<\/p>\n<ol>\n<li>Verificate se il vostro server sta inviando altri tipi di email. Per verificarlo, potete attivare un&#8217;altra azione di invio di email scrivendo un commento di prova su un post del blog o <a href=\"https:\/\/kinsta.com\/it\/blog\/cambiare-password-wordpress\/#using-the-lost-password-link-to-reset-your-password\">inviando una richiesta di reimpostazione della password<\/a> sulla vostra pagina di login di WordPress. Se ricevete un&#8217;email dopo aver eseguito una di queste azioni, \u00e8 probabile che il problema sia legato alla configurazione di Contact Form 7. Se non ricevete email, contattate il team di supporto del vostro host e fategli sapere che avete un problema con l\u2019invio delle email.<\/li>\n<li>Assicuratevi che i campi &#8220;To&#8221; e &#8220;From&#8221; nelle impostazioni di consegna delle email del vostro modulo di contatto siano configurati correttamente. Affinch\u00e9 Contact Form 7 funzioni correttamente, entrambi i campi devono essere compilati con indirizzi email reali.<\/li>\n<\/ol>\n<h2 id=\"contact-form-7-form-submission-messages\">Messaggi di Invio in Contact Form 7<\/h2>\n<p>Contact Form 7 consente di personalizzare una serie di messaggi di invio del modulo. Questi messaggi vengono visualizzati quando una determinata condizione viene soddisfatta. Ad esempio, se un visitatore dimentica di compilare un campo obbligatorio, Contact Form 7 visualizza un messaggio &#8220;Il campo \u00e8 obbligatorio&#8221;. Per la maggior parte dei casi d&#8217;uso, i messaggi predefiniti dovrebbero funzionare bene. Tuttavia, se volete personalizzare i messaggi, potete fare clic sulla scheda &#8220;Messages&#8221; nell&#8217;editor del modulo di contatto.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-messages.jpg\" alt=\"Personalizzare Contact Form 7 con messaggi situazionali.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Personalizzare Contact Form 7 con messaggi situazionali.<\/figcaption><\/figure>\n<h2 id=\"how-to-secure-your-contact-form\">Come Rendere Sicuro il Vostro Modulo di Contatto<\/h2>\n<p>Poich\u00e9 i bot automatizzati sono diventati pi\u00f9 intelligenti e pervasivi nel corso degli anni, lo spam \u00e8 diventato un problema importante per i moduli di contatto. I moduli di contatto sono generalmente aperti al pubblico su Internet, quindi \u00e8 abbastanza facile per i <a href=\"https:\/\/kinsta.com\/it\/blog\/scraping-contenuti\/\">web scrapers<\/a> individuarli e inviare messaggi di spam alla vostra casella di posta elettronica. Fortunatamente, ci sono vari modi per allontanare gli spammer e proteggere il vostro modulo di contatto.<\/p>\n<h3>Proteggere Contact Form 7 con reCAPTCHA<\/h3>\n<p>Se avete mai inviato un modulo su Internet, probabilmente conoscete gi\u00e0 <a href=\"https:\/\/kinsta.com\/it\/blog\/captcha-wordpress\/\">reCAPTCHA<\/a>, una tecnologia sviluppata da Google per identificare i comportamenti automatizzati dei bot. Le versioni precedenti di reCAPTCHA (V2) richiedevano agli utenti di superare un quiz o una sfida.<\/p>\n<p>L&#8217;ultima versione di reCAPTCHA (V3) non richiede alcuna interazione da parte degli utenti. Al contrario, monitora in modo trasparente l&#8217;attivit\u00e0 degli utenti in background per distinguere tra visitatori umani e visitatori bot. Poich\u00e9 Contact Form 7 supporta reCAPTCHA V3, vi consigliamo di usare quest&#8217;ultima versione perch\u00e9 fornisce una migliore esperienza utente per i visitatori.<\/p>\n<p>Per impostare reCAPTCHA, dovete prima di tutto generare una chiave API. Per farlo, accedete al vostro account Google e andate alla <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\">pagina di configurazione di reCAPTCHA<\/a>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/google-recapatcha-setup.jpg\" alt=\"Registrare un nuovo sito per l'integrazione reCAPTCHA.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Registrare un nuovo sito per l&#8217;integrazione reCAPTCHA.<\/figcaption><\/figure>\n<p>Compilate il modulo di registrazione per creare il vostro reCAPTCHA.<\/p>\n<ul>\n<li><strong>Label &#8211; <\/strong>Specificare un&#8217;etichetta a vostra scelta.<\/li>\n<li><strong>reCAPTCHA Type &#8211; <\/strong>Contact Form 7 supporta reCAPTCHA v3, quindi selezionate quella versione.<\/li>\n<li><strong>Domain &#8211; <\/strong>Se il vostro sito usa un dominio root, aggiungete la versione non-wwww e www del vostro dominio. Se il vostro sito usa un sottodominio, basta aggiungere il sottodominio.<\/li>\n<li><strong>Owners &#8211; <\/strong>L&#8217;indirizzo email associato al vostro account Google verr\u00e0 aggiunto come proprietario per impostazione predefinita. Sentitevi liberi di aggiungere altri indirizzi email se necessario.<\/li>\n<\/ul>\n<p>Dopo aver compilato tutte le opzioni, fate clic su <strong>Submit<\/strong>. Vi saranno quindi presentate la vostra chiave del sito (site key) e la chiave segreta (secret key) specifiche per il sito. Assicuratevi di conservare queste chiavi in un luogo sicuro, perch\u00e9 dovrete aggiungerle a Contact Form 7.<\/p>\n<figure style=\"width: 1791px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/google-recaptcha-site-secret-keys.jpg\" alt=\"La chiave del sito e la chiave segreta su Google reCAPTCHA.\" width=\"1791\" height=\"1040\"><figcaption class=\"wp-caption-text\">La chiave del sito e la chiave segreta su Google reCAPTCHA.<\/figcaption><\/figure>\n<p>Successivamente, fate clic su &#8220;Contact&#8221; nella barra laterale della bacheca WordPress e fate clic su <strong>Integration<\/strong>. Selezionate l&#8217;opzione reCAPTCHA, e incollate la chiave del sito e la chiave segreta nei rispettivi campi. Infine, fate clic su <strong>Save changes<\/strong> per finalizzare l&#8217;integrazione reCAPTCHA.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-recaptcha-keys.jpg\" alt=\"Configurare il reCAPTCHA in Contact Form 7.\" width=\"1500\" height=\"871\">Configurare il reCAPTCHA in Contact Form 7.Dopo aver configurato il reCAPTCHA in Contact Form 7, vedrete un logo reCAPTCHA nell&#8217;angolo in basso a destra della pagina del modulo di contatto. Questo significa che reCAPTCHA \u00e8 attivo e sta proteggendo il vostro modulo di contatto da invii di spam.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-recaptcha-logo.jpg\" alt=\"Modulo di contatto WordPress protetto da reCAPTCHA V3.\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Modulo di contatto WordPress protetto da reCAPTCHA V3.<\/figcaption><\/figure>\n<h3>Proteggere il Modulo di Contatto con Cloudflare (Opzionale)<\/h3>\n<p>Se usate <a href=\"https:\/\/kinsta.com\/it\/blog\/impostazioni-cloudflare-wordpress\/\">Cloudflare per proteggereil vostro sito<\/a>, potete impostare una speciale regola di pagina per il vostro modulo di contatto e ridurre cos\u00ec l&#8217;invio di spam.<\/p>\n<figure style=\"width: 1791px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/cloudflare-page-rule-contact-page.jpg\" alt=\"Proteggere il modulo di contatto con Cloudflare.\" width=\"1791\" height=\"969\"><figcaption class=\"wp-caption-text\">Proteggere il modulo di contatto con Cloudflare.<\/figcaption><\/figure>\n<p>Per aggiungere una regola di pagina, fate clic sulla scheda &#8220;Page Rules&#8221; e usate le seguenti impostazioni per rendere sicura la pagina di contatto:<\/p>\n<ul>\n<li><strong>If the URL Matches &#8211; <\/strong>*your-domain.com\/your-contact-page\/*<\/li>\n<li><strong>Browser Integrity Check &#8211; <\/strong>On<\/li>\n<li><strong>Security Level &#8211; <\/strong>High<\/li>\n<\/ul>\n<p>La funzione &#8220;<a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/200170086-Understanding-the-Cloudflare-Browser-Integrity-Check\">Browser Integrity Check<\/a>&#8221; di Cloudflare analizza le intestazioni HTTP. Se rileva un header HTTP comunemente usato da bot e spammer automatici, nega la richiesta al vostro sito. Impostare il livello di sicurezza (\u201cSecurity Level\u201d) su high metter\u00e0 alla prova tutti i visitatori che hanno avuto un comportamento dannoso nelle ultime due settimane.<\/p>\n<p>Limitando queste impostazioni alla vostra pagina di contatto con la regola di corrispondenza dell&#8217;URL, le altre pagine del vostro sito non saranno interessate. Raccomandiamo questa configurazione perch\u00e9 le normali pagine di &#8220;sola lettura&#8221; del vostro sito non richiedono in genere un&#8217;impostazione di livello di sicurezza pi\u00f9 elevato.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>Contact Form 7 \u00e8 il <a href=\"https:\/\/kinsta.com\/it\/blog\/moduli-di-contatto-per-wordpress\/\">plugin per i moduli di contatto<\/a> pi\u00f9 popolare e per una buona ragione! Potete usarlo per creare qualsiasi cosa, dai moduli di contatto pi\u00f9 semplici, ai quiz di domande e risposte, ai moduli complessi che supportano gli allegati di file e i menu a tendina.<\/p>\n<p>La cosa migliore \u00e8 che include il supporto integrato reCAPTCHA per aiutare a proteggere il vostro modulo di contatto dagli spammer.<\/p>\n<p>Usate Contact Form 7 sul vostro sito WordPress? Se no, qual \u00e8 la vostra opzione preferita? Fatecelo sapere nella sezione commenti qui sotto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nel , rimanere in contatto con il pubblico \u00e8 fondamentale. Creare una lista di email con un servizio come MailChimp vi aiuta a inviare contenuti direttamente &#8230;<\/p>\n","protected":false},"author":125,"featured_media":41253,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[3,3192],"topic":[25900,25873],"class_list":["post-41250","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress","tag-wpplugins","topic-plugin-wordpress","topic-sviluppo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come Configurare Contact Form 7 per il Tuo Sito WordPress<\/title>\n<meta name=\"description\" content=\"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Configurare Contact Form 7 per il Vostro Sito WordPress\" \/>\n<meta property=\"og:description\" content=\"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-15T11:40:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T11:44:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Li\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@bwhli\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Li\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"27 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\"},\"author\":{\"name\":\"Brian Li\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1\"},\"headline\":\"Come Configurare Contact Form 7 per il Vostro Sito WordPress\",\"datePublished\":\"2020-10-15T11:40:11+00:00\",\"dateModified\":\"2023-02-03T11:44:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\"},\"wordCount\":5187,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg\",\"keywords\":[\"WordPress\",\"wpplugins\"],\"articleSection\":[\"I Migliori Plugin e Temi di WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\",\"name\":\"Come Configurare Contact Form 7 per il Tuo Sito WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg\",\"datePublished\":\"2020-10-15T11:40:11+00:00\",\"dateModified\":\"2023-02-03T11:44:42+00:00\",\"description\":\"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg\",\"width\":1024,\"height\":512,\"caption\":\"Contact Form 7\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plugin WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/plugin-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come Configurare Contact Form 7 per il Vostro Sito WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1\",\"name\":\"Brian Li\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g\",\"caption\":\"Brian Li\"},\"description\":\"Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.\",\"sameAs\":[\"https:\/\/brianli.com\",\"https:\/\/x.com\/bwhli\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/brianli\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Configurare Contact Form 7 per il Tuo Sito WordPress","description":"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/","og_locale":"it_IT","og_type":"article","og_title":"Come Configurare Contact Form 7 per il Vostro Sito WordPress","og_description":"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!","og_url":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2020-10-15T11:40:11+00:00","article_modified_time":"2023-02-03T11:44:42+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg","type":"image\/jpeg"}],"author":"Brian Li","twitter_card":"summary_large_image","twitter_description":"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg","twitter_creator":"@bwhli","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Brian Li","Tempo di lettura stimato":"27 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/"},"author":{"name":"Brian Li","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1"},"headline":"Come Configurare Contact Form 7 per il Vostro Sito WordPress","datePublished":"2020-10-15T11:40:11+00:00","dateModified":"2023-02-03T11:44:42+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/"},"wordCount":5187,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg","keywords":["WordPress","wpplugins"],"articleSection":["I Migliori Plugin e Temi di WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/","url":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/","name":"Come Configurare Contact Form 7 per il Tuo Sito WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg","datePublished":"2020-10-15T11:40:11+00:00","dateModified":"2023-02-03T11:44:42+00:00","description":"Imparate a creare moduli di contatto per il tuo sito WordPress con il popolare plugin Contact Form 7!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/contact-form-7\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/configurare-Contact-Form-7-.jpg","width":1024,"height":512,"caption":"Contact Form 7"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/contact-form-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Plugin WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/plugin-wordpress\/"},{"@type":"ListItem","position":3,"name":"Come Configurare Contact Form 7 per il Vostro Sito WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1","name":"Brian Li","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g","caption":"Brian Li"},"description":"Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.","sameAs":["https:\/\/brianli.com","https:\/\/x.com\/bwhli"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/brianli\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/41250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=41250"}],"version-history":[{"count":14,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/41250\/revisions"}],"predecessor-version":[{"id":64740,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/41250\/revisions\/64740"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/translations\/jp"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/41250\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/41253"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=41250"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=41250"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=41250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}