Introduzione

In questo richiestissimo tutorial vediamo insieme come aggiungere il checkbox per l'accettazione del trattamento dei dati sui form di contatto del tema Divi.

Il codice mostrato in questo tutorial è ottimizzato per funzionare in modo ottimale quando nella pagina è presente un solo form di contatto.

Ti ricordiamo che nel normale form di contatto di Divi è possibile inserire checkbox ma non è possibile inserire il link che rimanda alla privacy policy, cosa che è richiesta per avere un form a norma di legge.

In questo tutorial vediamo proprio come inserire questo checkbox con il relativo link alla policy e un messaggio di errore che compare se l'utente non mette la spunta.

NOTA: se non hai ancora una privacy e cookie policy per il tuo sito WordPress, ti consigliamo di leggere la nostra guida su come creare una privacy policy usando Iubenda.

Unisciti alla Community

Ricevi gli aggiornamenti sulle risorse per Divi, WordPress, temi child, layout corsi online e tutto quello che ti può servire per potenziare la tua comunicazione nel web. Unisciti ora alla community!

Accetto il trattamento dei miei dati personali secondo la privacy policy di imparaqui.it Accetto il trattamento dei dati personali secondo la privacy policy.*

Alcune informazioni sul trattamento dati

Per avere un form di contatto a norma di legge bisogna offrire all'utente la possibilità di mettere una spunta su un checkbox per il consenso al trattamento dei dati personali e secondo la nuova normativa entrata in vigore nel 2018 è necessario offrire un secondo checkbox qualora il trattamento sia anche a fini commerciali (newsletter, funnel di vendita, ecc.).

In questo tutorial vediamo come inserire un unico checkbox nel modulo di contatto di Divi.

Per vedere una demo di come verrà il vostro modulo di contatto con la spunta per il trattamento dati, puoi cliccare su questo link.

Bene, ora siamo pronti per iniziare!

Creare il form di contatto

Per prima cosa crea il tuo form di contatto con il relativo modulo presente nel builder del tema Divi, e poi clicca sull'ingranaggio delle impostazioni del modulo.

Ora clicca su “Avanzate” e vai su “ID e Classi CSS” inserisci qui la seguente classe nel box delle classi CSS » checkbox-form.
Bene, ora salva tutto e procedi con il prossimo passaggio.

Aggiungere il codice javascript

Apri il pannello delle opzioni di Divi e recati alla voce “Integrazione” poi scorri fino all'opzione “Aggiungi codice al < body > (ottimo per codici di monotoraggio come Google Analytics)” dovrai inserire qui il codice javascript necessario.

Per ricevere il codice javascript necessario ti chiediamo di inserire qui sotto la tua migliore email, ti invieremo immediatamente il codice e potrai ricevere occasionalmente aggiornamenti sui nostri migliori tutorial per Divi, WordPress, Elementor, MailChimp, e tanto altro! Se non vorrai più ricevere i nostri messaggi ti potrai disiscrivere o cambiare le tue preferenze in ogni momento.

Accetto il trattamento dei miei dati personali secondo la privacy policy di imparaqui.it Accetto il trattamento dei dati personali secondo la privacy policy.*

Bene, ora copia il codice javascript che hai ricevuto via email nel box “Aggiungi codice al < body >” come specificato prima e come mostrato nello screenshot qui sotto.
Ora puoi personalizzare la scritta che comparirà prima del checkbox del form di contatto, andando a modificare le stringhe di testo che vedi nell'immagine qui sotto.

Potrai inserire il link della pagina della tua privacy policy al posto della frase “INSERISCI QUI IL LINK ALLA TUA PRIVACY POLICY” e potrai modificare tutta lastringa di testo, anche quella relativa all'errore mostrato dalla pagina se l'utente non clicca sul checkbox.

Ricorda di scrivere sempre all'interno delle virgolette!

Bene! Ora vai a ricaricare la pagina con il tuo form di contatto e la magia è fatta!

Noterai la comparsa del famigerato checkbox del trattamento dei dati personali e il tuo form sarà a norma di legge!

Conclusione

Ricorda che secondo i recenti sviluppi legislativi è necessario tenere traccia dei dati inseriti dagli utenti e anche del loro consenso al trattamento dei dati personali.

Puoi approfondire queste tematiche sul sito di Iubenda dove potrai leggere tutti gli aggiornamenti introdotti dalle nuove normative sulla privacy e potrai chiedere delucidazioni agli esperti tramite la loro chat istantanea.

Se hai qualsiasi domanda non esitare a scrivere nei commenti e ricorda di iscriverti al gruppo Divi Italian Community per condividere la tua esperienza, richiedere consigli e conoscere altre persone che usano il tema Divi quotidianamente come te!

Pascal Claro

Creatore di imparaqui.it appassionato del tema WordPress Divi di Elegant Themes, sempre alla ricerca di nuove strategie di comunicazione. Attualmente lavoro alla creazione del corso DiviLand per creare landing page e funnel efficaci usando Divi e tutti i migliori strumenti di marketing!

logo-imparaqui

Unisciti alla Community!

Ricevi le risorse su Divi, Bloom, Monarch, e i tutorial e i lanci per i corsi online riservati alla community di imparaqui.it!

Usi il tema WordPress Divi?

Su cosa vuoi ricevere aggiornamenti?

Trattamento dati

Benvenuto/a nella community!