{"id":50239,"date":"2023-11-02T09:00:00","date_gmt":"2023-11-02T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=50239"},"modified":"2026-03-06T12:38:53","modified_gmt":"2026-03-06T11:38:53","slug":"wpforms","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/wpforms\/","title":{"rendered":"WPForms: guida completa"},"content":{"rendered":"\n<p>Se vuoi creare un <strong>modulo <\/strong>di contatto, registrazione, iscrizione a newsletter o tanto altro sul tuo sito WordPress, <strong>WPForms <\/strong>\u00e8 il plugin che fa al caso tuo. <\/p>\n\n\n\n<p>In questa guida ti mostrer\u00f2 passo passo come usare WPForms dall&#8217;installazione alla creazione del modulo fino all&#8217;inserimento nel sito. Vedremo anche altre funzioni avanzate che ci permettono di creare moduli conformi al GDPR, proteggere il modulo dallo <strong>spam <\/strong>e altro ancora.<\/p>\n\n\n\n<p>Iniziamo!<\/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-wp-forms\">Cos&#8217;\u00e8 WPForms<\/a><\/li><li><a href=\"#installare-wp-forms-su-word-press\">Installare WPForms su WordPress<\/a><\/li><li><a href=\"#gestire-i-moduli\">Gestire i moduli<\/a><\/li><li><a href=\"#creare-un-modulo\">Creare un modulo<\/a><ul><li><a href=\"#modificare-le-opzioni-dei-campi\">Modificare le opzioni dei campi<\/a><ul><li><a href=\"#modificare-letichetta\">Modificare l&#8217;etichetta<\/a><\/li><li><a href=\"#modificare-il-formato\">Modificare il formato<\/a><\/li><li><a href=\"#rendere-i-campi-obbligatori\">Rendere i campi obbligatori<\/a><\/li><li><a href=\"#aggiungere-una-descrizione\">Aggiungere una descrizione<\/a><\/li><li><a href=\"#cambiare-la-dimensione-del-campo\">Cambiare la dimensione del campo<\/a><\/li><li><a href=\"#mostrare-o-nascondere-etichette-e-segnaposti\">Mostrare o nascondere etichette e segnaposti<\/a><\/li><\/ul><\/li><li><a href=\"#modificare-le-impostazioni-del-modulo\">Modificare le impostazioni del modulo<\/a><ul><li><a href=\"#impostazioni-generale\">Impostazioni &gt; Generale<\/a><\/li><li><a href=\"#impostazioni-protezione-dallo-spam-e-sicurezza\">Impostazioni &gt; Protezione dallo spam e sicurezza<\/a><\/li><li><a href=\"#impostazioni-notifiche\">Impostazioni &gt; Notifiche<\/a><\/li><li><a href=\"#impostazioni-conferme\">Impostazioni &gt; Conferme<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#inserire-il-modulo-creato-con-wp-forms-nel-sito\">Inserire il modulo creato con WPForms nel sito<\/a><ul><li><a href=\"#inserire-il-modulo-in-una-pagina-dalleditor\">Inserire il modulo in una pagina dall&#8217;editor<\/a><\/li><li><a href=\"#usare-la-funzione-embed-di-wp-forms\">Usare la funzione embed di WPForms<\/a><\/li><li><a href=\"#inserire-il-modulo-in-un-widget-di-word-press\">Inserire il modulo in un widget di WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#wp-forms-altre-funzioni\">WPForms: altre funzioni<\/a><ul><li><a href=\"#adeguare-il-modulo-al-gdpr\">Adeguare il modulo al GDPR<\/a><\/li><li><a href=\"#inserire-accettazione-dei-termini-di-servizio-allinterno-del-modulo\">Inserire accettazione dei termini di servizio all&#8217;interno del modulo<\/a><\/li><li><a href=\"#integrare-google-re-captcha-con-wp-forms\">Integrare Google reCAPTCHA con WPForms<\/a><\/li><li><a href=\"#esportare-i-moduli-da-un-sito-allaltro\">Esportare i moduli da un sito all&#8217;altro<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-guida-completa-1024x538.png\" alt=\"Wpforms Guida Completa\" class=\"wp-image-50654\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-guida-completa-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-guida-completa-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-guida-completa-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-guida-completa-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-guida-completa.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-wp-forms\">Cos&#8217;\u00e8 WPForms<\/h2>\n\n\n\n<p>WPForms \u00e8 un plugin di WordPress che ci permette di creare con facilit\u00e0 <strong>diversi tipi di moduli<\/strong>: da moduli di contatto e di iscrizione a newsletter fino a moduli di pagamento e sondaggi.<\/p>\n\n\n\n<p>Caratteristiche principali di WPForms:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Drag &amp; Drop: <\/strong>si possono creare moduli in pochi minuti trascinando direttamente i campi che vogliamo inserire.<\/li>\n\n\n\n<li><strong>Template pronti<\/strong>: se non vuoi creare un form da zero, WPForms ti offre gi\u00e0 una serie di modelli pronti all&#8217;uso tra cui uno per le <a href=\"https:\/\/supporthost.com\/it\/plugin-recensioni-wordpress\/\">recensioni<\/a>.<\/li>\n\n\n\n<li><strong>Responsivo<\/strong>: aggiungi il tuo modulo e questo si adatter\u00e0 a tutti i dispositivi.<\/li>\n\n\n\n<li><strong>Incorporazione rapida<\/strong>: puoi inserire i moduli creati in pagine, articoli, ma anche nei widget o nel footer.<\/li>\n\n\n\n<li><strong>Stop allo spam<\/strong>: puoi usare i captcha integrati per prevenire efficacemente lo spam.<\/li>\n\n\n\n<li><strong>Ricezione dei pagamenti<\/strong>: consente di ricevere ordini e pagamenti ed \u00e8 utile quando non vuoi usare un <a href=\"https:\/\/supporthost.com\/it\/plugin-pagamento-wordpress\/\">plugin di pagamento<\/a> separato.<\/li>\n<\/ul>\n\n\n\n<p>Il plugin \u00e8 disponibile in due versioni <strong>WPForms Lite<\/strong> \u00e8 la versione <strong>gratuita <\/strong>che puoi installare direttamente dall&#8217;area di amministrazione del tuo sito WordPress. <strong>WPForms Pro<\/strong> \u00e8 la versione <strong>premium <\/strong>che ha pi\u00f9 funzioni tra cui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aggiunta di campi avanzati come caricamento file, valutazioni, captcha personalizzato, rich text e altri.<\/li>\n\n\n\n<li>Ricezione di pagamenti da pi\u00f9 canali, nel caso della versione Lite solo via Stripe. Per saperne di pi\u00f9 leggi come <a href=\"https:\/\/supporthost.com\/it\/stripe-wordpress\/\">integrare Stripe su WordPress<\/a> e come <a href=\"https:\/\/supporthost.com\/it\/vendere-su-wordpress-senza-woocommerce\/\">vendere su WordPress senza WooCommerce<\/a> usando proprio un plugin come WPForms.<\/li>\n\n\n\n<li>Integrazione con sistemi di email marketing di terze parti come <a href=\"https:\/\/supporthost.com\/it\/mailchimp\/\" data-type=\"post\" data-id=\"59016\">Mailchimp<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installare-wp-forms-su-word-press\">Installare WPForms su WordPress<\/h2>\n\n\n\n<p>La prima cosa da fare \u00e8 <strong>installare <\/strong>il plugin WPForms direttamente dalla bacheca di WordPress.<\/p>\n\n\n\n<p>Per farlo andiamo su <em>Plugin &gt; Aggiungi nuovo<\/em> e usiamo la barra di ricerca per trovare &#8220;WPForms&#8221;, quindi clicchiamo sul pulsante &#8220;Installa ora&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"358\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/come-installare-wpforms-su-wordpress-1024x358.png\" alt=\"Come Installare Wpforms Su WordPress\" class=\"wp-image-50241\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/come-installare-wpforms-su-wordpress-1024x358.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/come-installare-wpforms-su-wordpress-300x105.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/come-installare-wpforms-su-wordpress-768x269.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/come-installare-wpforms-su-wordpress-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/come-installare-wpforms-su-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Aspettiamo per qualche istante e, dopo l&#8217;installazione, il pulsante sar\u00e0 diventato &#8220;Attiva&#8221; e ci permetter\u00e0 di <strong>attivare <\/strong>il plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"831\" height=\"404\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-wpforms.png\" alt=\"Attivare Wpforms\" class=\"wp-image-50242\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-wpforms.png 831w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-wpforms-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-wpforms-768x373.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-wpforms-120x58.png 120w\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" \/><\/figure>\n\n\n\n<p><strong>Nota<\/strong>: se hai acquistato la versione Pro, dovrai effettuare l&#8217;accesso al tuo account di WPForms e scaricare il file zip del plugin. Dopodich\u00e9 dovrai andare su <em>Plugin &gt; Aggiungi nuovo<\/em> e cliccare su<em> Carica plugin<\/em>. Dopo averlo installato e attivato, dovrai inserire la chiave di licenza andando su <em>WPForms &gt; Impostazioni<\/em> e inserendola nella sezione &#8220;codice della licenza&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gestire-i-moduli\">Gestire i moduli<\/h2>\n\n\n\n<p>Prima di andare a vedere nel dettaglio come creare un modulo con WPForms, vediamo dove verranno salvati i form creati e come si fa a gestirli.<\/p>\n\n\n\n<p>Cliccando su <em>WPForms &gt; Tutti i moduli <\/em>possiamo vedere la lista dei moduli che abbiamo creato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"213\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gestione-moduli-wpforms-1024x213.png\" alt=\"Gestione Moduli Wpforms\" class=\"wp-image-50243\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gestione-moduli-wpforms-1024x213.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gestione-moduli-wpforms-300x63.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gestione-moduli-wpforms-768x160.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gestione-moduli-wpforms-120x25.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gestione-moduli-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da qui possiamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>modificare moduli esistenti;<\/li>\n\n\n\n<li>visualizzare un&#8217;anteprima del modulo;<\/li>\n\n\n\n<li>duplicare;<\/li>\n\n\n\n<li>eliminare.<\/li>\n<\/ul>\n\n\n\n<p>Nella tabella puoi vedere anche lo shortcode di ogni modulo. Questo shortcode pu\u00f2 essere utilizzato per incorporare il modulo nel sito.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creare-un-modulo\">Creare un modulo<\/h2>\n\n\n\n<p>Iniziamo dalla creazione di un modulo semplice partendo da uno dei modelli gi\u00e0 pronti di WPForms.<\/p>\n\n\n\n<p>Per creare un modulo clicchiamo su <em>WPForms &gt; Aggiungi nuovo<\/em>. In questo modo si aprir\u00e0 il <strong>form builder<\/strong> da cui potremo creare il nostro primo modulo.<\/p>\n\n\n\n<p>La prima volta che apriamo il costruttore di moduli, verr\u00e0 avviata in automatico una procedura guidata che ci suggerisce cosa fare.<\/p>\n\n\n\n<p>Passo 1: scegliamo il nome del modulo. Per questo esempio creeremo un modulo di contatto simile a quello che abbiamo su SupportHost e chiameremo il nostro modulo &#8220;Contattaci&#8221;.<\/p>\n\n\n\n<p>Passo 2: scegliamo un template. Nel nostro caso abbiamo selezionato &#8220;modulo di contatto semplice&#8221;. Dopo aver scelto il modello da usare, fai click su &#8220;Usa il template&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-modulo-di-contatto-wpforms-impostazioni-1024x487.png\" alt=\"Creare Modulo Di Contatto Wpforms Impostazioni\" class=\"wp-image-50245\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-modulo-di-contatto-wpforms-impostazioni-1024x487.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-modulo-di-contatto-wpforms-impostazioni-300x143.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-modulo-di-contatto-wpforms-impostazioni-768x365.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-modulo-di-contatto-wpforms-impostazioni-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-modulo-di-contatto-wpforms-impostazioni.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver scelto il template, ci viene mostrata la schermata &#8220;Campi&#8221; da cui potremo modificare e aggiungere campi al nostro modulo di contatto.<\/p>\n\n\n\n<p>La sezione di sinistra ci permette di vedere la lista dei campi disponibili e le opzioni dei campi selezionati.<\/p>\n\n\n\n<p>Per <strong>aggiungere un nuovo campo<\/strong> ci basta trascinarlo come in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"378\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/trascinare-campo-wpforms-1024x378.png\" alt=\"Trascinare Campo Wpforms\" class=\"wp-image-50246\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/trascinare-campo-wpforms-1024x378.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/trascinare-campo-wpforms-300x111.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/trascinare-campo-wpforms-768x284.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/trascinare-campo-wpforms-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/trascinare-campo-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo modificare l&#8217;ordine dei campi trascinandoli nella posizione desiderata anche dopo averli inseriti. In questo esempio abbiamo aggiunto un campo &#8220;Oggetto&#8221; sotto il campo &#8220;Email&#8221;.<\/p>\n\n\n\n<p>Passando il mouse sopra un campo possiamo anche duplicarlo o eliminarlo attraverso i due pulsanti in alto a destra:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-modulo-di-contatto-wpforms-duplica-elimina-1024x390.png\" alt=\"Modificare Modulo Di Contatto Wpforms Duplica Elimina\" class=\"wp-image-50247\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-modulo-di-contatto-wpforms-duplica-elimina-1024x390.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-modulo-di-contatto-wpforms-duplica-elimina-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-modulo-di-contatto-wpforms-duplica-elimina-768x292.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-modulo-di-contatto-wpforms-duplica-elimina-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-modulo-di-contatto-wpforms-duplica-elimina.png 1196w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inoltre possiamo usare i pulsanti in alto per vedere l&#8217;<strong>anteprima<\/strong> del modulo che stiamo creando e per <strong>salvare<\/strong>.<\/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\/10\/modulo-wpforms-anteprima-salva-1024x239.png\" alt=\"Modulo Wpforms Anteprima Salva\" class=\"wp-image-50248\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-anteprima-salva-1024x239.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-anteprima-salva-300x70.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-anteprima-salva-768x179.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-anteprima-salva-120x28.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-anteprima-salva.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se, invece, vogliamo annullare alcune delle modifiche fatte, possiamo usare il pulsante &#8220;<em>Revisioni del modulo<\/em>&#8221; che ho evidenziato in questa schermata. Da qui sar\u00e0 possibile ripristinare le modifiche tornando a una delle versioni precedenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/revisioni-del-modulo-wpforms-1024x507.png\" alt=\"Revisioni Del Modulo Wpforms\" class=\"wp-image-50249\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/revisioni-del-modulo-wpforms-1024x507.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/revisioni-del-modulo-wpforms-300x149.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/revisioni-del-modulo-wpforms-768x380.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/revisioni-del-modulo-wpforms-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/revisioni-del-modulo-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adesso vediamo come <strong>personalizzare i campi<\/strong> del modulo creato con WPForms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modificare-le-opzioni-dei-campi\">Modificare le opzioni dei campi<\/h3>\n\n\n\n<p>Ogni campo ha delle opzioni che possiamo modificare, vediamo quali sono le principali.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-letichetta\">Modificare l&#8217;etichetta<\/h4>\n\n\n\n<p>Quando facciamo click su un campo ci vengono mostrate nel pannello di sinistra le <strong>opzioni del campo<\/strong>.<\/p>\n\n\n\n<p>Nella scheda &#8220;Generale&#8221; troviamo per prima cosa l&#8217;etichetta. Questo campo viene generato in automatico con il tipo di campo, per esempio per &#8220;nome e cognome&#8221; l&#8217;etichetta sar\u00e0 &#8220;Nome&#8221;.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-il-formato\">Modificare il formato<\/h4>\n\n\n\n<p>In base al campo che abbiamo selezionato \u00e8 possibile scegliere tra diversi formati. Per esempio il campo nome pu\u00f2 essere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>semplice<\/strong>: nel form viene aggiunto un solo campo in cui l&#8217;utente potr\u00e0 inserire nome e cognome;<\/li>\n\n\n\n<li><strong>nome cognome<\/strong>: vengono creati due campi separati per nome e cognome;<\/li>\n\n\n\n<li><strong>nome secondo nome cognome<\/strong>: crea tre campi.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"375\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-del-campo-formato-wpforms-1024x375.png\" alt=\"Opzioni Del Campo Formato Wpforms\" class=\"wp-image-50250\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-del-campo-formato-wpforms-1024x375.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-del-campo-formato-wpforms-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-del-campo-formato-wpforms-768x281.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-del-campo-formato-wpforms-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-del-campo-formato-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"rendere-i-campi-obbligatori\">Rendere i campi obbligatori<\/h4>\n\n\n\n<p>Nell&#8217;esempio di template che abbiamo scelto ci sono dei campi contrassegnati con un asterisco: si tratta dei <strong>campi obbligatori<\/strong>.<\/p>\n\n\n\n<p>Possiamo rendere altri campi obbligatori o modificare queste impostazioni dalle opzioni del campo: clicchiamo sul campo, per esempio &#8220;Nome&#8221; e poi possiamo attivare o disattivare l&#8217;opzione<em> obbligatorio<\/em> come ho indicato in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"381\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-obbligario-wpforms-1024x381.png\" alt=\"Campo Nome Obbligario Wpforms\" class=\"wp-image-50251\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-obbligario-wpforms-1024x381.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-obbligario-wpforms-300x112.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-obbligario-wpforms-768x285.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-obbligario-wpforms-120x45.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-obbligario-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aggiungere-una-descrizione\">Aggiungere una descrizione<\/h4>\n\n\n\n<p>Possiamo anche inserire una descrizione per aggiungere informazioni da mostrare sotto il campo come in questo esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-esempio-descrizione-1024x364.png\" alt=\"Modulo Wpforms Esempio Descrizione\" class=\"wp-image-50252\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-esempio-descrizione-1024x364.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-esempio-descrizione-300x107.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-esempio-descrizione-768x273.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-esempio-descrizione-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-wpforms-esempio-descrizione.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"cambiare-la-dimensione-del-campo\">Cambiare la dimensione del campo<\/h4>\n\n\n\n<p>Cliccando sulla scheda <em>Avanzate <\/em>possiamo modificare la dimensione del campo tra: piccola, media e grande.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"mostrare-o-nascondere-etichette-e-segnaposti\">Mostrare o nascondere etichette e segnaposti<\/h4>\n\n\n\n<p>Ogni campo pu\u00f2 essere accompagnato da un&#8217;etichetta e\/o un segnaposto. L&#8217;etichetta viene mostrata in alto, mentre le sotto-etichette vengono aggiunte sotto i campi. Cliccando sulla scheda &#8220;Avanzate&#8221; dopo aver selezionato il campo da modificare, possiamo scegliere se mostrare o nascondere etichetta e sotto-etichette.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-wpforms-scheda-avanzate-1024x541.png\" alt=\"Campo Wpforms Scheda Avanzate\" class=\"wp-image-50253\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-wpforms-scheda-avanzate-1024x541.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-wpforms-scheda-avanzate-300x159.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-wpforms-scheda-avanzate-768x406.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-wpforms-scheda-avanzate-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-wpforms-scheda-avanzate.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da qui possiamo anche inserire un <strong>segnaposto<\/strong>: il segnaposto \u00e8 un testo che viene mostrato nel campo finch\u00e9 l&#8217;utente non clicca per inserire i suoi dati.<\/p>\n\n\n\n<p>In questo esempio ho evidenziato l&#8217;etichetta (nome in alto) e le sotto-etichette (nome, cognome) in rosso, e i segnaposti in blu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/etichette-sotto-etichette-e-segnaposti-wpforms-1024x439.png\" alt=\"Etichette Sotto Etichette E Segnaposti Wpforms\" class=\"wp-image-50254\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/etichette-sotto-etichette-e-segnaposti-wpforms-1024x439.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/etichette-sotto-etichette-e-segnaposti-wpforms-300x129.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/etichette-sotto-etichette-e-segnaposti-wpforms-768x330.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/etichette-sotto-etichette-e-segnaposti-wpforms-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/etichette-sotto-etichette-e-segnaposti-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modificare-le-impostazioni-del-modulo\">Modificare le impostazioni del modulo<\/h3>\n\n\n\n<p>Quando siamo soddisfatti dei campi inseriti possiamo passare alla sezione &#8220;Impostazioni&#8221;. Vediamo quali opzioni ci sono.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-generale\">Impostazioni &gt; Generale<\/h4>\n\n\n\n<p>La sezione &#8220;Generale&#8221; delle Impostazioni di WPForms ci permette di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>modificare il nome del modulo;<\/li>\n\n\n\n<li>aggiungere una descrizione;<\/li>\n\n\n\n<li>aggiungere dei tag;<\/li>\n\n\n\n<li>cambiare il testo del pulsante &#8220;Invia&#8221;;<\/li>\n\n\n\n<li>cambiare il testo che viene mostrato dopo che \u00e8 stato cliccato &#8220;Invia&#8221;.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-generale-1024x464.png\" alt=\"Wpforms Impostazioni Generale\" class=\"wp-image-50255\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-generale-1024x464.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-generale-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-generale-768x348.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-generale-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-generale.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Scorrendo in basso possiamo espandere la sezione &#8220;Avanzate&#8221;. Da qui possiamo inserire classi css personalizzate per il modulo e per il pulsante &#8220;Invia&#8221; e modificare le impostazioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Abilita Precompila per URL<\/strong>: consente di popolare i campi prelevando le informazioni passate tramite parametri nell&#8217;URL.<\/li>\n\n\n\n<li><strong>Abilita l&#8217;invio del modulo AJAX<\/strong>: consente di inviare il modulo senza ricaricare la pagina.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-protezione-dallo-spam-e-sicurezza\">Impostazioni &gt; Protezione dallo spam e sicurezza<\/h4>\n\n\n\n<p>Le impostazioni di sicurezza di WPForms ci aiutano ad assicurarci che solo persone <em>reali<\/em> compilino il modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-protezione-dallo-spam-sicurezza-1024x497.png\" alt=\"Wpforms Protezione Dallo Spam Sicurezza\" class=\"wp-image-50257\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-protezione-dallo-spam-sicurezza-1024x497.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-protezione-dallo-spam-sicurezza-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-protezione-dallo-spam-sicurezza-768x372.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-protezione-dallo-spam-sicurezza-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-protezione-dallo-spam-sicurezza.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Abilita la protezione anti-spam<\/strong>: questa opzione \u00e8 la protezione antispam integrata di WPForms e viene attivata per impostazione predefinita.<\/p>\n\n\n\n<p><strong>Abilita la protezione antispam Akismet:<\/strong> richiede di aver installato e attivato <a href=\"https:\/\/supporthost.com\/it\/akismet\/\" data-type=\"post\" data-id=\"67655\">Akismet<\/a> e permette di usare le impostazioni di Akismet per proteggere i moduli.<\/p>\n\n\n\n<p><strong>Store spam entries in the database<\/strong>: attivando questa opzione le richieste identificate come spam saranno memorizzate e potremo fare una revisione manuale per trovare eventuali falsi positivi.<\/p>\n\n\n\n<p><strong>Enable minimum time to submit<\/strong>: ci permette di impostare un tempo minimo prima dell&#8217;invio del form per ridurre i tentativi di compilazione da parte di bot. Se qualcuno tenta di inviare il modulo prima del tempo minimo verr\u00e0 mostrato un errore che invita ad aspettare prima di procedere con l&#8217;invio.<\/p>\n\n\n\n<p>WPForms ci permette anche di aggiungere un <a href=\"https:\/\/supporthost.com\/it\/codice-captcha\/\" data-type=\"post\" data-id=\"17097\">codice captcha<\/a> per proteggere i moduli che inseriremo sul nostro sito.<\/p>\n\n\n\n<p>Con la versione gratuita del plugin \u00e8 possibile integrare questi tipi di sistemi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google reCAPTCHA<\/li>\n\n\n\n<li>hCaptcha<\/li>\n\n\n\n<li>Cloudflare Turnstile.<\/li>\n<\/ul>\n\n\n\n<p>Con la versione Pro di WPForms \u00e8 anche possibile inserire un filtro paese per bloccare paesi specifici, aggiungere un filtro in base alle parole chiave o usare un captcha personalizzato.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-notifiche\">Impostazioni &gt; Notifiche<\/h4>\n\n\n\n<p>La sezione &#8220;Notifiche&#8221; delle impostazioni di WPForms ci permette di <strong>configurare le email <\/strong>che riceveremo quando un utente invia un modulo.<\/p>\n\n\n\n<p>Per prima cosa possiamo assicurarci che le notifiche siano attive:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/notifiche-wpforms-notifiche-attive-1024x332.png\" alt=\"Notifiche Wpforms Notifiche Attive\" class=\"wp-image-50258\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/notifiche-wpforms-notifiche-attive-1024x332.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/notifiche-wpforms-notifiche-attive-300x97.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/notifiche-wpforms-notifiche-attive-768x249.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/notifiche-wpforms-notifiche-attive-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/notifiche-wpforms-notifiche-attive.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u00c8 possibile modificare le impostazioni di notifica predefinite oppure creare una nuova notifica cliccando su &#8220;Aggiungi una nuova notifica&#8221; (funzione disponibile solo con la versione pro di WPForms).<\/p>\n\n\n\n<p>Per chi ha la versione Lite \u00e8 possibile modificare le impostazioni della notifica predefinita. Vediamo quali sono le opzioni.<\/p>\n\n\n\n<p><strong>Invio a indirizzo email<\/strong>: qui dobbiamo inserire l&#8217;indirizzo email di destinazione. Per impostazione predefinita verr\u00e0 usato l&#8217;indirizzo email dell&#8217;amministratore del sito WordPress, ma puoi sostituirlo con un altro indirizzo. Puoi anche inserire pi\u00f9 indirizzi separandoli con una virgola.<\/p>\n\n\n\n<p><strong>Oggetto dell&#8217;email<\/strong>: questo sar\u00e0 l&#8217;oggetto dell&#8217;email che riceveremo quando qualcuno compila il modulo, possiamo personalizzarlo aggiungendo tag come il nome del modulo e quello del sito.<\/p>\n\n\n\n<p><strong>Nome mittente<\/strong>: per impostazione predefinita vien usato il nome del sito come mittente.<\/p>\n\n\n\n<p><strong>Email mittente<\/strong>: per impostazione predefinita viene impostata l&#8217;email dell&#8217;amministratore. Il plugin raccomanda di utilizzare un&#8217;email associata al dominio per evitare che le notifiche vengano bloccate o finiscano nello spam.<\/p>\n\n\n\n<p><strong>Rispondi a<\/strong>: in questo campo viene usato il tag che preleva l&#8217;indirizzo email di chi ha compilato il modulo. In questo modo possiamo usare la funzione &#8220;rispondi&#8221; dell&#8217;email per rispondere direttamente all&#8217;utente che ci ha contattati.<\/p>\n\n\n\n<p><strong>Testo dell&#8217;email<\/strong>: da qui possiamo stabilire quale sar\u00e0 il contenuto delle email. L&#8217;impostazione predefinita preleva tutti i campi del modulo, ma noi possiamo anche modificarlo e aggiungere la formattazione HTML.<\/p>\n\n\n\n<p class=\"note\"><strong>Nota<\/strong>: se hai problemi a inviare le email, puoi inviare le email via SMTP anzich\u00e9 usare la funzione PHP nativa. Leggi di pi\u00f9 sulla guida all&#8217;<a href=\"https:\/\/supporthost.com\/it\/wordpress-smtp\/\" data-type=\"post\" data-id=\"34478\">invio di email con SMTP in WordPress<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-conferme\">Impostazioni &gt; Conferme<\/h4>\n\n\n\n<p>Dalla sezione &#8220;Conferme&#8221; delle impostazioni possiamo scegliere che tipo di conferma mostrare all&#8217;utente che ha compilato con successo il modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-conferme-wpforms-1024x426.png\" alt=\"Impostazioni Conferme Wpforms\" class=\"wp-image-50259\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-conferme-wpforms-1024x426.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-conferme-wpforms-300x125.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-conferme-wpforms-768x319.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-conferme-wpforms-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-conferme-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se scegliamo l&#8217;opzione &#8220;<em>messaggio<\/em>&#8221; possiamo inserire un messaggio che verr\u00e0 mostrato all&#8217;utente dopo aver inviato il modulo, ecco un esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-di-wpforms-1024x343.png\" alt=\"Esempio Di Messaggio Di Conferma Di Wpforms\" class=\"wp-image-50260\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-di-wpforms-1024x343.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-di-wpforms-300x101.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-di-wpforms-768x257.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-di-wpforms-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-di-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Altrimenti possiamo selezionare &#8220;Mostra la pagina&#8221; e scegliere dal menu a tendina la pagina da mostrare. In questo modo possiamo creare una <strong>pagina di ringraziamento <\/strong>da mostrare agli utenti. Tieni presente che devi prima creare la pagina per poterla poi selezionare da queste impostazioni.<\/p>\n\n\n\n<p>L&#8217;opzione &#8220;Vai alla URL (Redirect)&#8221; \u00e8 utile se vogliamo rimandare gli utenti a un sito diverso per mostrare una pagina o un messaggio di conferma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inserire-il-modulo-creato-con-wp-forms-nel-sito\">Inserire il modulo creato con WPForms nel sito<\/h2>\n\n\n\n<p>Ora che abbiamo creato il nostro primo modulo con WPForms, possiamo inserirlo nel nostro sito.<\/p>\n\n\n\n<p>Ci sono diversi metodi per farlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-in-una-pagina-dalleditor\">Inserire il modulo in una pagina dall&#8217;editor<\/h3>\n\n\n\n<p>Se vogliamo inserire il modulo in una pagina possiamo farlo direttamente da <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">Gutenberg<\/a>. Ci basta modificare la pagina in cui vogliamo inserirlo e aggiungere un blocco &#8220;Wpforms&#8221; come ti mostro qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-modulo-wpforms-in-una-pagina-da-gutenberg-1024x525.png\" alt=\"Inserire Modulo Wpforms In Una Pagina Da Gutenberg\" class=\"wp-image-50261\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-modulo-wpforms-in-una-pagina-da-gutenberg-1024x525.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-modulo-wpforms-in-una-pagina-da-gutenberg-300x154.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-modulo-wpforms-in-una-pagina-da-gutenberg-768x394.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-modulo-wpforms-in-una-pagina-da-gutenberg-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-modulo-wpforms-in-una-pagina-da-gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 dobbiamo selezionare il modulo da inserire nella pagina attraverso il menu a tendina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"526\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-da-inserire-nella-pagina.png\" alt=\"Selezionare Modulo Da Inserire Nella Pagina\" class=\"wp-image-50262\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-da-inserire-nella-pagina.png 819w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-da-inserire-nella-pagina-300x193.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-da-inserire-nella-pagina-768x493.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-da-inserire-nella-pagina-98x63.png 98w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<p>Dopo aver cliccato sul modulo \u00e8 possibile modificare alcune impostazioni dalla sezione &#8220;Blocco&#8221; di Gutenberg.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-impostazioni-modulo-da-gutenberg-1024x561.png\" alt=\"Modificare Impostazioni Modulo Da Gutenberg\" class=\"wp-image-50263\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-impostazioni-modulo-da-gutenberg-1024x561.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-impostazioni-modulo-da-gutenberg-300x164.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-impostazioni-modulo-da-gutenberg-768x420.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-impostazioni-modulo-da-gutenberg-115x63.png 115w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-impostazioni-modulo-da-gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da <strong>Impostazioni modulo<\/strong> possiamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>selezionare un modulo diverso da mostrare nella pagina;<\/li>\n\n\n\n<li>scegliere se mostrare il titolo e la descrizione.<\/li>\n<\/ul>\n\n\n\n<p><strong>Stili del campo<\/strong> ci permette di personalizzare dimensioni dei campi e raggio del bordo (aumentandolo possiamo rendere i bordi arrotondati), inoltre possiamo cambiare colore di sfondo, bordi e testo.<\/p>\n\n\n\n<p><strong>Stili delle etichette<\/strong> ci permette di modificare dimensioni e colori di etichette, sottoetichette e messaggi di errore.<\/p>\n\n\n\n<p><strong>Stili dei pulsanti<\/strong> tramite cui possiamo cambiare dimensione, raggio e colori dei pulsanti ma anche di scelte multiple e checkbox.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"usare-la-funzione-embed-di-wp-forms\">Usare la funzione embed di WPForms<\/h3>\n\n\n\n<p>Quando stiamo modificando un modulo di contatto con WPForms possiamo cliccare sul pulsante &#8220;Embed&#8221; per avviare la procedura guidata per l&#8217;inserimento del modulo nelle pagine del nostro sito WordPress.<\/p>\n\n\n\n<p>Dopo aver cliccato su &#8220;Embed&#8221; possiamo scegliere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>seleziona una pagina<\/strong>: per inserire il modulo in una pagina esistente;<\/li>\n\n\n\n<li><strong>crea una nuova pagina<\/strong>: per crearne una nuova.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"348\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incorporare-modulo-wpforms-procedura-guidata-1024x348.png\" alt=\"Incorporare Modulo Wpforms Procedura Guidata\" class=\"wp-image-50264\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incorporare-modulo-wpforms-procedura-guidata-1024x348.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incorporare-modulo-wpforms-procedura-guidata-300x102.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incorporare-modulo-wpforms-procedura-guidata-768x261.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incorporare-modulo-wpforms-procedura-guidata-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incorporare-modulo-wpforms-procedura-guidata.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel primo caso scegliamo la pagina dal menu a tendina e clicchiamo su &#8220;Andiamo&#8221;.<\/p>\n\n\n\n<p>Nel secondo caso inseriamo il nome della pagina e clicchiamo su &#8220;Andiamo&#8221;.<\/p>\n\n\n\n<p>A questo punto la procedura guidata ci mostrer\u00e0 passo passo come inserire il blocco nella pagina, esattamente come abbiamo visto prima.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-in-un-widget-di-word-press\">Inserire il modulo in un widget di WordPress<\/h3>\n\n\n\n<p>Oltre a poter inserire i moduli creati con WPForms all&#8217;interno delle pagine del nostro sito, possiamo anche usare i <strong>widget <\/strong>per mostrare i moduli in altre aree come la sidebar o il footer.<\/p>\n\n\n\n<p>Dal menu laterale di WordPress clicchiamo su <em>Aspetto &gt; Widget<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"407\" height=\"232\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-aspetto-widget.png\" alt=\"Wordpress Aspetto Widget\" class=\"wp-image-21986\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-aspetto-widget.png 407w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-aspetto-widget-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-aspetto-widget-111x63.png 111w\" sizes=\"auto, (max-width: 407px) 100vw, 407px\" \/><\/figure>\n\n\n\n<p>Da qui selezioniamo l&#8217;area in cui inserirlo, per esempio il footer e clicchiamo sul pulsante &#8220;+&#8221;, cerchiamo wpforms e poi inseriamo il blocco. A questo punto dobbiamo scegliere dal menu a tendina quale modulo mostrare e poi possiamo modificare le impostazioni dal menu di destra come abbiamo fatto prima per la pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-modulo-di-contatto-nel-footer-di-wordpress-1024x517.png\" alt=\"Aggiungere Modulo Di Contatto Nel Footer Di WordPress\" class=\"wp-image-50267\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-modulo-di-contatto-nel-footer-di-wordpress-1024x517.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-modulo-di-contatto-nel-footer-di-wordpress-300x152.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-modulo-di-contatto-nel-footer-di-wordpress-768x388.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-modulo-di-contatto-nel-footer-di-wordpress-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-modulo-di-contatto-nel-footer-di-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Quando abbiamo finito clicchiamo sul pulsante &#8220;Aggiorna&#8221; e andiamo a vedere il risultato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-form-di-contatto-inserito-nel-footer-1024x547.png\" alt=\"Esempio Di Form Di Contatto Inserito Nel Footer\" class=\"wp-image-50268\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-form-di-contatto-inserito-nel-footer-1024x547.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-form-di-contatto-inserito-nel-footer-300x160.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-form-di-contatto-inserito-nel-footer-768x410.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-form-di-contatto-inserito-nel-footer-118x63.png 118w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-form-di-contatto-inserito-nel-footer.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wp-forms-altre-funzioni\">WPForms: altre funzioni<\/h2>\n\n\n\n<p>Finora abbiamo visto come creare un modulo con WPForms e aggiungerlo al nostro sito.<\/p>\n\n\n\n<p>Ora entriamo nel dettaglio e andiamo a vedere alcune funzioni pi\u00f9 avanzate del plugin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>aggiungere l&#8217;accettazione per la privacy;<\/li>\n\n\n\n<li>inserire disclaimer o termini di servizio all&#8217;interno del modulo;<\/li>\n\n\n\n<li>integrare Google reCAPTCHA.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adeguare-il-modulo-al-gdpr\">Adeguare il modulo al GDPR<\/h3>\n\n\n\n<p>Attraverso la scheda &#8220;generale&#8221; delle impostazioni di WPForms possiamo inserire la chiave della licenza nel caso in cui abbiamo acquistato la versione pro del plugin.<\/p>\n\n\n\n<p>Andiamo su <em>WPForms &gt; Impostazioni<\/em> e apriamo la scheda &#8220;generale&#8221;.<\/p>\n\n\n\n<p>Da qui possiamo attivare le funzioni per il GDPR (regolamento generale sulla protezione dei dati).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-opzione-gdpr-wpforms-1024x423.png\" alt=\"Attivare Opzione Gdpr Wpforms\" class=\"wp-image-50269\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-opzione-gdpr-wpforms-1024x423.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-opzione-gdpr-wpforms-300x124.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-opzione-gdpr-wpforms-768x317.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-opzione-gdpr-wpforms-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-opzione-gdpr-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Attivando questa opzione potremo aggiungere ai nostri moduli la casella di accettazione per la privacy. Dopo aver attivato l&#8217;opzione possiamo modificare il nostro modulo di contatto e andare ad aggiungere il campo &#8220;Accettazione GDPR&#8221;.<\/p>\n\n\n\n<p>Si tratta di una campo di tipo checkbox ma con caratteristiche specifiche per il regolamento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il campo \u00e8 reso obbligatorio e non pu\u00f2 essere modificato;<\/li>\n\n\n\n<li>la casella non pu\u00f2 essere pre-selezionata;<\/li>\n\n\n\n<li>non possiamo aggiungere altre opzioni al campo.<\/li>\n<\/ul>\n\n\n\n<p>Facendo click su &#8220;opzioni del campo&#8221; possiamo modificare l&#8217;etichetta e la dicitura della casella.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-accettazione-gdpr-wpforms-1024x481.png\" alt=\"Campo Accettazione Gdpr Wpforms\" class=\"wp-image-50282\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-accettazione-gdpr-wpforms-1024x481.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-accettazione-gdpr-wpforms-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-accettazione-gdpr-wpforms-768x361.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-accettazione-gdpr-wpforms-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-accettazione-gdpr-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-accettazione-dei-termini-di-servizio-allinterno-del-modulo\">Inserire accettazione dei termini di servizio all&#8217;interno del modulo<\/h3>\n\n\n\n<p>Usando il campo &#8220;<strong>caselle di spunta<\/strong>&#8221; e le sue opzioni possiamo aggiungere al nostro modulo un campo per l&#8217;accettazione dei termini di servizio e inserire i termini visibili direttamente dal modulo.<\/p>\n\n\n\n<p>Per prima cosa modifichiamo il nostro modulo di contatti e aggiungiamo un campo &#8220;caselle di spunta&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"752\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-caselle-di-spunta-per-temini-servizio-wpforms.png\" alt=\"Aggiungere Caselle Di Spunta Per Temini Servizio Wpforms\" class=\"wp-image-50270\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-caselle-di-spunta-per-temini-servizio-wpforms.png 653w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-caselle-di-spunta-per-temini-servizio-wpforms-261x300.png 261w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-caselle-di-spunta-per-temini-servizio-wpforms-55x63.png 55w\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" \/><\/figure>\n\n\n\n<p>Clicchiamo sul campo appena aggiunto e dalla scheda &#8220;Generale&#8221; eliminiamo le scelte in modo da lasciarne soltanto una.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-checkbox-wpforms-1024x463.png\" alt=\"Modificare Campo Checkbox Wpforms\" class=\"wp-image-50271\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-checkbox-wpforms-1024x463.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-checkbox-wpforms-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-checkbox-wpforms-768x347.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-checkbox-wpforms-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-checkbox-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Modifichiamo il campo &#8220;prima scelta&#8221; andando a inserire il nostro testo, ad esempio &#8220;Dichiaro di aver preso visione dei termini e condizioni.&#8221;. Questo sar\u00e0 il testo mostrato accanto alla checkbox.<\/p>\n\n\n\n<p>Adesso possiamo inserire i termini di servizio all&#8217;interno del campo &#8220;Descrizione&#8221;.<\/p>\n\n\n\n<p>Dopodich\u00e9 attiviamo l&#8217;opzione &#8220;obbligatorio&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-accettazione-termini-di-servizio-con-wpforms-1024x451.png\" alt=\"Creare Accettazione Termini Di Servizio Con Wpforms\" class=\"wp-image-50272\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-accettazione-termini-di-servizio-con-wpforms-1024x451.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-accettazione-termini-di-servizio-con-wpforms-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-accettazione-termini-di-servizio-con-wpforms-768x338.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-accettazione-termini-di-servizio-con-wpforms-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-accettazione-termini-di-servizio-con-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Apriamo la scheda &#8220;Avanzate&#8221;: da qui possiamo nascondere l&#8217;etichetta e attivare l&#8217;opzione &#8220;<em>Abilita la visualizzazione della Liberatoria\/Termini di Servizio<\/em>&#8221; in questo modo i termini verranno mostrati in una finestra con una barra verticale per permettere la lettura di tutto il testo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-avanzate-campo-accettazione-privacy-wpforms-1024x464.png\" alt=\"Opzioni Avanzate Campo Accettazione Privacy Wpforms\" class=\"wp-image-50273\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-avanzate-campo-accettazione-privacy-wpforms-1024x464.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-avanzate-campo-accettazione-privacy-wpforms-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-avanzate-campo-accettazione-privacy-wpforms-768x348.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-avanzate-campo-accettazione-privacy-wpforms-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-avanzate-campo-accettazione-privacy-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Considera che puoi aggiungere la formattazione <a href=\"https:\/\/supporthost.com\/it\/imparare-html\/\" data-type=\"post\" data-id=\"45669\">HTML<\/a> all&#8217;interno del campo descrizione per rendere pi\u00f9 leggibile il testo, aggiungere grassetti, intestazioni e link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattare-accettazione-termini-e-condizioni-wpforms-1024x463.png\" alt=\"Formattare Accettazione Termini E Condizioni Wpforms\" class=\"wp-image-50274\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattare-accettazione-termini-e-condizioni-wpforms-1024x463.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattare-accettazione-termini-e-condizioni-wpforms-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattare-accettazione-termini-e-condizioni-wpforms-768x347.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattare-accettazione-termini-e-condizioni-wpforms-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattare-accettazione-termini-e-condizioni-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"integrare-google-re-captcha-con-wp-forms\">Integrare Google reCAPTCHA con WPForms<\/h3>\n\n\n\n<p>Come abbiamo anticipato prima, WPForms pu\u00f2 essere integrato con diversi metodi di captcha tra cui reCAPTCHA di Google.<\/p>\n\n\n\n<p>Per prima cosa andiamo su <em>WPForms &gt; Impostazioni <\/em>e apriamo la scheda &#8220;CAPTCHA&#8221;. Da qui possiamo selezionare reCAPTCHA e scegliere il tipo, per esempio reCAPTCHA v3.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"634\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-captcha-1024x634.png\" alt=\"Wpforms Impostazioni Captcha\" class=\"wp-image-50283\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-captcha-1024x634.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-captcha-300x186.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-captcha-768x476.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-captcha-102x63.png 102w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/wpforms-impostazioni-captcha.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il prossimo passaggio \u00e8 quello di creare le chiavi dall&#8217;account di Google.<\/p>\n\n\n\n<p>Colleghiamoci alla <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\" data-type=\"link\" data-id=\"https:\/\/www.google.com\/recaptcha\/admin\/create\" rel=\"noopener\">console Google reCaptcha<\/a> dopo aver fatto il login con l&#8217;account che vogliamo usare e compiliamo i campi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Etichetta<\/strong>: possiamo inserire il nome del sito.<\/li>\n\n\n\n<li><strong>Tipo di reCAPTCHA<\/strong>: scegliamo il tipo di captcha da usare, nel nostro esempio v3.<\/li>\n\n\n\n<li><strong>Domini<\/strong>: inseriamo il dominio del nostro sito web.<\/li>\n<\/ul>\n\n\n\n<p>Per finire clicchiamo su <em>Invia<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"659\" height=\"702\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-wpforms.png\" alt=\"Creare Chiavi Google Recaptcha Per Wpforms\" class=\"wp-image-50275\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-wpforms.png 659w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-wpforms-282x300.png 282w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-wpforms-59x63.png 59w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/figure>\n\n\n\n<p>Nella prossima pagina ci verranno mostrate la <strong>chiave del sito<\/strong> e la <strong>chiave segreta<\/strong>. Possiamo copiarle cliccando sui due pulsanti corrispondenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"653\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-chiavi-recaptcha-google-1024x653.png\" alt=\"Copiare Chiavi Recaptcha Google\" class=\"wp-image-50276\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-chiavi-recaptcha-google-1024x653.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-chiavi-recaptcha-google-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-chiavi-recaptcha-google-768x490.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-chiavi-recaptcha-google-99x63.png 99w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-chiavi-recaptcha-google.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per poi incollarle nei campi delle impostazioni del plugin e cliccare su &#8220;Salva le impostazioni&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incollare-chiavi-recaptcha-google-su-wpforms-1024x592.png\" alt=\"Incollare Chiavi Recaptcha Google Su Wpforms\" class=\"wp-image-50277\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incollare-chiavi-recaptcha-google-su-wpforms-1024x592.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incollare-chiavi-recaptcha-google-su-wpforms-300x174.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incollare-chiavi-recaptcha-google-su-wpforms-768x444.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incollare-chiavi-recaptcha-google-su-wpforms-109x63.png 109w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/incollare-chiavi-recaptcha-google-su-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adesso possiamo aggiungere la protezione reCAPTCHA ai moduli creati con WPForms. Quando creiamo o modifichiamo un modulo ci basta aggiungere il <strong>campo &#8220;reCAPTCHA&#8221;<\/strong> che vedremo nella lista dei campi standard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-al-modulo-wpforms-1024x489.png\" alt=\"Aggiungere Recaptcha Al Modulo Wpforms\" class=\"wp-image-50278\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-al-modulo-wpforms-1024x489.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-al-modulo-wpforms-300x143.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-al-modulo-wpforms-768x367.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-al-modulo-wpforms-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-al-modulo-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"esportare-i-moduli-da-un-sito-allaltro\">Esportare i moduli da un sito all&#8217;altro<\/h3>\n\n\n\n<p>Andando su <em>WPForms &gt; Strumenti<\/em> possiamo aprire le schede <em>Importa<\/em> ed <em>Esporta <\/em>per importare o esportare i moduli da un sito all&#8217;altro.<\/p>\n\n\n\n<p>Per l&#8217;<strong>esportazione<\/strong> clicchiamo su &#8220;Esporta&#8221;, scegliamo dal menu a tendina il modulo e poi clicchiamo sul pulsante esporta. Verr\u00e0 esportato un file json con il modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-un-modulo-con-wpforms-1024x566.png\" alt=\"Esportare Un Modulo Con Wpforms\" class=\"wp-image-50279\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-un-modulo-con-wpforms-1024x566.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-un-modulo-con-wpforms-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-un-modulo-con-wpforms-768x424.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-un-modulo-con-wpforms-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-un-modulo-con-wpforms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per <strong>importare <\/strong>un modulo su un altro sito andiamo su &#8220;Importa&#8221; e clicchiamo su <em>Choose a File<\/em>, carichiamo il file e poi clicchiamo su Importa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"627\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-un-modulo-con-wpforms.png\" alt=\"Importare Un Modulo Con Wpforms\" class=\"wp-image-50280\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-un-modulo-con-wpforms.png 1007w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-un-modulo-con-wpforms-300x187.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-un-modulo-con-wpforms-768x478.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-un-modulo-con-wpforms-101x63.png 101w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n\n\n\n<p>Se in precedenza avevamo creato moduli con un altro plugin, come ad esempio <a href=\"https:\/\/supporthost.com\/it\/contact-form-7\/\" data-type=\"post\" data-id=\"15888\">Contact Form 7<\/a> o <a href=\"https:\/\/supporthost.com\/it\/formidable-forms\/\" data-type=\"post\" data-id=\"51024\">Formidable Forms<\/a>, possiamo importare i moduli selezionando il plugin dal menu a tendina sotto &#8220;Importa da altri plugin di moduli&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questo tutorial su WPForms abbiamo visto una panoramica completa delle sue funzioni con un esempio pratico di creazione di un <strong>modulo di contatto<\/strong>. Ora che conosci le diverse opzioni dei campi e le impostazioni di questo plugin, sei pronto per creare anche altri tipi di modulo da inserire sul tuo sito. <\/p>\n\n\n\n<p>Sei riuscito a creare un modulo seguendo questa guida? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se vuoi creare un modulo di contatto, registrazione, iscrizione a newsletter o tanto altro sul tuo sito WordPress, WPForms \u00e8 il plugin che fa al caso tuo. In questa guida ti mostrer\u00f2 passo passo come usare WPForms dall&#8217;installazione alla creazione del modulo fino all&#8217;inserimento nel sito. Vedremo anche altre funzioni avanzate che ci permettono di [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63538,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-50239","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\/50239","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=50239"}],"version-history":[{"count":8,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/50239\/revisions"}],"predecessor-version":[{"id":138220,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/50239\/revisions\/138220"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63538"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=50239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=50239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=50239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}