{"id":50940,"date":"2023-11-20T09:00:00","date_gmt":"2023-11-20T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=50940"},"modified":"2024-09-17T09:39:05","modified_gmt":"2024-09-17T09:39:05","slug":"ninja-forms","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/ninja-forms\/","title":{"rendered":"Ninja Forms: guida completa"},"content":{"rendered":"\n<p>Ninja Forms \u00e8 uno dei moduli per WordPress che consente di creare moduli di contatto e tanti altri tipi di form con un pratico<strong> editor drag &amp; drop<\/strong>. Una delle caratteristiche di Ninja Forms \u00e8 proprio la semplicit\u00e0 d&#8217;uso, inoltre le sue funzioni possono essere estese grazie all&#8217;aggiunta di add-on a pagamento.<\/p>\n\n\n\n<p>In questa guida ci concentreremo sulla versione gratuita di Ninja Forms e vedremo come creare un modulo di contatto e mettere a punto tutte le impostazioni dalla personalizzazione delle email di notifica all&#8217;aggiunta di un codice captcha per proteggere il modulo dallo spam.<\/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-ninja-forms\">Cos&#8217;\u00e8 Ninja Forms<\/a><\/li><li><a href=\"#come-installare-ninja-forms\">Come installare Ninja Forms<\/a><\/li><li><a href=\"#creare-un-form-con-ninja-forms\">Creare un form con Ninja Forms<\/a><ul><li><a href=\"#modifica-dei-campi\">Modifica dei campi<\/a><ul><li><a href=\"#testo-su-una-linea-sola\">Testo su una linea sola<\/a><\/li><li><a href=\"#testo-del-paragrafo\">Testo del paragrafo<\/a><\/li><li><a href=\"#casella-di-controllo-singola\">Casella di controllo singola<\/a><\/li><li><a href=\"#conferma\">Conferma<\/a><\/li><\/ul><\/li><li><a href=\"#email-e-azioni\">Email e azioni<\/a><ul><li><a href=\"#email-notifications\">Email notifications<\/a><\/li><li><a href=\"#email-confirmation\">Email confirmation<\/a><\/li><li><a href=\"#success-message\">Success message<\/a><\/li><li><a href=\"#record-submission\">Record submission<\/a><\/li><\/ul><\/li><li><a href=\"#configurazione-avanzata\">Configurazione avanzata<\/a><ul><li><a href=\"#impostazioni-di-visualizzazione\">Impostazioni di visualizzazione<\/a><\/li><li><a href=\"#limitazioni\">Limitazioni<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#inserire-il-modulo-nel-sito\">Inserire il modulo nel sito<\/a><ul><li><a href=\"#inserire-il-modulo-come-blocco-dalleditor\">Inserire il modulo come blocco dall&#8217;editor<\/a><\/li><li><a href=\"#inserire-il-modulo-da-shortcode\">Inserire il modulo da shortcode<\/a><\/li><li><a href=\"#inserire-il-modulo-dallopzione-append-ninja-form\">Inserire il modulo dall&#8217;opzione append Ninja form<\/a><\/li><li><a href=\"#condividere-link-diretto-al-modulo\">Condividere link diretto al modulo<\/a><\/li><\/ul><\/li><li><a href=\"#gestire-gli-invii\">Gestire gli invii<\/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><ul><li><a href=\"#inserire-link-alla-privacy-policy\">Inserire link alla privacy policy<\/a><\/li><li><a href=\"#contrassegnare-i-campi-che-contengono-dati-personali\">Contrassegnare i campi che contengono dati personali<\/a><\/li><\/ul><\/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\/ninja-forms-guida-1024x538.png\" alt=\"Ninja Forms Guida\" class=\"wp-image-51440\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-guida-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-guida-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-guida-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-guida-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-guida.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-ninja-forms\">Cos&#8217;\u00e8 Ninja Forms<\/h2>\n\n\n\n<p>Ninja Forms \u00e8 un <a href=\"https:\/\/supporthost.com\/it\/plugin-form-wordpress\/\" data-type=\"post\" data-id=\"71555\">plugin per creare form<\/a> per un sito WordPress. Esistono diversi plugin con questa funzione, tra i pi\u00f9 utilizzati troviamo <a href=\"https:\/\/supporthost.com\/it\/contact-form-7\/\" data-type=\"post\" data-id=\"15888\">Contact Form 7<\/a> e <a href=\"https:\/\/supporthost.com\/it\/wpforms\/\" data-type=\"post\" data-id=\"50239\">WPForms<\/a> con oltre 5 milioni di installazioni.<\/p>\n\n\n\n<p>Con Ninja Forms si pu\u00f2 partire dai template integrati ed \u00e8 possibile personalizzarli per creare in pochi minuti moduli di contatto, registrazione, pagamento e cos\u00ec via.<\/p>\n\n\n\n<p>Il plugin di base \u00e8 gratuito e include molte funzioni tra cui:<\/p>\n\n\n\n<ul>\n<li>un costruttore di moduli drag &amp; drop per creare con facilit\u00e0 i moduli;<\/li>\n\n\n\n<li>pi\u00f9 di 27 tipi di campi;<\/li>\n\n\n\n<li>possibilit\u00e0 di importare ed esportare i form;<\/li>\n\n\n\n<li>creazione di form senza limiti;<\/li>\n\n\n\n<li>design responsivo;<\/li>\n\n\n\n<li>possibilit\u00e0 di personalizzare le email di notifica.<\/li>\n<\/ul>\n\n\n\n<p>Ci sono poi altre funzioni aggiuntive che possono essere acquistate come <strong>add-on separati<\/strong> tra cui:<\/p>\n\n\n\n<ul>\n<li><em>excel<\/em><em> export<\/em> per esportare i dati via excel;<\/li>\n\n\n\n<li><em>conditional logic<\/em> per applicare condizioni logiche che permettono di mostrare o nascondere alcuni campi o inviare email a destinatari diversi;<\/li>\n\n\n\n<li><em>file uploads<\/em> per creare moduli con la funzione di caricamento dei file;<\/li>\n\n\n\n<li><em>multi step forms<\/em> per creare moduli multipagina;<\/li>\n\n\n\n<li><em>save progress<\/em> per consentire a chi compila il form di salvare e riprendere la compilazione successivamente;<\/li>\n\n\n\n<li><em>create a post<\/em> per permettere agli utenti di creare un articolo dal front-end del sito attraverso la compilazione di un modulo;<\/li>\n\n\n\n<li><em>layout and styles<\/em> che ci permette di modificare il layout e lo stile del modulo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-installare-ninja-forms\">Come installare Ninja Forms<\/h2>\n\n\n\n<p>Per utilizzare Ninja Forms sul nostro sito WordPress, la prima cosa da fare \u00e8 installarlo e attivarlo.<\/p>\n\n\n\n<p>Accediamo all&#8217;area di amministrazione del nostro sito WordPress e andiamo su <em>Plugin &gt; Aggiungi nuovo<\/em>. Da qui usiamo la barra di ricerca per trovare il plugin e clicchiamo su &#8220;<strong>Installa ora<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-ninja-forms-su-wordpress-1024x323.png\" alt=\"Installare Ninja Forms Su WordPress\" class=\"wp-image-50941\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-ninja-forms-su-wordpress-1024x323.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-ninja-forms-su-wordpress-300x95.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-ninja-forms-su-wordpress-768x243.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-ninja-forms-su-wordpress-120x38.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/installare-ninja-forms-su-wordpress.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo che il plugin sar\u00e0 installato, potremo attivarlo facendo click sul pulsante &#8220;<strong>Attiva<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"827\" height=\"369\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-ninja-forms-su-wordpress.png\" alt=\"Attivare Ninja Forms Su WordPress\" class=\"wp-image-50942\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-ninja-forms-su-wordpress.png 827w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-ninja-forms-su-wordpress-300x134.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-ninja-forms-su-wordpress-768x343.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-ninja-forms-su-wordpress-120x54.png 120w\" sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creare-un-form-con-ninja-forms\">Creare un form con Ninja Forms<\/h2>\n\n\n\n<p>Ora che abbiamo installato il plugin, siamo pronti per creare il primo form con Ninja Forms.<\/p>\n\n\n\n<p>Per prima cosa dalla dashboard di WordPress clicchiamo su <em>Ninja Forms &gt; Aggiungi nuovo<\/em>. Potremo quindi scegliere se partire da un <strong>modello vuoto<\/strong>, <em>Blank Form<\/em>, oppure da uno dei <strong>template gi\u00e0 pronti<\/strong>. I template che vedi in alto sono inclusi nella versione gratuita del plugin, mentre per utilizzare i template aggiuntivi bisogna acquistare gli add-on.<\/p>\n\n\n\n<p>Nel nostro esempio partiremo dal personalizzare il template di un modulo di contatti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-form-di-contatto-con-ninja-forms-1024x580.png\" alt=\"Creare Un Form Di Contatto Con Ninja Forms\" class=\"wp-image-50943\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-form-di-contatto-con-ninja-forms-1024x580.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-form-di-contatto-con-ninja-forms-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-form-di-contatto-con-ninja-forms-768x435.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-form-di-contatto-con-ninja-forms-111x63.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-form-di-contatto-con-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ci basta cliccare sul template scelto per essere rimandati al <strong>costruttore di moduli <\/strong>del plugin. Qui vediamo l&#8217;anteprima del form che stiamo creando e possiamo <strong>aggiungere nuovi campi<\/strong> cliccando sull&#8217;icona &#8220;+&#8221; in basso a destra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/costruttore-moduli-ninja-forms-aggiungere-nuovo-campo-1024x505.png\" alt=\"Costruttore Moduli Ninja Forms Aggiungere Nuovo Campo\" class=\"wp-image-50944\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/costruttore-moduli-ninja-forms-aggiungere-nuovo-campo-1024x505.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/costruttore-moduli-ninja-forms-aggiungere-nuovo-campo-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/costruttore-moduli-ninja-forms-aggiungere-nuovo-campo-768x379.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/costruttore-moduli-ninja-forms-aggiungere-nuovo-campo-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/costruttore-moduli-ninja-forms-aggiungere-nuovo-campo.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cliccando sull&#8217;icona per l&#8217;inserimento dei campi, potremo scegliere tra i campi presenti quale inserire. Per inserire un campo ci basta cliccare su di esso o <strong>trascinarlo <\/strong>come vedi in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserimento-campi-ninja-forms-1024x500.png\" alt=\"Inserimento Campi Ninja Forms\" class=\"wp-image-50945\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserimento-campi-ninja-forms-1024x500.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserimento-campi-ninja-forms-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserimento-campi-ninja-forms-768x375.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserimento-campi-ninja-forms-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserimento-campi-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver inserito uno o pi\u00f9 campi possiamo chiudere la finestra di inserimento cliccando su &#8220;Fatto&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-chiudere-finestra-inserimento-campi-1024x436.png\" alt=\"Ninja Forms Chiudere Finestra Inserimento Campi\" class=\"wp-image-50946\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-chiudere-finestra-inserimento-campi-1024x436.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-chiudere-finestra-inserimento-campi-300x128.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-chiudere-finestra-inserimento-campi-768x327.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-chiudere-finestra-inserimento-campi-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-chiudere-finestra-inserimento-campi.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sempre trascinando i campi gi\u00e0 inseriti, possiamo <strong>modificare l&#8217;ordine<\/strong> con cui verranno mostrati nel modulo.<\/p>\n\n\n\n<p>Passando con il mouse sopra uno dei campi e sopra l&#8217;icona a forma di ingranaggio, vedremo comparire tre opzioni che ho indicato qui con dei numeri:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"949\" height=\"390\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-dei-campi-copia-elimina-modifica-ninja-forms.png\" alt=\"Opzioni Dei Campi Copia Elimina Modifica Ninja Forms\" class=\"wp-image-50947\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-dei-campi-copia-elimina-modifica-ninja-forms.png 949w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-dei-campi-copia-elimina-modifica-ninja-forms-300x123.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-dei-campi-copia-elimina-modifica-ninja-forms-768x316.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-dei-campi-copia-elimina-modifica-ninja-forms-120x49.png 120w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\" \/><\/figure>\n\n\n\n<p>1) ci permette di duplicare il campo;<\/p>\n\n\n\n<p>2) elimina il campo;<\/p>\n\n\n\n<p>3) apre il pannello di modifica.<\/p>\n\n\n\n<p>Ora passiamo proprio alla modifica dei campi e vediamo che tipo di opzioni ci sono.<\/p>\n\n\n\n<p>Ricorda che durante la modifica del modulo ci sono tre pulsanti utili che devi conoscere:<\/p>\n\n\n\n<p>1) ci permette di vedere l&#8217;<strong>anteprima<\/strong> del modulo;<\/p>\n\n\n\n<p>2) consente di <strong>salvare le modifiche<\/strong> al modulo;<\/p>\n\n\n\n<p>3) chiude il costruttore di moduli e ci fa<strong> tornare alla dashboard <\/strong>di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"229\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/anteprima-e-pubblicazione-modulo-ninja-forms-1024x229.png\" alt=\"Anteprima E Pubblicazione Modulo Ninja Forms\" class=\"wp-image-50948\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/anteprima-e-pubblicazione-modulo-ninja-forms-1024x229.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/anteprima-e-pubblicazione-modulo-ninja-forms-300x67.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/anteprima-e-pubblicazione-modulo-ninja-forms-768x172.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/anteprima-e-pubblicazione-modulo-ninja-forms-120x27.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/anteprima-e-pubblicazione-modulo-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modifica-dei-campi\">Modifica dei campi<\/h3>\n\n\n\n<p>I campi hanno diverse opzioni in base al tipo. Nelle sezioni successive vedremo alcuni dei tipi di campi pi\u00f9 comuni dal campo testo alle checkbox.<\/p>\n\n\n\n<p>Tieni presente che per alcuni campi ci sono anche delle <strong>opzioni avanzate<\/strong>, per visualizzarle bisogna attivare la modalit\u00e0 di sviluppo andando su <em>Ninja Forms &gt; Impostazioni<\/em> e attivando l&#8217;opzione <em>Form Builder &#8220;Dev Mode&#8221; <\/em>come ti mostro qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-attivare-dev-mode-1024x471.png\" alt=\"Ninja Forms Attivare Dev Mode\" class=\"wp-image-50949\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-attivare-dev-mode-1024x471.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-attivare-dev-mode-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-attivare-dev-mode-768x353.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-attivare-dev-mode-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/ninja-forms-attivare-dev-mode.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Attivando questa modalit\u00e0 verranno mostrate altre opzioni quando modifichiamo un campo. Per esempio potremo inserire un <strong>limite di caratteri <\/strong>massimi inseribili in un campo, scegliere se disattivare il completamento automatico del browser, cambiare la posizione dell&#8217;etichetta e cos\u00ec via.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-sviluppo-avanzate-campi-ninja-forms-1024x460.png\" alt=\"Opzioni Di Sviluppo Avanzate Campi Ninja Forms\" class=\"wp-image-50950\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-sviluppo-avanzate-campi-ninja-forms-1024x460.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-sviluppo-avanzate-campi-ninja-forms-300x135.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-sviluppo-avanzate-campi-ninja-forms-768x345.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-sviluppo-avanzate-campi-ninja-forms-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-di-sviluppo-avanzate-campi-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"testo-su-una-linea-sola\">Testo su una linea sola<\/h4>\n\n\n\n<p>Fanno parte di questa tipologia diversi tipi di campo tra cui: nome, cognome, indirizzo, citt\u00e0, email e telefono.<\/p>\n\n\n\n<p>Quando modifichiamo un campo di questo tipo avremo diverse opzioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-campo-testo-su-una-linea-sola-ninja-forms-1024x493.png\" alt=\"Esempio Di Campo Testo Su Una Linea Sola Ninja Forms\" class=\"wp-image-50951\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-campo-testo-su-una-linea-sola-ninja-forms-1024x493.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-campo-testo-su-una-linea-sola-ninja-forms-300x145.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-campo-testo-su-una-linea-sola-ninja-forms-768x370.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-campo-testo-su-una-linea-sola-ninja-forms-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-campo-testo-su-una-linea-sola-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Etichetta<\/strong>: possiamo modificare l&#8217;etichetta che verr\u00e0 mostrata sopra il campo.<\/p>\n\n\n\n<p><strong>Campo obbligatorio<\/strong>: questa opzione ci consente di stabilire se il campo \u00e8 obbligatorio da compilare o facoltativo.<\/p>\n\n\n\n<p><strong>Valore predefinito<\/strong>: possiamo inserire un valore predefinito da inserire. Il valore potr\u00e0 essere modificato dall&#8217;utente che compila il campo.<\/p>\n\n\n\n<p><strong>Segnaposto<\/strong>: a differenza del valore predefinito, il segnaposto viene mostrato nel campo ma scompare quando l&#8217;utente clicca per compilarlo.<\/p>\n\n\n\n<p><strong>Descrizione<\/strong>: la descrizione compare subito sotto l&#8217;etichetta.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"testo-del-paragrafo\">Testo del paragrafo<\/h4>\n\n\n\n<p>Questo tipo di campo pu\u00f2 essere usato per creare un campo di richiesta o messaggio in un form di contatti. A differenza del campo che abbiamo visto prima, consente di inserire un vero e proprio paragrafo e non solo un testo breve che pu\u00f2 entrare in una sola riga.<\/p>\n\n\n\n<p>Per questo campo \u00e8 possibile abilitare il <strong>rich text editor<\/strong> per consentire agli utenti di formattare il testo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"233\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rich-text-per-campo-testo-del-paragrafo-ninja-forms-1024x233.png\" alt=\"Rich Text Per Campo Testo Del Paragrafo Ninja Forms\" class=\"wp-image-50952\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rich-text-per-campo-testo-del-paragrafo-ninja-forms-1024x233.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rich-text-per-campo-testo-del-paragrafo-ninja-forms-300x68.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rich-text-per-campo-testo-del-paragrafo-ninja-forms-768x175.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rich-text-per-campo-testo-del-paragrafo-ninja-forms-120x27.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rich-text-per-campo-testo-del-paragrafo-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"casella-di-controllo-singola\">Casella di controllo singola<\/h4>\n\n\n\n<p>Possiamo inserire nei nostri moduli delle checkbox singole. Modificando questo tipo di campo potremo:<\/p>\n\n\n\n<ul>\n<li>cambiare l&#8217;etichetta;<\/li>\n\n\n\n<li>scegliere se impostare il campo come obbligatorio;<\/li>\n\n\n\n<li>impostare la casella come selezionata o deselezionata di default.<\/li>\n<\/ul>\n\n\n\n<p>Come vedremo pi\u00f9 avanti, questo tipo di campo pu\u00f2 essere usato per raccogliere il consenso al trattamento dei dati personali.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"692\" height=\"477\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-casella-di-controllo-singola-ninja-forms.png\" alt=\"Opzioni Casella Di Controllo Singola Ninja Forms\" class=\"wp-image-50953\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-casella-di-controllo-singola-ninja-forms.png 692w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-casella-di-controllo-singola-ninja-forms-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/opzioni-casella-di-controllo-singola-ninja-forms-91x63.png 91w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"conferma\">Conferma<\/h4>\n\n\n\n<p>Il campo conferma ci permette di fare un controllo sull&#8217;inserimento di un altro campo. Per esempio possiamo usarlo per verificare l&#8217;inserimento corretto di un <strong>indirizzo email<\/strong> o di una <strong>password<\/strong>. Bisogna specificare qual \u00e8 il campo di riferimento selezionandolo dal menu a tendina sotto &#8220;Conferma&#8221;.<\/p>\n\n\n\n<p>Per esempio potremmo inserire un secondo campo di conferma sotto l&#8217;email per chiedere all&#8217;utente di digitare nuovamente l&#8217;indirizzo email. Se il valore inserito nel campo conferma non corrisponde a quello inserito nel campo email, il modulo non potr\u00e0 essere inviato e verr\u00e0 mostrato un messaggio di errore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-campo-conferma-ninja-forms-1024x392.png\" alt=\"Creare Un Campo Conferma Ninja Forms\" class=\"wp-image-50954\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-campo-conferma-ninja-forms-1024x392.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-campo-conferma-ninja-forms-300x115.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-campo-conferma-ninja-forms-768x294.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-campo-conferma-ninja-forms-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-un-campo-conferma-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"email-e-azioni\">Email e azioni<\/h3>\n\n\n\n<p>Dopo che abbiamo completato la creazione del nostro modulo, possiamo modificare le impostazioni relative alle notifiche e alle email. Dalla stessa schermata del costruttore di moduli ci basta cliccare sulla scheda &#8220;<em>Email e azioni<\/em>&#8220;.<\/p>\n\n\n\n<p>Qui vediamo la lista di azioni e possiamo attivarle o disattivarle cliccando sui relativi interruttori come ho evidenziato qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-o-disattivare-azioni-email-ninja-forms-1024x499.png\" alt=\"Attivare O Disattivare Azioni Email Ninja Forms\" class=\"wp-image-50955\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-o-disattivare-azioni-email-ninja-forms-1024x499.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-o-disattivare-azioni-email-ninja-forms-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-o-disattivare-azioni-email-ninja-forms-768x374.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-o-disattivare-azioni-email-ninja-forms-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-o-disattivare-azioni-email-ninja-forms.png 1138w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da qui possiamo modificare le azioni predefinite oppure crearne di nuove. Partiamo da quelle predefinite.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"email-notifications\">Email notifications<\/h4>\n\n\n\n<p>Questa email predefinita \u00e8 quella che viene inviata <strong>all&#8217;amministratore<\/strong> del sito quando un utente compila un modulo.<\/p>\n\n\n\n<p><strong>Nome azione<\/strong>: da qui possiamo modificare il nome che verr\u00e0 mostrato nella lista delle azioni.<\/p>\n\n\n\n<p><strong>A<\/strong>: questo \u00e8 l&#8217;indirizzo email del destinatario, di default viene utilizzata l&#8217;email dell&#8217;amministratore del sito, ma possiamo modificarlo o aggiungere altri indirizzi separandoli con una virgola.<\/p>\n\n\n\n<p><strong>Destinatario risposte<\/strong>: qui possiamo inserire l&#8217;indirizzo che verr\u00e0 utilizzato per la funzione &#8220;rispondi&#8221; dell&#8217;email. L&#8217;opzione di default, &#8220;{field:email}&#8221;, ci consente di rispondere direttamente all&#8217;indirizzo email inserito da chi ha compilato il modulo.<\/p>\n\n\n\n<p><strong>Oggetto<\/strong>: possiamo modificare l&#8217;oggetto dell&#8217;email usando i merge tag per prelevare ad esempio il nome del modulo e il titolo del sito.<\/p>\n\n\n\n<p><strong>Messaggio email<\/strong>: qui possiamo personalizzare il corpo dell&#8217;email usando sempre i tag facendo click sull&#8217;icona che ho evidenziato in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"879\" height=\"302\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-tag-email-notifica-ninja-forms.png\" alt=\"Aggiungere Tag Email Notifica Ninja Forms\" class=\"wp-image-50956\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-tag-email-notifica-ninja-forms.png 879w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-tag-email-notifica-ninja-forms-300x103.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-tag-email-notifica-ninja-forms-768x264.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-tag-email-notifica-ninja-forms-120x41.png 120w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/><\/figure>\n\n\n\n<p>Per esempio il tag &#8220;{all_fields_table}&#8221; aggiunge tutti i campi del modulo all&#8217;email, mentre &#8220;{fields_table}&#8221; aggiunge solo i campi che sono stati compilati dall&#8217;utente. Possiamo anche aggiungere i singoli campi e del testo come in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"803\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-notifica-modulo-ninja-forms.png\" alt=\"Personalizzare Email Notifica Modulo Ninja Forms\" class=\"wp-image-50957\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-notifica-modulo-ninja-forms.png 926w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-notifica-modulo-ninja-forms-300x260.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-notifica-modulo-ninja-forms-768x666.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-notifica-modulo-ninja-forms-73x63.png 73w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<p>Per modificare la formattazione HTML dell&#8217;email possiamo cliccare sull&#8217;icona &#8220;&lt;&gt;&#8221; che ho evidenziato qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"885\" height=\"325\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattazione-html-email-notifica-ninja-forms.png\" alt=\"Formattazione Html Email Notifica Ninja Forms\" class=\"wp-image-50958\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattazione-html-email-notifica-ninja-forms.png 885w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattazione-html-email-notifica-ninja-forms-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattazione-html-email-notifica-ninja-forms-768x282.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/formattazione-html-email-notifica-ninja-forms-120x44.png 120w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"email-confirmation\">Email confirmation<\/h4>\n\n\n\n<p>Possiamo modificare questa notifica per personalizzare l&#8217;email che sar\u00e0 inviata come conferma a chi ha compilato il modulo.<\/p>\n\n\n\n<p><strong>Nome azione<\/strong>: scegliamo il nome che verr\u00e0 mostrato nella lista delle azioni.<\/p>\n\n\n\n<p><strong>A<\/strong>: in questo caso vogliamo che l&#8217;email venga inviata a chi ha compilato il modulo, per cui lasciamo l&#8217;impostazione di default ({field:email}).<\/p>\n\n\n\n<p><strong>Oggetto<\/strong>: modifichiamo l&#8217;oggetto dell&#8217;email.<\/p>\n\n\n\n<p><strong>Messaggio email<\/strong>: come abbiamo visto prima possiamo personalizzare il messaggio dell&#8217;email.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"919\" height=\"838\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-conferma-modulo-ninja-forms.png\" alt=\"Personalizzare Email Conferma Modulo Ninja Forms\" class=\"wp-image-50959\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-conferma-modulo-ninja-forms.png 919w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-conferma-modulo-ninja-forms-300x274.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-conferma-modulo-ninja-forms-768x700.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/personalizzare-email-conferma-modulo-ninja-forms-69x63.png 69w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"success-message\">Success message<\/h4>\n\n\n\n<p>Questa azione ci permette di mostrare un messaggio di conferma all&#8217;utente che ha compilato il modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"387\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-ninja-forms-1024x387.png\" alt=\"Esempio Di Messaggio Di Conferma Ninja Forms\" class=\"wp-image-50960\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-ninja-forms-1024x387.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-ninja-forms-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-ninja-forms-768x291.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-ninja-forms-120x45.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esempio-di-messaggio-di-conferma-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"record-submission\">Record submission<\/h4>\n\n\n\n<p>Da qui possiamo modificare le impostazioni sulla <strong>conservazione dei dati<\/strong> che ci sono stati inviati tramite il modulo. In particolare possiamo scegliere se salvare tutti i campi o no e impostare una scadenza per poter eliminare i dati dopo un certo numero di giorni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-record-submission-ninja-forms-1024x477.png\" alt=\"Impostazioni Record Submission Ninja Forms\" class=\"wp-image-50961\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-record-submission-ninja-forms-1024x477.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-record-submission-ninja-forms-300x140.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-record-submission-ninja-forms-768x358.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-record-submission-ninja-forms-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/impostazioni-record-submission-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configurazione-avanzata\">Configurazione avanzata<\/h3>\n\n\n\n<p>Dal costruttore dei moduli di Ninja Forms possiamo cliccare sulla scheda &#8220;Configurazione avanzata&#8221; per accedere alle impostazioni aggiuntive del modulo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"376\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-configurazione-avanzata-ninja-forms-1024x376.png\" alt=\"Modulo Configurazione Avanzata Ninja Forms\" class=\"wp-image-50962\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-configurazione-avanzata-ninja-forms-1024x376.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-configurazione-avanzata-ninja-forms-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-configurazione-avanzata-ninja-forms-768x282.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-configurazione-avanzata-ninja-forms-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-configurazione-avanzata-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"impostazioni-di-visualizzazione\">Impostazioni di visualizzazione<\/h4>\n\n\n\n<p>Da qui possiamo modificare il titolo del modulo e scegliere se mostrarlo o no. Possiamo anche scegliere se svuotare il modulo dopo la compilazione e nasconderlo.<\/p>\n\n\n\n<p>Dalla sezione configurazione avanzata possiamo scegliere la <strong>posizione predefinita delle etichette<\/strong>, di default verranno mostrate sopra il campo come negli esempi che abbiamo visto prima.<\/p>\n\n\n\n<p>Possiamo anche <strong>modificare i messaggi di errore <\/strong>che verranno visualizzati durante la compilazione. Questo \u00e8 un vantaggio non trascurabile perch\u00e9 altri plugin per creare i moduli, tra cui ad esempio <a href=\"https:\/\/supporthost.com\/it\/forminator\/\" data-type=\"post\" data-id=\"50291\">Forminator<\/a>, non ti permettono di modificare questi messaggi di errore nella versione gratuita.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"651\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggi-di-errore-ninja-forms.png\" alt=\"Modificare Messaggi Di Errore Ninja Forms\" class=\"wp-image-50963\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggi-di-errore-ninja-forms.png 929w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggi-di-errore-ninja-forms-300x210.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggi-di-errore-ninja-forms-768x538.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modificare-messaggi-di-errore-ninja-forms-90x63.png 90w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"limitazioni\">Limitazioni<\/h4>\n\n\n\n<p>Possiamo definire delle limitazioni ad esempio impedire di inviare pi\u00f9 moduli utilizzando lo stesso indirizzo email.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"790\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limitazioni-modulo-ninja-forms.png\" alt=\"Limitazioni Modulo Ninja Forms\" class=\"wp-image-50964\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limitazioni-modulo-ninja-forms.png 900w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limitazioni-modulo-ninja-forms-300x263.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limitazioni-modulo-ninja-forms-768x674.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limitazioni-modulo-ninja-forms-72x63.png 72w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Da qui possiamo anche decidere se permettere di visualizzare e compilare il modulo solo agli utenti che hanno effettuato l&#8217;accesso al sito WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"782\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-che-richiede-il-login-ninja-forms.png\" alt=\"Modulo Che Richiede Il Login Ninja Forms\" class=\"wp-image-50965\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-che-richiede-il-login-ninja-forms.png 915w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-che-richiede-il-login-ninja-forms-300x256.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-che-richiede-il-login-ninja-forms-768x656.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/modulo-che-richiede-il-login-ninja-forms-74x63.png 74w\" sizes=\"auto, (max-width: 915px) 100vw, 915px\" \/><\/figure>\n\n\n\n<p>Nella sezione &#8220;Limita invii&#8221; possiamo impostare un numero massimo di invii in modo da non consentire pi\u00f9 invii del modulo raggiunta questa soglia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"460\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limite-invii-modulo-ninja-forms.png\" alt=\"Limite Invii Modulo Ninja Forms\" class=\"wp-image-50966\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limite-invii-modulo-ninja-forms.png 882w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limite-invii-modulo-ninja-forms-300x156.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limite-invii-modulo-ninja-forms-768x401.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/limite-invii-modulo-ninja-forms-120x63.png 120w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inserire-il-modulo-nel-sito\">Inserire il modulo nel sito<\/h2>\n\n\n\n<p>Dopo aver creato un modulo con Ninja Forms possiamo aggiungerlo a pagine o articoli del nostro sito con diversi metodi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-come-blocco-dalleditor\">Inserire il modulo come blocco dall&#8217;editor<\/h3>\n\n\n\n<p>Possiamo inserire il modulo creato con Ninja Forms da <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">Gutenberg<\/a> usando direttamente il <strong>blocco<\/strong> &#8220;Ninja Form&#8221;.<\/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\/inserire-blocco-ninja-form-gutenberg-1024x497.png\" alt=\"Inserire Blocco Ninja Form Gutenberg\" class=\"wp-image-50967\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-blocco-ninja-form-gutenberg-1024x497.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-blocco-ninja-form-gutenberg-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-blocco-ninja-form-gutenberg-768x373.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-blocco-ninja-form-gutenberg-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-blocco-ninja-form-gutenberg.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo averlo inserito ci baster\u00e0 scegliere dal menu a tendina il modulo che vogliamo inserire.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"814\" height=\"462\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-ninja-form-da-inserire-da-gutenberg.png\" alt=\"Selezionare Modulo Ninja Form Da Inserire Da Gutenberg\" class=\"wp-image-50968\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-ninja-form-da-inserire-da-gutenberg.png 814w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-ninja-form-da-inserire-da-gutenberg-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-ninja-form-da-inserire-da-gutenberg-768x436.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/selezionare-modulo-ninja-form-da-inserire-da-gutenberg-111x63.png 111w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-da-shortcode\">Inserire il modulo da shortcode<\/h3>\n\n\n\n<p>In alternativa possiamo anche usare lo <strong>shortcode <\/strong>generato dal plugin per inserire il modulo all&#8217;interno del sito. Ci basta andare su <em>Ninja Forms &gt; Dashboard<\/em> e poi copiare lo shortcode corrispondente al modulo che vogliamo inserire.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1010\" height=\"587\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/lista-moduli-ninja-forms-shortcode.png\" alt=\"Lista Moduli Ninja Forms Shortcode\" class=\"wp-image-50969\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/lista-moduli-ninja-forms-shortcode.png 1010w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/lista-moduli-ninja-forms-shortcode-300x174.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/lista-moduli-ninja-forms-shortcode-768x446.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/lista-moduli-ninja-forms-shortcode-108x63.png 108w\" sizes=\"auto, (max-width: 1010px) 100vw, 1010px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-il-modulo-dallopzione-append-ninja-form\">Inserire il modulo dall&#8217;opzione append Ninja form<\/h3>\n\n\n\n<p>Quando stiamo modificando una pagina o un articolo, possiamo cliccare sulla scheda pagina dalla sidebar dell&#8217;editor e scorrere fino alla sezione &#8220;Append a Ninja Form&#8221;. Da qui ci basta selezionare dal menu a tendina il nome del modulo e questo verr\u00e0 inserito alla fine della pagina o dell&#8217;articolo che stiamo modificando.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"608\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gutenberg-append-a-ninja-form.png\" alt=\"Gutenberg Append A Ninja Form\" class=\"wp-image-50972\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gutenberg-append-a-ninja-form.png 373w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gutenberg-append-a-ninja-form-184x300.png 184w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/gutenberg-append-a-ninja-form-39x63.png 39w\" sizes=\"auto, (max-width: 373px) 100vw, 373px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"condividere-link-diretto-al-modulo\">Condividere link diretto al modulo<\/h3>\n\n\n\n<p>Puoi anche condividere un <strong>link<\/strong> al modulo senza doverlo inserire all&#8217;interno del sito. Per farlo bisogna modificare il modulo e cliccare sull&#8217;icona del link accanto a &#8220;Pubblica&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"101\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-condivisione-link-al-modulo-ninja-forms-1024x101.png\" alt=\"Attivare Condivisione Link Al Modulo Ninja Forms\" class=\"wp-image-50970\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-condivisione-link-al-modulo-ninja-forms-1024x101.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-condivisione-link-al-modulo-ninja-forms-300x30.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-condivisione-link-al-modulo-ninja-forms-768x76.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-condivisione-link-al-modulo-ninja-forms-120x12.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/attivare-condivisione-link-al-modulo-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 devi attivare l&#8217;opzione &#8220;allow a public link&#8221; e potrai copiare il link da condividere.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"458\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condividere-link-al-modulo-ninja-forms.png\" alt=\"Condividere Link Al Modulo Ninja Forms\" class=\"wp-image-50971\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condividere-link-al-modulo-ninja-forms.png 928w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condividere-link-al-modulo-ninja-forms-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condividere-link-al-modulo-ninja-forms-768x379.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/condividere-link-al-modulo-ninja-forms-120x59.png 120w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gestire-gli-invii\">Gestire gli invii<\/h2>\n\n\n\n<p>Andando su <em>Ninja Forms &gt; Invii<\/em> possiamo vedere tutte le compilazioni dei moduli che abbiamo ricevuto. Gli invii sono suddivisi per singolo form, la prima cosa da fare quindi \u00e8 selezionare il modulo che vogliamo verificare dal menu a tendina, dopodich\u00e9 compariranno tutti i dati.<\/p>\n\n\n\n<p>Possiamo scaricare tutta la lista cliccando su<em> Download all submissions<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/elenco-invii-ninja-forms-1024x428.png\" alt=\"Elenco Invii Ninja Forms\" class=\"wp-image-50973\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/elenco-invii-ninja-forms-1024x428.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/elenco-invii-ninja-forms-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/elenco-invii-ninja-forms-768x321.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/elenco-invii-ninja-forms-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/elenco-invii-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se invece vogliamo esportare le compilazioni di pi\u00f9 moduli possiamo cliccare su &#8220;<strong>Bulk form exports<\/strong>&#8221; e poi selezionare i moduli e un intervallo di date.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"665\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/bulk-form-exports-ninja-forms.png\" alt=\"Bulk Form Exports Ninja Forms\" class=\"wp-image-50974\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/bulk-form-exports-ninja-forms.png 736w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/bulk-form-exports-ninja-forms-300x271.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/bulk-form-exports-ninja-forms-70x63.png 70w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/figure>\n\n\n\n<p>Da questa sezione possiamo anche <strong>reinviiare le email<\/strong>. Per prima cosa dobbiamo selezionare dall&#8217;elenco gli invii, dopodich\u00e9 dal menu &#8220;bulk actions&#8221; scegliamo &#8220;Trigger email action&#8221;. Si aprir\u00e0 un nuovo box da cui potremo scegliere quale azione email attivare, dopodich\u00e9 potremo cliccare sul pulsante &#8220;<em>Resend &#8220;x&#8221; emails<\/em>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"837\" height=\"879\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rimandare-email-ninja-forms.png\" alt=\"Rimandare Email Ninja Forms\" class=\"wp-image-50975\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rimandare-email-ninja-forms.png 837w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rimandare-email-ninja-forms-286x300.png 286w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rimandare-email-ninja-forms-768x807.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/rimandare-email-ninja-forms-60x63.png 60w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><\/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 il funzionamento generale del plugin Ninja Forms, passiamo a qualche operazione pi\u00f9 avanzata e andiamo a vedere:<\/p>\n\n\n\n<ul>\n<li>quali sono le opzioni per la privacy;<\/li>\n\n\n\n<li>come proteggere il modulo dallo spam;<\/li>\n\n\n\n<li>come trasferire moduli e dati da un sito all&#8217;altro.<\/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>Ninja Forms ha diverse funzioni che ci permettono di adeguare il modulo al GDPR.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-link-alla-privacy-policy\">Inserire link alla privacy policy<\/h4>\n\n\n\n<p>Possiamo usare il campo &#8220;HTML&#8221; per inserire un link alla privacy policy del nostro sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"357\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-policy-ninja-forms-1024x357.png\" alt=\"Campo Privacy Policy Ninja Forms\" class=\"wp-image-50976\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-policy-ninja-forms-1024x357.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-policy-ninja-forms-300x105.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-policy-ninja-forms-768x268.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-policy-ninja-forms-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campo-privacy-policy-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo anche utilizzare una <em>casella di controllo singola<\/em> per permettere agli utenti di accettare il trattamento dei dati personali. In questo caso la casella deve essere impostata come <strong>obbligatoria <\/strong>e di default deve essere <strong>deselezionata<\/strong>.<\/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\/casella-gdpr-ninja-forms-1024x378.png\" alt=\"Casella Gdpr Ninja Forms\" class=\"wp-image-50977\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/casella-gdpr-ninja-forms-1024x378.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/casella-gdpr-ninja-forms-300x111.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/casella-gdpr-ninja-forms-768x284.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/casella-gdpr-ninja-forms-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/casella-gdpr-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"contrassegnare-i-campi-che-contengono-dati-personali\">Contrassegnare i campi che contengono dati personali<\/h4>\n\n\n\n<p>Ninja Forms ci permette di contrassegnare i campi che contengono dati personali, in questo modo se riceviamo una richiesta di cancellazione possiamo eliminarli correttamente.<\/p>\n\n\n\n<p>Per contrassegnare i campi dobbiamo modificare il campo e poi attivare l&#8217;opzione &#8220;<em>this field is personally identifiable data<\/em>&#8220;. Per vedere questa impostazione devi aver attivato la modalit\u00e0 di sviluppo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"908\" height=\"674\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campi-dati-personali-ninja-forms.png\" alt=\"Campi Dati Personali Ninja Forms\" class=\"wp-image-50978\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campi-dati-personali-ninja-forms.png 908w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campi-dati-personali-ninja-forms-300x223.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campi-dati-personali-ninja-forms-768x570.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/campi-dati-personali-ninja-forms-85x63.png 85w\" sizes=\"auto, (max-width: 908px) 100vw, 908px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"integrare-google-re-captcha\">Integrare Google reCAPTCHA<\/h3>\n\n\n\n<p>Per ridurre lo spam possiamo proteggere i nostri moduli creati con Ninja Forms con Google reCaptcha.<\/p>\n\n\n\n<p>La prima cosa da fare \u00e8 collegarsi alla <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\" rel=\"noopener\">console<\/a> di recaptcha di Google e configurare il <a href=\"https:\/\/supporthost.com\/it\/codice-captcha\/\" data-type=\"post\" data-id=\"17097\">captcha<\/a>.<\/p>\n\n\n\n<ol>\n<li>Creiamo un <strong>etichetta<\/strong>, ad esempio inserendo il nome del sito.<\/li>\n\n\n\n<li>Scegliamo il tipo di recaptcha da usare, per esempio reCaptcha V3.<\/li>\n\n\n\n<li>Inseriamo il <strong>dominio<\/strong> del sito.<\/li>\n<\/ol>\n\n\n\n<p>Cliccando su <em>Invia<\/em> il sistema generer\u00e0 due chiavi: chiave del sito e chiave segreta che dovremo inserire nelle impostazioni del plugin.<\/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.png\" alt=\"Creare Chiavi Google Recaptcha\" class=\"wp-image-50980\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha.png 659w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-282x300.png 282w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/creare-chiavi-google-recaptcha-59x63.png 59w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/figure>\n\n\n\n<p>Torniamo alla dashboard del nostro sito WordPress e clicchiamo su <em>Ninja Forms &gt; Impostazioni<\/em>, qui nella sezione &#8220;<strong>Impostazioni reCaptcha<\/strong>&#8221; potremo inserire le due chiavi che abbiamo appena generato e cliccare poi sul pulsante &#8220;Salva i settaggi&#8221; in fondo alla pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-ninja-forms-1024x573.png\" alt=\"Inserire Chiavi Recaptcha Ninja Forms\" class=\"wp-image-50981\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-ninja-forms-1024x573.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-ninja-forms-300x168.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-ninja-forms-768x429.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-ninja-forms-113x63.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/inserire-chiavi-recaptcha-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adesso dobbiamo abilitare il reCaptcha sul modulo. Modifichiamo il modulo a cui vogliamo applicarlo e andiamo alla scheda &#8220;Email e azioni&#8221;, clicchiamo su &#8220;Aggiungi nuova azione&#8221; e poi selezioniamo &#8220;reCAPTCHA v3&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-v3-a-ninja-forms-1024x486.png\" alt=\"Aggiungere Recaptcha V3 A Ninja Forms\" class=\"wp-image-50982\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-v3-a-ninja-forms-1024x486.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-v3-a-ninja-forms-300x142.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-v3-a-ninja-forms-768x364.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-v3-a-ninja-forms-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/aggiungere-recaptcha-v3-a-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto possiamo salvare le modifiche cliccando su <em>Pubblica<\/em>.<\/p>\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>Ninja Forms include uno strumento per l&#8217;esportazione e l&#8217;importazione dei moduli da un sito all&#8217;altro.<\/p>\n\n\n\n<p>Per <strong>esportare <\/strong>un modulo clicchiamo su <em>Ninja Forms &gt; Importa\/esporta<\/em> e poi dalla sezione &#8220;Esporta form&#8221; ci basta selezionare il form e cliccare sul pulsante &#8220;Esporta form&#8221;. Il file verr\u00e0 esportato con estensione .nff.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"205\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esporta-form-con-ninja-forms-1024x205.png\" alt=\"Esporta Form Con Ninja Forms\" class=\"wp-image-50983\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esporta-form-con-ninja-forms-1024x205.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esporta-form-con-ninja-forms-300x60.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esporta-form-con-ninja-forms-768x154.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esporta-form-con-ninja-forms-120x24.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/esporta-form-con-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per <strong>importare<\/strong> un modulo andiamo su <em>Ninja Forms &gt; Importa\/esporta<\/em> e clicchiamo su &#8220;Scegli file&#8221;, selezioniamo il file che abbiamo esportato dall&#8217;altro sito e poi clicchiamo su &#8220;Importa form&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"262\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-form-ninja-forms-1024x262.png\" alt=\"Importare Form Ninja Forms\" class=\"wp-image-50984\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-form-ninja-forms-1024x262.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-form-ninja-forms-300x77.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-form-ninja-forms-768x196.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-form-ninja-forms-120x31.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/10\/importare-form-ninja-forms.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa guida a Ninja Forms abbiamo visto come installare il plugin e creare un modulo di contatto. Abbiamo esaminato le impostazioni del plugin e visto alcune funzioni avanzate che ci permettono di adeguare i moduli al <strong>GDPR <\/strong>e proteggerli dallo <strong>spam<\/strong>. <\/p>\n\n\n\n<p>Hai gi\u00e0 usato Ninja Forms per i moduli del tuo sito WordPress? Quali sono le caratteristiche che ti hanno portato a scegliere questo plugin rispetto agli altri? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ninja Forms \u00e8 uno dei moduli per WordPress che consente di creare moduli di contatto e tanti altri tipi di form con un pratico editor drag &amp; drop. Una delle caratteristiche di Ninja Forms \u00e8 proprio la semplicit\u00e0 d&#8217;uso, inoltre le sue funzioni possono essere estese grazie all&#8217;aggiunta di add-on a pagamento. In questa guida [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63528,"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-50940","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\/50940","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=50940"}],"version-history":[{"count":4,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/50940\/revisions"}],"predecessor-version":[{"id":71830,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/50940\/revisions\/71830"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63528"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=50940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=50940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=50940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}