{"id":50291,"date":"2023-11-09T09:00:00","date_gmt":"2023-11-09T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=50291"},"modified":"2025-08-04T10:31:13","modified_gmt":"2025-08-04T08:31:13","slug":"forminator","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/forminator\/","title":{"rendered":"Forminator: guida completa"},"content":{"rendered":"\n<p>Con <strong>Forminator <\/strong>puoi creare rapidamente <strong>moduli <\/strong>per il tuo sito: da un classico form di contatto fino a moduli per registrazioni e pagamenti. <\/p>\n\n\n\n<p>In questa guida dettagliata vedremo come usare Forminator per creare moduli a partire da modelli gi\u00e0 pronti, personalizzarli e integrarli sul tuo sito WordPress.<\/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-forminator\">Cos&#8217;\u00e8 Forminator<\/a><\/li><li><a href=\"#come-installare-forminator\">Come installare Forminator<\/a><\/li><li><a href=\"#creare-un-modulo-con-forminator\">Creare un modulo con Forminator<\/a><ul><li><a href=\"#modificare-i-campi-del-modulo\">Modificare i campi del modulo<\/a><ul><li><a href=\"#modificare-etichetta-e-segnaposto\">Modificare etichetta e segnaposto<\/a><\/li><li><a href=\"#rendere-i-campi-obbligatori\">Rendere i campi obbligatori<\/a><\/li><li><a href=\"#modificare-visibilita-di-etichette-e-segnaposti\">Modificare visibilit\u00e0 di etichette e segnaposti<\/a><\/li><li><a href=\"#altre-opzioni-dei-campi\">Altre opzioni dei campi<\/a><\/li><\/ul><\/li><li><a href=\"#configurare-laspetto-del-modulo\">Configurare l&#8217;aspetto del modulo<\/a><\/li><li><a href=\"#modificare-le-funzioni-del-modulo\">Modificare le funzioni del modulo<\/a><ul><li><a href=\"#submission-behavior\">Submission behavior<\/a><ul><li><a href=\"#after-submission\">After submission<\/a><\/li><li><a href=\"#method\">Method<\/a><\/li><li><a href=\"#validation\">Validation<\/a><\/li><li><a href=\"#submission-indicator\">Submission Indicator<\/a><\/li><\/ul><\/li><li><a href=\"#autofill\">Autofill<\/a><\/li><li><a href=\"#sicurezza\">Sicurezza<\/a><\/li><li><a href=\"#lifespan\">Lifespan<\/a><\/li><li><a href=\"#rendering\">Rendering<\/a><\/li><li><a href=\"#save-and-continue\">Save and continue<\/a><\/li><\/ul><\/li><li><a href=\"#gestire-le-notifiche\">Gestire le notifiche<\/a><ul><li><a href=\"#modificare-il-contenuto-dellemail-di-notifica\">Modificare il contenuto dell&#8217;email di notifica<\/a><\/li><li><a href=\"#modificare-destinatari-delle-email-di-notifica\">Modificare destinatari delle email di notifica<\/a><\/li><li><a href=\"#impostazioni-email-avanzate\">Impostazioni email avanzate<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#mostrare-il-modulo-sul-sito\">Mostrare il modulo sul sito<\/a><ul><li><a href=\"#inserire-il-modulo-in-una-pagina\">Inserire il modulo in una pagina<\/a><\/li><li><a href=\"#inserire-il-modulo-in-un-widget\">Inserire il modulo in un widget<\/a><\/li><\/ul><\/li><li><a href=\"#forminator-tipi-di-modulo\">Forminator: tipi di modulo<\/a><\/li><li><a href=\"#opzioni-avanzate\">Opzioni avanzate<\/a><ul><li><a href=\"#adeguare-il-modulo-al-gdpr\">Adeguare il modulo al GDPR<\/a><\/li><li><a href=\"#integrare-google-re-captcha\">Integrare Google reCAPTCHA<\/a><\/li><li><a href=\"#esportare-e-importare-i-moduli\">Esportare e importare i moduli<\/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\/forminator-guida-completa-1024x538.png\" alt=\"Forminator Guida Completa\" class=\"wp-image-50658\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-guida-completa-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-guida-completa-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-guida-completa-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-guida-completa-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-guida-completa.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-forminator\">Cos&#8217;\u00e8 Forminator<\/h2>\n\n\n\n<p>Forminator \u00e8 uno dei <a href=\"https:\/\/supporthost.com\/it\/plugin-form-wordpress\/\" data-type=\"post\" data-id=\"71555\">plugin WordPress pi\u00f9 utilizzati per creare moduli<\/a>, anche se in misura minore rispetto ad altri plugin con lo stessa funzione come <a href=\"https:\/\/supporthost.com\/it\/contact-form-7\/\" data-type=\"post\" data-id=\"15888\">Contact Form 7<\/a>, <a href=\"https:\/\/supporthost.com\/it\/ninja-forms\/\" data-type=\"post\" data-id=\"50940\">Ninja Forms<\/a> e <a href=\"https:\/\/supporthost.com\/it\/wpforms\/\" data-type=\"post\" data-id=\"50239\">WPForms<\/a>.<\/p>\n\n\n\n<p>Questo plugin ci permette di creare con facilit\u00e0 moduli di contatto, di pagamento, di registrazione, sondaggi e altro ancora. <\/p>\n\n\n\n<p>\u00c8 dotato di un builder <strong>drag &amp; drop<\/strong> che ci permette di creare in breve tempo i nostri moduli anche a partire da modelli gi\u00e0 pronti. Inoltre \u00e8 semplice da integrare sul sito tramite shortcode o attraverso il blocco dedicato per Gutenberg. <\/p>\n\n\n\n<p>Ci sono due versioni del plugin, una gratuita e una Pro.<strong> Forminator Pro<\/strong> include funzioni aggiuntive tra cui la possibilit\u00e0 di ricevere pagamenti ricorrenti e l&#8217;integrazione con app di terze parti.<\/p>\n\n\n\n<p>In linea generale non c&#8217;\u00e8 un plugin migliore o peggiore dell&#8217;altro, ma tutto dipende dalle tue esigenze. Per esempio la versione gratuita di Forminator ci permette di creare moduli per l&#8217;<strong>invio di articoli<\/strong>, mentre con WPForms questa funzione \u00e8 inclusa solo con le licenze Pro a pagamento. <\/p>\n\n\n\n<p>Viceversa ogni parte del testo del modulo creato con WPForms pu\u00f2 essere tradotta in italiano, mentre con Forminator alcuni messaggi di errore sono impostati di default in inglese e cambiarli richiede una procedura complicata, nonch\u00e9 le <strong>traduzioni <\/strong>sono disponibili solo per chi ha la versione Pro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-installare-forminator\">Come installare Forminator<\/h2>\n\n\n\n<p>Per prima cosa dobbiamo<strong> installare e attivare il plugin<\/strong> su WordPress.<\/p>\n\n\n\n<p>Accediamo all&#8217;area di amministrazione del nostro sito e andiamo su <em>Plugin &gt; Aggiungi nuovo<\/em>. Usiamo la barra di ricerca per trovare &#8220;Forminator&#8221; e clicchiamo su <em>Installa ora<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"338\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-forminator-plugin-1024x338.png\" alt=\"Installare Forminator Plugin\" class=\"wp-image-50292\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-forminator-plugin-1024x338.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-forminator-plugin-300x99.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-forminator-plugin-768x253.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-forminator-plugin-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-forminator-plugin.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 possiamo <strong>attivare <\/strong>il plugin cliccando sul pulsante <em>Attiva<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"377\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-forminator-plugin.png\" alt=\"Attivare Forminator Plugin\" class=\"wp-image-50293\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-forminator-plugin.png 842w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-forminator-plugin-300x134.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-forminator-plugin-768x344.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-forminator-plugin-120x54.png 120w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creare-un-modulo-con-forminator\">Creare un modulo con Forminator<\/h2>\n\n\n\n<p>Ora che abbiamo installato il plugin, possiamo iniziare a creare il primo modulo con Forminator. Inizieremo dalla creazione di un <strong>modulo di contatto<\/strong> con uno dei template gi\u00e0 pronti e vedremo come personalizzarlo.<\/p>\n\n\n\n<p>Per prima cosa possiamo cliccare su <em>Forminator &gt; Forms <\/em>per poi cliccare sul pulsante &#8220;Create&#8221;.<\/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\/forminator-inziare-a-creare-un-form-1024x423.png\" alt=\"Forminator Inziare A Creare Un Form\" class=\"wp-image-50294\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-1024x423.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-300x124.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-768x317.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Puoi anche avviare la creazione di un nuovo modulo dalla dashboard (<em>Forminator &gt; Dashboard &gt; Create<\/em>).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-da-dashboard-1024x409.png\" alt=\"Forminator Inziare A Creare Un Form Da Dashboard\" class=\"wp-image-50295\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-da-dashboard-1024x409.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-da-dashboard-300x120.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-da-dashboard-768x307.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-da-dashboard-120x48.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inziare-a-creare-un-form-da-dashboard.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Appena avviamo la creazione di un nuovo form ci viene chiesto di scegliere un <strong>template<\/strong>. Per questo esempio iniziamo dalla creazione di un modulo di contatto scegliendo il template &#8220;Contact Us&#8221; e cliccando su <em>Continue<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"757\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-template-forminator-modulo-di-contatto.png\" alt=\"Scegliere Template Forminator Modulo Di Contatto\" class=\"wp-image-50296\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-template-forminator-modulo-di-contatto.png 738w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-template-forminator-modulo-di-contatto-292x300.png 292w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-template-forminator-modulo-di-contatto-61x63.png 61w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 inseriamo il <strong>nome del modulo<\/strong>, ci servir\u00e0 a distinguerlo da altri moduli che aggiungeremo al sito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"489\" height=\"345\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-il-nome-del-modulo-forminator.png\" alt=\"Scegliere Il Nome Del Modulo Forminator\" class=\"wp-image-50351\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-il-nome-del-modulo-forminator.png 489w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-il-nome-del-modulo-forminator-300x212.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-il-nome-del-modulo-forminator-89x63.png 89w\" sizes=\"auto, (max-width: 489px) 100vw, 489px\" \/><\/figure>\n\n\n\n<p>Adesso ci troveremo davanti alla bozza del nostro modulo di contatto che contiene gi\u00e0 dei campi predefiniti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>nome<\/li>\n\n\n\n<li>indirizzo email<\/li>\n\n\n\n<li>numero di telefono<\/li>\n\n\n\n<li>messaggio.<\/li>\n<\/ul>\n\n\n\n<p>Per inserire un nuovo campo possiamo cliccare sul pulsante &#8220;Insert fields&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inserire-campo-1024x444.png\" alt=\"Forminator Inserire Campo\" class=\"wp-image-50300\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inserire-campo-1024x444.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inserire-campo-300x130.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inserire-campo-768x333.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inserire-campo-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-inserire-campo.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questo modo si aprir\u00e0 una lista di campi da cui scegliere come in questo esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"869\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-inserimento-campo-in-forminator.png\" alt=\"Esempio Di Inserimento Campo In Forminator\" class=\"wp-image-50299\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-inserimento-campo-in-forminator.png 592w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-inserimento-campo-in-forminator-204x300.png 204w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-inserimento-campo-in-forminator-43x63.png 43w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/figure>\n\n\n\n<p>Nella schermata di modifica vedremo i campi inseriti e potremo modificare l&#8217;ordine cliccando sul singolo campo e poi trascinandolo in un&#8217;altra posizione. Facendo click sull&#8217;icona dell&#8217;ingranaggio possiamo: modificare il campo, duplicarlo o eliminarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"327\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-modifica-dei-campi-forminator-duplicazione-1024x327.png\" alt=\"Opzioni Di Modifica Dei Campi Forminator Duplicazione\" class=\"wp-image-50301\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-modifica-dei-campi-forminator-duplicazione-1024x327.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-modifica-dei-campi-forminator-duplicazione-300x96.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-modifica-dei-campi-forminator-duplicazione-768x245.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-modifica-dei-campi-forminator-duplicazione-120x38.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-modifica-dei-campi-forminator-duplicazione.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I pulsanti in alto ci permettono di salvare le modifiche, vedere l&#8217;anteprima del modulo o pubblicarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"342\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/salvare-pubblicare-o-mostrare-anteprima-del-modulo-forminator-1024x342.png\" alt=\"Salvare Pubblicare O Mostrare Anteprima Del Modulo Forminator\" class=\"wp-image-50302\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/salvare-pubblicare-o-mostrare-anteprima-del-modulo-forminator-1024x342.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/salvare-pubblicare-o-mostrare-anteprima-del-modulo-forminator-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/salvare-pubblicare-o-mostrare-anteprima-del-modulo-forminator-768x257.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/salvare-pubblicare-o-mostrare-anteprima-del-modulo-forminator-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/salvare-pubblicare-o-mostrare-anteprima-del-modulo-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questo caso abbiamo aggiunto un campo per il consenso della privacy e dei termini e condizioni e il nostro modulo ha questo aspetto:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"749\" height=\"855\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-anteprima-del-modulo-forminator.png\" alt=\"Esempio Di Anteprima Del Modulo Forminator\" class=\"wp-image-50303\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-anteprima-del-modulo-forminator.png 749w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-anteprima-del-modulo-forminator-263x300.png 263w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-anteprima-del-modulo-forminator-55x63.png 55w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/figure>\n\n\n\n<p>La prima cosa da fare in questo caso \u00e8 cambiare le etichette e i segnaposto, oltre al testo del consenso e del pulsante per inserire i testi che vogliamo e, in questo caso, per averli in italiano. Vediamo perci\u00f2 come si modificano i campi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modificare-i-campi-del-modulo\">Modificare i campi del modulo<\/h3>\n\n\n\n<p>Per modificare uno dei campi inseriti nel modulo basta cliccare su di esso. In base al campo che modifichiamo avremo diverse opzioni.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-etichetta-e-segnaposto\">Modificare etichetta e segnaposto<\/h4>\n\n\n\n<p>Partiamo dal campo &#8220;name&#8221; per vedere che opzioni abbiamo.<\/p>\n\n\n\n<p>La prima scheda &#8220;Labels&#8221; ci permette di modificare etichette e segnaposti, ci permette inoltre di modificare il formato del campo tra singolo e multiplo.<\/p>\n\n\n\n<p>Come <em>campo singolo <\/em>possiamo far inserire nome e cognome in un solo campo. Potremo personalizzare quindi etichetta e segnaposto come in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"583\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-etichetta-e-segnaposto-campo-nome-forminator.png\" alt=\"Modificare Etichetta E Segnaposto Campo Nome Forminator\" class=\"wp-image-50304\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-etichetta-e-segnaposto-campo-nome-forminator.png 734w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-etichetta-e-segnaposto-campo-nome-forminator-300x238.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-etichetta-e-segnaposto-campo-nome-forminator-79x63.png 79w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/figure>\n\n\n\n<p>In alternativa possiamo cliccare sull&#8217;opzione &#8220;<em>multiple<\/em>&#8221; e scegliere quali campi abilitare, per esempio first e last name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"759\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-campi-multipli-forminator.png\" alt=\"Campo Nome Campi Multipli Forminator\" class=\"wp-image-50305\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-campi-multipli-forminator.png 712w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-campi-multipli-forminator-281x300.png 281w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-nome-campi-multipli-forminator-59x63.png 59w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n\n\n\n<p>Oltre a etichetta e segnaposto, possiamo anche inserire una <strong>descrizione <\/strong>che verr\u00e0 mostrata sotto il campo come ti mostro in questo esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"719\" height=\"281\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-descrizione-modulo-forminator.png\" alt=\"Esempio Descrizione Modulo Forminator\" class=\"wp-image-50306\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-descrizione-modulo-forminator.png 719w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-descrizione-modulo-forminator-300x117.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-descrizione-modulo-forminator-120x47.png 120w\" sizes=\"auto, (max-width: 719px) 100vw, 719px\" \/><\/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>Come possiamo notare dalle schermate riportate sopra, il template che stiamo usando ha alcuni <strong>campi obbligatori<\/strong> che possiamo riconoscere dall&#8217;asterisco rosso.<\/p>\n\n\n\n<p>Possiamo modificare i campi e rendere i nuovi campi obbligatori o facoltativi attraverso la scheda &#8220;Settings&#8221; (clicca sul campo e poi su <em>Settings<\/em>), da qui ci baster\u00e0 selezionare l&#8217;opzione &#8220;<strong>required<\/strong>&#8221; se vogliamo che il campo sia obbligatorio, altrimenti &#8220;<strong>optional<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"651\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rendere-un-campo-obbligatorio-forminator.png\" alt=\"Rendere Un Campo Obbligatorio Forminator\" class=\"wp-image-50307\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rendere-un-campo-obbligatorio-forminator.png 745w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rendere-un-campo-obbligatorio-forminator-300x262.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rendere-un-campo-obbligatorio-forminator-72x63.png 72w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-visibilita-di-etichette-e-segnaposti\">Modificare visibilit\u00e0 di etichette e segnaposti<\/h4>\n\n\n\n<p>In base al modulo che vogliamo creare possiamo scegliere se utilizzare <strong>etichette<\/strong>, <strong>segnaposti <\/strong>o una combinazione tra i due elementi. Ad esempio se vogliamo usare solo il segnaposto ci baster\u00e0 lasciare il campo &#8220;Label&#8221; vuoto come in questo esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"601\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-con-segnaposto-e-senza-etichetta-forminator.png\" alt=\"Campo Con Segnaposto E Senza Etichetta Forminator\" class=\"wp-image-50308\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-con-segnaposto-e-senza-etichetta-forminator.png 744w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-con-segnaposto-e-senza-etichetta-forminator-300x242.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-con-segnaposto-e-senza-etichetta-forminator-78x63.png 78w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<p>Possiamo quindi ottenere diversi risultati personalizzando un singolo campo nome, come in questi esempi:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"751\" height=\"409\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempi-di-etichette-e-segnaposto-forminator.png\" alt=\"Esempi Di Etichette E Segnaposto Forminator\" class=\"wp-image-50309\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempi-di-etichette-e-segnaposto-forminator.png 751w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempi-di-etichette-e-segnaposto-forminator-300x163.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempi-di-etichette-e-segnaposto-forminator-116x63.png 116w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/figure>\n\n\n\n<p>Abbiamo ottenuto i risultati qui sopra in questi modi:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>utilizzando sia etichette che segnaposti (con formato multiplo e campi separati per nome e cognome);<\/li>\n\n\n\n<li>usando solo il segnaposto, ma non l&#8217;etichetta (con formato singolo);<\/li>\n\n\n\n<li>usando solo l&#8217;etichetta.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"altre-opzioni-dei-campi\">Altre opzioni dei campi<\/h4>\n\n\n\n<p>In base al campo che stiamo modificando nella scheda &#8220;Settings&#8221; troveremo opzioni diverse. Per esempio nei campi <em>textarea<\/em> che possiamo usare per il corpo del messaggio di un modulo di contatto possiamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>abilitare o no l&#8217;editor <strong>rich-text<\/strong> per consentire agli utenti di utilizzare la formattazione;<\/li>\n\n\n\n<li>impostare un numero massimo di <strong>caratteri <\/strong>che sar\u00e0 possibile inserire;<\/li>\n\n\n\n<li>impostare l&#8217;altezza massima del campo.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"713\" height=\"887\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-campo-textarea-forminator.png\" alt=\"Opzioni Campo Textarea Forminator\" class=\"wp-image-50310\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-campo-textarea-forminator.png 713w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-campo-textarea-forminator-241x300.png 241w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-campo-textarea-forminator-51x63.png 51w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/figure>\n\n\n\n<p>Per alcuni campi tra cui email o numero di telefono possiamo attivare la <strong>validazione <\/strong>per assicurarci che siano compilati correttamente e mostrare un messaggio di errore nel caso in cui non lo fossero.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"844\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-email-validazione-forminator.png\" alt=\"Campo Email Validazione Forminator\" class=\"wp-image-50311\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-email-validazione-forminator.png 739w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-email-validazione-forminator-263x300.png 263w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-email-validazione-forminator-55x63.png 55w\" sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configurare-laspetto-del-modulo\">Configurare l&#8217;aspetto del modulo<\/h3>\n\n\n\n<p>Dopo aver impostato i campi, dalla pagina di modifica del modulo possiamo cliccare su <em>Appearance<\/em> per modificare l&#8217;aspetto del nostro modulo.<\/p>\n\n\n\n<p><strong>Design Style<\/strong>: possiamo scegliere tra diversi stili predefiniti oppure impostare l&#8217;opzione &#8220;none&#8221; per far s\u00ec che venga applicato lo stile del tema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-design-style-1024x465.png\" alt=\"Aspetto Modulo Forminator Design Style\" class=\"wp-image-50312\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-design-style-1024x465.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-design-style-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-design-style-768x349.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-design-style-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-design-style.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Layout<\/strong>: da qui possiamo modificare le dimensioni delle immagini nei campi checkbox. \u00c8 possibile, infatti, modificare i campi checkbox in modo da inserire un&#8217;immagine accanto ad ogni opzione, come abbiamo fatto in questo esempio.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"459\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-layout.png\" alt=\"Aspetto Modulo Forminator Layout\" class=\"wp-image-50313\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-layout.png 899w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-layout-300x153.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-layout-768x392.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-layout-120x61.png 120w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"220\" height=\"160\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/dimensioni-immagini-checkbox-anteprima-forminator.png\" alt=\"Dimensioni Immagini Checkbox Anteprima Forminator\" class=\"wp-image-50314\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/dimensioni-immagini-checkbox-anteprima-forminator.png 220w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/dimensioni-immagini-checkbox-anteprima-forminator-87x63.png 87w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Color<\/strong>: selezionando &#8220;Custom&#8221; possiamo modificare il colore dei singoli elementi tra cui colore di sfondo e bordo del modulo, bottone invio, colore dei messaggi di conferma o di errore, ecc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-colori-1024x551.png\" alt=\"Aspetto Modulo Forminator Colori\" class=\"wp-image-50315\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-colori-1024x551.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-colori-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-colori-768x413.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-colori-117x63.png 117w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-colori.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Fonts<\/strong>: per impostazione predefinita verr\u00e0 usato il font del tema, ma da qui possiamo impostare un font personalizzato per i vari elementi del modulo (messaggi, etichette, testi di input, ecc.).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-fonts-1024x492.png\" alt=\"Aspetto Modulo Forminator Fonts\" class=\"wp-image-50316\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-fonts-1024x492.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-fonts-300x144.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-fonts-768x369.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-fonts-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-fonts.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Form container<\/strong>: da qui possiamo modificare la spaziatura del modulo in particolare: padding, bordo e lo spazio tra i campi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-form-container-1024x571.png\" alt=\"Aspetto Modulo Forminator Form Container\" class=\"wp-image-50317\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-form-container-1024x571.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-form-container-300x167.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-form-container-768x428.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-form-container-113x63.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-form-container.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Field container<\/strong>: ci permette di definire lo stile del bordo dei campi impostando raggio e spessore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"280\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-field-container-1024x280.png\" alt=\"Aspetto Modulo Forminator Field Container\" class=\"wp-image-50318\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-field-container-1024x280.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-field-container-300x82.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-field-container-768x210.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-field-container-120x33.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-field-container.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Custom CSS<\/strong>: da qui possiamo inserire CSS personalizzato per cambiare lo stile del modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-custom-css-1024x341.png\" alt=\"Aspetto Modulo Forminator Custom Css\" class=\"wp-image-50319\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-custom-css-1024x341.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-custom-css-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-custom-css-768x256.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-custom-css-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aspetto-modulo-forminator-custom-css.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modificare-le-funzioni-del-modulo\">Modificare le funzioni del modulo<\/h3>\n\n\n\n<p>Cliccando su <em>Behavior<\/em> possiamo modificare alcuni aspetti del modulo in particolare cosa succede dopo che un utente lo ha compilato e cosa accade durante la compilazione. Da qui sono accessibili anche alcune opzioni per la <strong>sicurezza<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"submission-behavior\">Submission behavior<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"after-submission\">After submission<\/h5>\n\n\n\n<p>Da qui possiamo scegliere cosa succede dopo che l&#8217;utente ha compilato il modulo.<\/p>\n\n\n\n<p>Abbiamo tre opzioni: <em>inline message<\/em>, <em>redirect user to a URL<\/em> e <em>hide form<\/em>.<\/p>\n\n\n\n<p><strong>Inline message<\/strong> ci permette di mostrare un messaggio per ringraziare la persona che ha inviato il modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"887\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggio-di-conferma-modulo-forminator.png\" alt=\"Modificare Messaggio Di Conferma Modulo Forminator\" class=\"wp-image-50320\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggio-di-conferma-modulo-forminator.png 742w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggio-di-conferma-modulo-forminator-251x300.png 251w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggio-di-conferma-modulo-forminator-53x63.png 53w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<p><strong>Redirect user to a URL<\/strong>: possiamo scegliere se reindirizzare l&#8217;utente a un&#8217;altra pagina del sito, per esempio a una pagina di ringraziamento per un modulo di contatto oppure a un&#8217;area riservata nel caso di un modulo di login.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"840\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/conferma-invio-modulo-redirect-forminator.png\" alt=\"Conferma Invio Modulo Redirect Forminator\" class=\"wp-image-50321\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/conferma-invio-modulo-redirect-forminator.png 745w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/conferma-invio-modulo-redirect-forminator-266x300.png 266w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/conferma-invio-modulo-redirect-forminator-56x63.png 56w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p><strong>Hide form<\/strong>: in questo caso verr\u00e0 nascosto il modulo e mostrato solo un messaggio di conferma.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"method\">Method<\/h5>\n\n\n\n<p>Da qui possiamo modificare il sistema di caricamento della pagina dopo l&#8217;invio del modulo scegliendo tra <em>ajax<\/em> (la pagina non verr\u00e0 ricaricata per inviare il modulo) o <em>page reload<\/em>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"validation\">Validation<\/h5>\n\n\n\n<p>Ci permette di modificare le impostazioni per la validazione di campi come l&#8217;indirizzo email.<\/p>\n\n\n\n<p>Purtroppo per\u00f2 non \u00e8 possibile modificare i <strong>messaggi di errore <\/strong>che compaiono se stiamo ad esempio lasciando in bianco un campo contrassegnato come obbligatorio. In questo caso per personalizzare i messaggi di errore bisogna caricare una traduzione e le traduzioni attualmente in corso sono disponibili solo per chi ha acquistato la versione pro di Forminator.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"submission-indicator\">Submission Indicator<\/h5>\n\n\n\n<p>Possiamo scegliere se mostrare o no un indicatore durante l&#8217;invio del modulo e modificare il testo che verr\u00e0 mostrato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"347\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-submission-indicator-1024x347.png\" alt=\"Forminator Submission Indicator\" class=\"wp-image-50322\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-submission-indicator-1024x347.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-submission-indicator-300x102.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-submission-indicator-768x260.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-submission-indicator-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-submission-indicator.png 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"autofill\">Autofill<\/h4>\n\n\n\n<p>Possiamo attivare l&#8217;autocompilazione di alcuni campi, per esempio il form pu\u00f2 prelevare in automatico l&#8217;email se l&#8217;utente ha effettuato il login.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"sicurezza\">Sicurezza<\/h4>\n\n\n\n<p>Da qui \u00e8 possibile attivare opzioni di sicurezza: honeypot per evitare che il modulo venga compilato da un bot, <a href=\"https:\/\/supporthost.com\/it\/akismet\/\" data-type=\"post\" data-id=\"67655\">Akismet<\/a> (deve essere presente il plugin), o rendere disponibile l&#8217;invio del modulo solo agli utenti registrati.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-opzioni-di-sicurezza-1024x495.png\" alt=\"Forminator Opzioni Di Sicurezza\" class=\"wp-image-50323\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-opzioni-di-sicurezza-1024x495.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-opzioni-di-sicurezza-300x145.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-opzioni-di-sicurezza-768x371.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-opzioni-di-sicurezza-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-opzioni-di-sicurezza.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"lifespan\">Lifespan<\/h4>\n\n\n\n<p>Ci permette di impostare una scadenza settando una data oppure dopo un certo numero di moduli inviati.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-con-scadenza-forminator-1024x352.png\" alt=\"Modulo Con Scadenza Forminator\" class=\"wp-image-50324\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-con-scadenza-forminator-1024x352.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-con-scadenza-forminator-300x103.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-con-scadenza-forminator-768x264.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-con-scadenza-forminator-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-con-scadenza-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"rendering\">Rendering<\/h4>\n\n\n\n<p>Da questa sezione possiamo scegliere se il modulo verr\u00e0 caricato usando <em>ajax <\/em>e possiamo <strong>disattivare la cache<\/strong> per le pagine con un modulo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"save-and-continue\">Save and continue<\/h4>\n\n\n\n<p>Forminator ci permette di attivare l&#8217;opzione di <strong>salvataggio <\/strong>per permettere agli utenti di salvare parte del modulo compilato e finire di compilarlo successivamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gestire-le-notifiche\">Gestire le notifiche<\/h3>\n\n\n\n<p>Dalla schermata di modifica del modulo, possiamo cliccare su &#8220;Email notifications&#8221; per aprire le impostazioni di notifica e impostare l&#8217;email che riceveremo quando qualcuno compiler\u00e0 il modulo sul nostro sito.<\/p>\n\n\n\n<p>Per prima cosa possiamo cliccare su &#8220;<em>Admin email<\/em>&#8221; oppure creare una nuova notifica. Partiamo dal modificare le impostazioni predefinite.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-notifiche-email-forminator-1024x513.png\" alt=\"Modificare Notifiche Email Forminator\" class=\"wp-image-50325\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-notifiche-email-forminator-1024x513.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-notifiche-email-forminator-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-notifiche-email-forminator-768x385.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-notifiche-email-forminator-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-notifiche-email-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-il-contenuto-dellemail-di-notifica\">Modificare il contenuto dell&#8217;email di notifica<\/h4>\n\n\n\n<p>Dalla scheda &#8220;Email&#8221; possiamo impostare l&#8217;oggetto dell&#8217;email.<\/p>\n\n\n\n<p>Per impostazione predefinita nell&#8217;<strong>oggetto<\/strong> sar\u00e0 inserito l&#8217;id della richiesta e il nome del form, ma possiamo anche aggiungere altri campi come {site_url} per mostrare il nome del sito.<\/p>\n\n\n\n<p>Dal campo &#8220;Body&#8221; possiamo modificare il <strong>contenuto dell&#8217;email<\/strong> che riceveremo. Per impostazione predefinita ci verranno mostrati tutti i campi del modulo, tuttavia possiamo modificare la formattazione e richiamare campi singoli come in questo esempio:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"743\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-contenuto-email-forminator.png\" alt=\"Personalizzare Contenuto Email Forminator\" class=\"wp-image-50326\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-contenuto-email-forminator.png 747w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-contenuto-email-forminator-300x298.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-contenuto-email-forminator-150x150.png 150w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-contenuto-email-forminator-63x63.png 63w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>Il modulo {form_name} su {site_url} \u00e8 stato compilato (ID: #{submission_id})\n\nNome: {name-1}\n\nEmail: {email-1}\n\nMessaggio: {textarea-1}<\/code><\/pre>\n\n\n\n<p>Dovrai assicurarti che i nomi dei campi corrispondano a quelli utilizzati nel tuo modulo. Puoi anche usare il pulsante &#8220;<em>Insert form fields<\/em>&#8221; per prelevare direttamente i campi.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-destinatari-delle-email-di-notifica\">Modificare destinatari delle email di notifica<\/h4>\n\n\n\n<p>Cliccando sulla scheda &#8220;Recipients&#8221; possiamo rivedere e modificare gli indirizzi email che riceveranno una notifica quando qualcuno compila il modulo.<\/p>\n\n\n\n<p>L&#8217;impostazione predefinita (default) invier\u00e0 la stessa email a tutti gli indirizzi inseriti nel campo &#8220;Recipients&#8221;, ci basta separare gli indirizzi con una virgola.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"654\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-destinatario-notifiche-email-forminator.png\" alt=\"Modificare Destinatario Notifiche Email Forminator\" class=\"wp-image-50327\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-destinatario-notifiche-email-forminator.png 747w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-destinatario-notifiche-email-forminator-300x263.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-destinatario-notifiche-email-forminator-72x63.png 72w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<p>Cliccando su &#8220;Email routing&#8221; possiamo definire delle <strong>regole <\/strong>e inviare la notifica a indirizzi email diversi in base alle opzioni che sono state compilate dall&#8217;utente.<\/p>\n\n\n\n<p>Per esempio potremmo aver creato un modulo di contatto per permettere ai clienti di fare domande sui servizi prima dell&#8217;acquisto o per ricevere assistenza. <\/p>\n\n\n\n<p>In questo caso vogliamo inviare la notifica a un indirizzo email specifico per che chi ha selezionato l&#8217;opzione prevendita e a un indirizzo email separato per chi ha selezionato assistenza. In questo caso potremmo inserire due regole e impostare due destinatari diversi come nel nostro esempio qui sotto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"862\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/invio-email-con-condizioni-forminator.png\" alt=\"Invio Email Con Condizioni Forminator\" class=\"wp-image-50328\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/invio-email-con-condizioni-forminator.png 708w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/invio-email-con-condizioni-forminator-246x300.png 246w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/invio-email-con-condizioni-forminator-52x63.png 52w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-email-avanzate\">Impostazioni email avanzate<\/h4>\n\n\n\n<p>Aprendo la scheda &#8220;<strong>Advanced<\/strong>&#8221; possiamo modificare i dati dell&#8217;email e in particolare: mittente, email del mittente, email da inserire per &#8220;rispondi a..&#8221;, ecc.<\/p>\n\n\n\n<p>Se stiamo inviando le email via SMTP i campi <em>from name<\/em> e <em>from email<\/em> verranno prelevati in automatico in base all&#8217;email che abbiamo impostato. Puoi approfondire leggendo come <a href=\"https:\/\/supporthost.com\/it\/wordpress-smtp\/\" data-type=\"post\" data-id=\"34478\">inviare le email via SMTP con WordPress<\/a>.<\/p>\n\n\n\n<p>Dalla scheda &#8220;<strong>Conditions<\/strong>&#8221; possiamo aggiungere delle regole per inviare le notifiche via email solo se sono rispettate alcune condizioni.<\/p>\n\n\n\n<p>Per esempio potremmo impostare una regola per cui ricevere la notifica solo se chi ha compilato il modulo ha selezionato un&#8217;opzione specifica rispetto a un&#8217;altra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"818\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condizioni-invio-email-forminator.png\" alt=\"Condizioni Invio Email Forminator\" class=\"wp-image-50329\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condizioni-invio-email-forminator.png 738w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condizioni-invio-email-forminator-271x300.png 271w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condizioni-invio-email-forminator-57x63.png 57w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mostrare-il-modulo-sul-sito\">Mostrare il modulo sul sito<\/h2>\n\n\n\n<p>Dopo aver modificato il modulo in base alle nostre esigenze, possiamo <strong>pubblicarlo <\/strong>per poterlo inserire nel nostro sito. In questo esempio abbiamo creato un modulo di contatto per cui lo andremo a inserire nella pagina dei contatti del nostro sito.<\/p>\n\n\n\n<p>La prima cosa da fare \u00e8 modificare il modulo e cliccare sul pulsante <em>Publish<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"355\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/pubblicare-modulo-forminator-1024x355.png\" alt=\"Pubblicare Modulo Forminator\" class=\"wp-image-50330\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/pubblicare-modulo-forminator-1024x355.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/pubblicare-modulo-forminator-300x104.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/pubblicare-modulo-forminator-768x266.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/pubblicare-modulo-forminator-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/pubblicare-modulo-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ci verr\u00e0 mostrato lo <strong>shortcode <\/strong>che potremo usare per inserire il modulo direttamente nella pagina o in altre sezioni del sito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"495\" height=\"410\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-shortcode-forminator.png\" alt=\"Copiare Shortcode Forminator\" class=\"wp-image-50331\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-shortcode-forminator.png 495w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-shortcode-forminator-300x248.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-shortcode-forminator-76x63.png 76w\" sizes=\"auto, (max-width: 495px) 100vw, 495px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-in-una-pagina\">Inserire il modulo in una pagina<\/h3>\n\n\n\n<p>In alternativa possiamo inserire il modulo direttamente dall&#8217;editor <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">Gutenberg<\/a>. Per farlo ci basta modificare la pagina in cui vogliamo inserirlo e aggiungere un blocco &#8220;form&#8221; di Forminator, in questo modo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-form-forminator-nella-pagina-da-gutenberg-1024x572.png\" alt=\"Inserire Form Forminator Nella Pagina Da Gutenberg\" class=\"wp-image-50332\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-form-forminator-nella-pagina-da-gutenberg-1024x572.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-form-forminator-nella-pagina-da-gutenberg-300x168.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-form-forminator-nella-pagina-da-gutenberg-768x429.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-form-forminator-nella-pagina-da-gutenberg-113x63.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-form-forminator-nella-pagina-da-gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se abbiamo pi\u00f9 di un modulo, ci verr\u00e0 chiesto quale inserire selezionandolo dal menu a tendina. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"879\" height=\"530\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-form-da-inserire-forminator.png\" alt=\"Scegliere Form Da Inserire Forminator\" class=\"wp-image-50333\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-form-da-inserire-forminator.png 879w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-form-da-inserire-forminator-300x181.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-form-da-inserire-forminator-768x463.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/scegliere-form-da-inserire-forminator-104x63.png 104w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 possiamo aggiornare la pagina o pubblicarla e andare a verificare che il form funzioni correttamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-in-un-widget\">Inserire il modulo in un widget<\/h3>\n\n\n\n<p>Possiamo anche inserire i nostri moduli all&#8217;interno dei <strong>widget <\/strong>di WordPress in modo da mostrarli in diverse aree del sito come la sidebar o il footer. Tieni presente che le aree in cui puoi inserire i widget dipendono dal tema che stai usando e non saranno sempre tutte disponibili.<\/p>\n\n\n\n<p>Andiamo su <em>Aspetto &gt; Widget<\/em> e selezioniamo l&#8217;area, quindi clicchiamo sulla &#8220;+&#8221; e poi cerchiamo il blocco &#8220;form&#8221; di Forminator. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-form-nei-widget-forminator-1024x648.png\" alt=\"Aggiungere Form Nei Widget Forminator\" class=\"wp-image-50334\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-form-nei-widget-forminator-1024x648.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-form-nei-widget-forminator-300x190.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-form-nei-widget-forminator-768x486.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-form-nei-widget-forminator-100x63.png 100w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-form-nei-widget-forminator.png 1177w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto dal menu a tendina possiamo scegliere quale modulo integrare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"forminator-tipi-di-modulo\">Forminator: tipi di modulo<\/h2>\n\n\n\n<p>In questa guida abbiamo esaminato l&#8217;esempio di un modulo di contatti, ma Forminator ci permette di creare molti tipi di moduli diversi partendo da <strong>template gi\u00e0 pronti<\/strong>, vediamo brevemente quali sono.<\/p>\n\n\n\n<p><strong>Newsletter signup<\/strong>: ci permette di creare un modulo di iscrizione a una newsletter. Il template include due campi: nome e email e un pulsante per l&#8217;iscrizione. <\/p>\n\n\n\n<p class=\"note\">Suggerimento: scopri anche le migliori alternative tra i <a href=\"https:\/\/supporthost.com\/it\/plugin-newsletter-wordpress\/\">plugin WordPress per le newsletter<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"334\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-newsletter-forminator.png\" alt=\"Esempio Modulo Newsletter Forminator\" class=\"wp-image-50335\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-newsletter-forminator.png 714w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-newsletter-forminator-300x140.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-newsletter-forminator-120x56.png 120w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/figure>\n\n\n\n<p><strong>Quote request<\/strong>: \u00e8 il template che ci permette di creare un modulo prevendita o la richiesta di un preventivo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"665\" height=\"896\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-quote-request-forminator.png\" alt=\"Esempio Modulo Quote Request Forminator\" class=\"wp-image-50336\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-quote-request-forminator.png 665w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-quote-request-forminator-223x300.png 223w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-quote-request-forminator-47x63.png 47w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/figure>\n\n\n\n<p><strong>Registration<\/strong>: un modulo per consentire la registrazione degli utenti da qualsiasi pagina del sito. Questo modulo non sostituisce il sistema predefinito di WordPress per la registrazione, ma ci permette di creare una pagina separata.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"411\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-registrazione-forminator.png\" alt=\"Esempio Modulo Registrazione Forminator\" class=\"wp-image-50337\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-registrazione-forminator.png 647w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-registrazione-forminator-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-registrazione-forminator-99x63.png 99w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/figure>\n\n\n\n<p><strong>Login<\/strong>: un modulo per consentire l&#8217;accesso degli utenti registrati.<\/p>\n\n\n\n<p><strong>Create post<\/strong>: un modulo che ci permette di abilitare la creazione di post in base alle informazioni (titolo, contenuto, categoria, immagine in evidenza, ecc) inserite dagli utenti.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"697\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-create-post-forminator.png\" alt=\"Esempio Modulo Create Post Forminator\" class=\"wp-image-50338\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-create-post-forminator.png 654w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-create-post-forminator-281x300.png 281w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-modulo-create-post-forminator-59x63.png 59w\" sizes=\"auto, (max-width: 654px) 100vw, 654px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opzioni-avanzate\">Opzioni avanzate<\/h2>\n\n\n\n<p>Ora che abbiamo visto come creare un modulo di contatto con Forminator e mostrarlo sul nostro sito, passiamo alle funzioni pi\u00f9 avanzate e vediamo come inserire una casella per l&#8217;accettazione della <strong>GDPR<\/strong>, proteggere il modulo con un <a href=\"https:\/\/supporthost.com\/it\/codice-captcha\/\" data-type=\"post\" data-id=\"17097\">codice captcha<\/a> e trasferire i moduli creati da un sito all&#8217;altro.<\/p>\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>Possiamo inserire un campo per il consenso utilizzando il campo predefinito di Forminator<em>.<\/em><\/p>\n\n\n\n<p>Possiamo usare questo campo sia per il consenso di privacy e termini di servizio che per il consenso a ricevere email di marketing.<\/p>\n\n\n\n<p>Per inserirlo clicchiamo su<em> Insert Fields<\/em> e selezioniamo &#8220;Consent&#8221;. Dopodich\u00e9 possiamo modificare il testo che verr\u00e0 mostrato e scegliere se impostarlo come obbligatorio o no. Per esempio possiamo creare un campo consenso per la privacy e renderlo obbligatorio e uno per la ricezione delle newsletter e renderlo facoltativo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"722\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-forminator.png\" alt=\"Campo Privacy Forminator\" class=\"wp-image-50340\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-forminator.png 660w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-forminator-274x300.png 274w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-forminator-58x63.png 58w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"integrare-google-re-captcha\">Integrare Google reCAPTCHA<\/h3>\n\n\n\n<p>Forminator \u00e8 compatibile con Google reCAPTCHA e hCAPTCHA. Vediamo come integrare Google reCAPTCHA.<\/p>\n\n\n\n<p>La prima cosa da fare \u00e8 creare le chiavi API dalla console di Google. Effettuiamo l&#8217;accesso con l&#8217;account da usare e inseriamo i dati richiesti.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Etichetta<\/strong>: scegliamo un nome, ad esempio il nome del nostro sito.<\/li>\n\n\n\n<li><strong>Tipo di reCAPTCHA<\/strong>: scegliamo il tipo di captcha da usare, per esempio v3.<\/li>\n\n\n\n<li><strong>Domini<\/strong>: digitiamo il dominio del sito web.<\/li>\n\n\n\n<li>Clicchiamo su Invia.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><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-forminator.png\" alt=\"Creare Chiavi Google Recaptcha Per Forminator\" class=\"wp-image-50341\" style=\"width:657px;height:700px\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-forminator.png 659w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-forminator-282x300.png 282w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-per-forminator-59x63.png 59w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/figure>\n\n\n\n<p>Vedremo quindi le due chiavi: chiave del sito e chiave segreta.<\/p>\n\n\n\n<p>A questo punto torniamo all&#8217;area di amministrazione del sito, clicchiamo su <em>Forminator &gt; Settings <\/em>e poi su CAPTCHA. Da qui selezioniamo reCaptcha e la versione che abbiamo scelto, nel nostro caso v3.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/configurare-google-recaptcha-su-forminator-1024x495.png\" alt=\"Configurare Google Recaptcha Su Forminator\" class=\"wp-image-50342\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/configurare-google-recaptcha-su-forminator-1024x495.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/configurare-google-recaptcha-su-forminator-300x145.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/configurare-google-recaptcha-su-forminator-768x371.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/configurare-google-recaptcha-su-forminator-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/configurare-google-recaptcha-su-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi copiamo e incolliamo le due <strong>chiavi API <\/strong>e clicchiamo su &#8220;Save settings&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-su-forminator-1024x633.png\" alt=\"Inserire Chiavi Recaptcha Su Forminator\" class=\"wp-image-50343\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-su-forminator-1024x633.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-su-forminator-300x186.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-su-forminator-768x475.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-su-forminator-102x63.png 102w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-su-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver configurato tutto correttamente, potremo aggiungere il campo Captcha ai nostri moduli. Per prima cosa inseriamo il campo Captcha in questo modo:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"741\" height=\"553\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-campo-catpcha-forminator.png\" alt=\"Inserire Campo Catpcha Forminator\" class=\"wp-image-50344\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-campo-catpcha-forminator.png 741w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-campo-catpcha-forminator-300x224.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-campo-catpcha-forminator-84x63.png 84w\" sizes=\"auto, (max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<p>A questo punto possiamo impostare il campo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>scegliamo il provider, nel nostro caso reCAPTCHA;<\/li>\n\n\n\n<li>selezioniamo il tipo, se abbiamo configurato solo il recaptcha v3 potremo impostare solo quello.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"721\" height=\"796\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-captcha-forminator.png\" alt=\"Modificare Campo Captcha Forminator\" class=\"wp-image-50345\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-captcha-forminator.png 721w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-captcha-forminator-272x300.png 272w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-campo-captcha-forminator-57x63.png 57w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/figure>\n\n\n\n<p>Possiamo poi anche modificare altre impostazioni come l&#8217;aspetto e la posizione del badge, per finire clicchiamo su &#8220;Apply&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"817\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/altre-impostazioni-campo-captcha-forminator.png\" alt=\"Altre Impostazioni Campo Captcha Forminator\" class=\"wp-image-50346\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/altre-impostazioni-campo-captcha-forminator.png 725w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/altre-impostazioni-campo-captcha-forminator-266x300.png 266w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/altre-impostazioni-campo-captcha-forminator-56x63.png 56w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"esportare-e-importare-i-moduli\">Esportare e importare i moduli<\/h3>\n\n\n\n<p>Possiamo esportare e importare i moduli creati con Forminator da un sito all&#8217;altro.<\/p>\n\n\n\n<p>Per <strong>esportare <\/strong>un modulo andiamo su <em>Forminator &gt; Forms<\/em>, clicchiamo sull&#8217;ingranaggio accanto al modulo da esportare e poi su <em>Export<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"288\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-modulo-forminator-1024x288.png\" alt=\"Esportare Modulo Forminator\" class=\"wp-image-50347\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-modulo-forminator-1024x288.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-modulo-forminator-300x85.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-modulo-forminator-768x216.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-modulo-forminator-120x34.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esportare-modulo-forminator.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Potremo quindi copiare il codice che vediamo nella finestra oppure scaricare un file txt con il codice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"671\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-codice-per-esportare-modulo-forminator.png\" alt=\"Copiare Codice Per Esportare Modulo Forminator\" class=\"wp-image-50348\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-codice-per-esportare-modulo-forminator.png 605w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-codice-per-esportare-modulo-forminator-270x300.png 270w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/copiare-codice-per-esportare-modulo-forminator-57x63.png 57w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/figure>\n\n\n\n<p>Per <strong>importare <\/strong>il modulo andiamo su <em>Forminator &gt; Forms <\/em>e clicchiamo su &#8220;Import&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-import-1024x402.png\" alt=\"Forminator Import\" class=\"wp-image-50349\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-import-1024x402.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-import-300x118.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-import-768x301.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-import-120x47.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/forminator-import.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 incolliamo il codice che abbiamo esportato e scegliamo se cambiare i destinatari con l&#8217;email dell&#8217;amministratore del sito di destinazione, per poi cliccare su Import.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"686\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-modulo-forminator.png\" alt=\"Importare Modulo Forminator\" class=\"wp-image-50350\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-modulo-forminator.png 493w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-modulo-forminator-216x300.png 216w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-modulo-forminator-45x63.png 45w\" sizes=\"auto, (max-width: 493px) 100vw, 493px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questo tutorial abbiamo visto come usare <strong>Forminator <\/strong>per creare moduli e integrarli nel nostro sito WordPress. <\/p>\n\n\n\n<p>Abbiamo anche esplorato alcune funzioni integrate nel plugin che ci permettono di proteggere il form attraverso il codice <strong>captcha<\/strong>, <strong>esportare <\/strong>moduli da un sito all&#8217;altro o aggiungere campi per l&#8217;accettazione di privacy e termini di servizio.<\/p>\n\n\n\n<p>La guida ti \u00e8 stata utile per capire come funziona il plugin? Sei riuscito a creare un modulo? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con Forminator puoi creare rapidamente moduli per il tuo sito: da un classico form di contatto fino a moduli per registrazioni e pagamenti. In questa guida dettagliata vedremo come usare Forminator per creare moduli a partire da modelli gi\u00e0 pronti, personalizzarli e integrarli sul tuo sito WordPress. Cos&#8217;\u00e8 Forminator Forminator \u00e8 uno dei plugin WordPress [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63534,"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-50291","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\/50291","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=50291"}],"version-history":[{"count":7,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/50291\/revisions"}],"predecessor-version":[{"id":129984,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/50291\/revisions\/129984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63534"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=50291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=50291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=50291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}