daniele gilio
/ Tutorial

Come integrare Iubenda in WordPress

come integrare iubenda in wordpress
Come integrare Iubenda in WordPress, guida completa.

Privacy Policy, Cookie Policy, Consent Solution, blocco preventivo, cookie tecnici, cookie pubblicitari… che confusione incredibile!

Tranquillo, è del tutto normale essere confusi davanti a questo muro di leggi e regole Europee da rispettare MA, sto per spiegarti come sistemare questo problema in pochi minuti e senza avere competenze particolari! (solo un pò di pazienza)

Prima di iniziare mi presento, sono Daniele Gilio e sono un Marketer di professione, lavoro da più di 10 anni in questo mondo e aiuto professionisti, aziende e freelance a crescere nel mondo digitale e sono partner certificato di Iubenda.

Come integrare Iubenda in Wordpress

Ti sei mai chiesto come integrare Iubenda in WordPress?

Sono qui nel mio studio, davanti al mio pc, a scrivere questo articolo proprio per questo motivo.

Tantissime persone mi chiedono costantemente “Dani ma cosa devo fare per adeguare il mio sito? Non capisco come installare ciò che mi serve…”

Beh, siamo qui per questo!

Questa guida è adatta a tutti i siti internet, blog e E-commerce creati con WordPress!

Scopriamo insieme come integrare Iubenda in WordPress.

Presta attenzione a ciò che sto per dirti perché ti permetterà di risolvere questo grosso problema in pochi minuti e in modo super semplice!

Pronto? Lets go!

Che cos’è Iubenda?

Per chi non lo sapesse, Iubenda è sicuramente il modo più semplice e veloce per essere in regola con le leggi europee legate alla GDPR.

Nello specifico è un servizio Italiano, gestito da un team di avvocati specializzati nel settore, che mette a disposizione diversi tool da implementare nel nostro sito.

Il servizio di Iubenda ti permette di creare la documentazione in autonomia andando a selezionare i servizi che hai installato sul tuo sito (es. Analytics, HotJar, Facebook Pixel, etc) e Iubenda genererà la documentazione necessaria senza aver bisogno di un avvocato che scriva tutto a mano.

Fatte le premesse passiamo alla parte più tecnica!

Come attivare il servizio di Iubenda?

Come puoi attivare il servizio di Iubenda?

Nulla di più semplice, vai sul sito ufficiale e inizia la configurazione! (tranquillo, ora vedremo passo passo cosa fare)

Ti lascio qui sotto il link diretto al servizio + un regalo! 🎁

Tramite questo link avrai diritto al 10% di sconto sul tuo acquisto, mica male no? (non ringraziarmi 😆)

ATTIVA IL 10% DI SCONTO SUL TUO PIANO IUBENDA

Appena aperto il link che ti ho fornito, dovresti trovarti nella home page di Iubenda e, in alto, dovresti vedere un “coupon” del 10% attivo (come in questa foto)

come integrare iubenda in wordpress
Come integrare Iubenda in WordPress

Bene! Ora premi su “Inizia la generazione”.

Dovrebbe aprirsi una schermata come questa:

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress

Ottimo!

Nel nostro caso, parlando di siti web, lasciamo selezionata la prima opzione (Sito web) e inseriamo nella barra sotto il dominio del nostro sito (es. “danielegilio.it”)

Bene, ora premi su “Inizia la generazione

Ti apparirà la schermata di registrazione

come integrare iubenda in wordpress
Come integrare Iubenda in WordPress

Procedi pure con la registrazione tramite Facebook o inserendo manualmente Email e Password.

Fatto questo ci troveremo di fronte alla Dashboard del nostro account Iubenda.

PRIMA DI INIZIARE A CONFIGURARE IL TOOL dobbiamo attivare la licenza PRO (perché la versione base ha delle limitazioni che non ci permettono di configurare il tutto nel modo ottimale).

Per farlo premi sul tasto “Upgrade” sotto al nome del tuo sito

come integrare iubenda in wordpress
Come integrare Iubenda in WordPress

Ora puoi selezionare il piano più adatto a te.

Nel caso di un blog o un sito web istituzionale selezioniamo “Licenza PRO” e, in basso a destra, clicca su “Una licenza per questo sito /anno”

Come integrare Iubenda in Wordpress

Ora compila i dati di pagamento (puoi anche richiedere fattura nel passaggio successivo)

come integrare iubenda in wordpress

Esegui il pagamento con PayPal o con la Carta di credito e siamo pronti per iniziare la configurazione!

Ricordati che usando il link che ti ho lasciato pagherai il piano Iubenda il 10% in meno!

ATTIVA IL 10% DI SCONTO SUL TUO PIANO IUBENDA

Come configurare il servizio di Iubenda

Una volta attivato il piano PRO siamo pronti per configurare la nostra Privacy e Cookie Policy.

Torna sulla Dashboard di Iubenda e iniziamo!

I servizi che ci interessano sono principalmente 2:

Privacy e Cookie Policy
(la documentazione che spiega come verranno utilizzati i cookie e i dati degli utenti)

Cookie Solution
(il banner che gestisce il blocco preventivo dei cookie sul tuo sito)

NB. Da Gennaio 2022 sarà obbligatorio anche il registro dei consensi, lo trovi sotto il nome di “Consent solution” che ha un costo di 319€/anno. Se desideri un’offerta migliore per questa soluzione contattami. In questa guida comunque ti spiego come implementare la Privacy e Cookie Policy e il Banner Cookie.

Partiamo dalla Privacy Policy, clicca su “Genera ora”. (nella foto qui sotto il cerchio numero 1)

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress.

Una volta cliccato su “Genera ora” ti troverai nella schermata di configurazione del servizio.

Iniziamo ad aggiungere i vari servizi attivi sul nostro sito.

Premi su “Aggiungi un Servizio”

come integrare iubenda in wordpress

Fatto questo, abbiamo 2 possibilità.

  1. Aggiungere manualmente i servizi attivi sul nostro sito
  2. Fare una scansione automatica del sito con il tool di Iubenda

Come integrare Iubenda in Wordpress

Cosa fare?

Se non sai con precisione cosa hai integrato, fai una scansione in modo da rilevare in automatico i servizi da attivare.

Di solito comunque in siti semplici basta inserire manualmente i servizi.

Ad esempio: abbiamo integrato Google Analytics per sapere quante persone visitano il nostro sito?

Benissimo, dobbiamo aggiungerlo come servizio.

Come integrare Iubenda in Wordpress

Cosi per tutti gli altri (Siteground, Facebook Pixel, Google Tag Manager)

Tutti i tool che potenzialmente tracciano o registrano informazioni vanno segnalati nella Policy del nostro sito.

Fatto questo, premiamo su “Avanti” e passiamo allo step successivo!

Ti troverai in questa schermata:

come integrare iubenda in wordpress

Come puoi ben intuire, dobbiamo inserire il “Titolare del sito web”, cioè il responsabile del trattamento dei dati.

Inseriamo quindi i dati (aziendali o privati, in base al tipo di sito) e la mail di riferimento.

Salviamo e procediamo!

Bene, finita questa parte (la più lunga) passiamo all’ultima parte della configurazione.

Procedi con L’attivazione della Cookie Policy (premi su Attiva, come in foto) e poi, una volta attivata, configuriamo la Cookie Solution (premendo su “Setup”).

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress

Benissimo, ora passiamo alla parte più “creativa” (se cosi possiamo definirla 😆)

Ti apparirà questa sezione:

Come integrare Iubenda in Wordpress

Cosa dobbiamo fare qui? Molto semplice.

In questa sezione scegliamo la parte “grafica” del nostro banner (quello che effettivamente uscirà sul sito una volta integrato).

Lato grafico scegli tu lo stile che preferisci, potrai:

  • Selezionare la posizione e la dimensione del banner (In basso centrale, in basso a destra più piccolo, in alto, in centro schermo, etc)
  • Selezionare i colori di sfondo, i colori del testo e i colori dei pulsanti
  • Selezionare la versione Light o la versione Dark

Nb. Per gli smanettoni, c’è la personalizzazione avanzata.

Una cosa importante da fare è selezionare tutte le funzionalità legate alla GDPR Europea (come nella foto sopra).

Benissimo!

Ora non ci resta che salvare questa sezione e passare all’integrazione vera e propria!

Come integrare Iubenda in WordPress

Perfetto, ora che abbiamo compilato correttamente la nostra Privacy e Cookie Policy e abbiamo configurato il design e le funzioni del nostro banner Cookie, passiamo all’integrazione sul nostro sito.

Tornando sulla nostra Dashboard di Iubenda vedrai una finestra simile a questa:

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress.

Partiamo con integrare la Privacy e la Cookie Policy.

Premi su “Integra”.

Ti troverai davanti a questi 2 box pieni di codice HTML (tranquillo, non è codice alieno 😆)

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress

Non dovrai capirlo ma solo copiarlo e incollarlo.

Ora vedremo come integrare questi codici nel nostro WordPress in 2 modi (in base a come hai costruito il tuo sito).

Come integrare Iubenda in WordPress con Gutemberg

Se usi Gutemberg dovrai integrare i codici in questo modo qua:

Cerca tra i blocchi di Gutember il blocco “Codice” e inseriscilo nella tua pagina

Come integrare Iubenda in Wordpress

Una volta inserito il blocco, copia TUTTO IL CODICE da Iubenda (uno per volta) e incollali nel blocco che hai appena creato.

Dovresti vedere una cosa simile a questa

Come integrare Iubenda in Wordpress

Salva la pagina ed il gioco è fatto, sulla tua pagina vedrai 2 link chiamato Privacy Policy e Cookie Policy.

Cliccando su questi link l’utente potrà vedere tutti i tools installati sul sito (quelli che abbiamo configurato su Iubenda nella fase precedente) e tutti gli altri dettagli sul trattamento dei dati (aggiornati periodicamente da Iubenda per rimanere al passo con le leggi).

Come integrare Iubenda in WordPress con Elementor

Bene passiamo ad Elementor, il mio builder preferito per WordPress.

Apro una piccola parentesi su Elementor. Non c’è assolutamente builder migliore di Elementor sul mercato, è inarrivabile.

A tal proposito, sono aperte le iscrizioni al pre-lancio di Website Accelerator, il mio corso avanzato su Elementor adatto a chi parte da zero e ai professionisti. Se vuoi informazioni aggiuntive sui moduli del corso clicca qui.

Momento marketta finito!

Continuiamo a scoprire come integrare Iubenda in WordPress con Elementor.

In realtà è molto simile a Gutemberg come logica.

Andiamo sul nostro Editor, cerchiamo l’elemento “HTML” e inseriamolo nel nostro template o nella nostra pagina.

Come integrare Iubenda in Wordpress

entriamo nell’editor dell’elemento e, come in precedenza, incolliamo entrambi i codici copiati da Iubenda, uno dopo l’altro.

Come integrare Iubenda in Wordpress

Premi su Aggiorna, et voilà.

Bene ora passiamo all’integrazione del Banner.

A differenza dei link alla Privacy e alla Cookie Policy, il banner dei Cookie possiamo installarlo utilizzando il plugin ufficiale di Iubenda.

Quindi questo metodo vale con qualsiasi tema o builder per WordPress.

Come installare il plugin di Iubenda su WordPress

Scopriamo come integrare Iubenda in WordPress attraverso il plugin ufficiale.

Prima di fare qualsiasi cosa, accediamo alla nostra dashboard di WordPress (ovviamente xD).

Sulla colonna di sinistra vai sul menù “Plugin” e cliccha su “Aggiungi nuovo“.

Come integrare Iubenda in Wordpress

Una volta aperta la sezione plugin, nella barra di ricerca in alto a destra scrivi “Iubenda”

Come integrare Iubenda in Wordpress

Dopo aver eseguito la ricerca, nella lista di risultati, troverai il plugin ufficiale chiamato “Iubenda – Cookie and Consent Solution for GDPR & ePrivacy“.

Una volta individuato, clicca su “Installa adesso

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress con il plugin ufficiale.

Attendi qualche istante e poi, una volta finita l’installazione, premi su “Attiva

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress con il plugin ufficiale

Come configurare il plugin di Iubenda su WordPress

Ora troverai una nuova voce di Menu nella colonna Menu di WordPress (verso il basso).

Bene, clicca su “Iubenda” e apri le impostazioni del plugin.

Come integrare Iubenda in Wordpress

Ti troverai davanti ad un campo di testo vuoto come questo

Come integrare Iubenda in Wordpress

Ora, torniamo un attimo su Iubenda, andiamo nella Dashboard e premi su “INTEGRA” a destra sotto Cookie Solution.

Come integrare Iubenda in Wordpress

Vedrai un codice simile a quelli di prima, copia tutto premendo sul tasto “Copia” nell’angolo del box

Come integrare Iubenda in Wordpress

Torniamo su WordPress, nella schermata di prima, e incolliamo il codice nel campo di testo

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress

Premi su Salva ed il gioco è fatto!

Ora apri il tuo sito, attendi qualche secondo e… vedrai il banner uscire!

Come integrare Iubenda in Wordpress
Come integrare Iubenda in WordPress con Elementor.

Ovviamente, se premi su “Accetta” e ricarichi la pagina non lo vedrai uscire di nuovo. Una volta salvata la scelta, il browser non riproporrà il banner.

Trick: Se vuoi testare il banner più volte, apri una finestra di Chrome in “Navigazione anonima” e accedi al sito. Essendo navigazione in incognito, non avrai la preferenza dei cookie salvata e quindi vedrai di nuovo il banner.

Conclusione

Siamo arrivato alla fine!

Abbiamo visto nel dettaglio come integrare iubenda in wordpress, sia con Gutemberg che con Elementor (i più usati).

Che fatica 😂

Non ti nascondo che scrivere questa guida mi ha assorbito parecchie energie, ci sono voluti diversi giorni!

Però dato che questo argomento può essere molto utile a tanti freelance o appassionati del web ho deciso di prendermi questi giorni per aiutarvi a superare questo scoglio.

Ora ti chiedo un favore: condividi questo articolo con chi ne ha bisogno!

Ci sono molti “professionisti” che vendono queste informazioni a prezzi senza senso quindi, se questo articolo ti è stato utile, aiutami ad aiutare (scusami il gioco di parole 😂) altri professionisti o amici del web!

Per me è molto importante, se lo farai te ne sarò grato <3

Ti ricordo che puoi trovare altri miei contenuti sui miei canali social attivi:

Se sei arrivato a leggere fin qui, grazie!

Ci vediamo nel prossimo articolo!

Daniele Gilio

seguimi su
informazioni sull'autore
daniele gilio

Full-Stack Marketer
Imprenditore, Nerd.

Ho trasformato la mia passione per il web in un lavoro e aiuto le persone a costruire la propria immagine online! :D

Credits
Articolo di Daniele Gilio
Chi sono

Full-Stack Marketer
Imprenditore, Nerd.

Ho trasformato la mia passione per il web in un lavoro e aiuto le persone a costruire la propria immagine online! :D

seguimi su

Scarica subito il manuale gratuito!

Iscrivendoti accetti la Privacy Policy e dichiari di voler ricevere l'ebook gratuito e contenuti esclusivi via email
altri articoli

Crea il tuo sito web partendo da zero

hai un sito web?
5 strumenti indispensabili

Il miglior hosting per il tuo sito web in Wordpress

ottieni sconto

Il modo più facile e veloce per costruire il tuo sito web

scopri di più

Ottimizza al massimo la SEO e posizionati primo su Google

scopri di più

Analisi strategiche e statistiche avanzate, tutto in un unico posto

scopri di più

Automatizza la tua comunicazione e crea funnel mail incredibili

scopri di più
Leggi
anche
Prima di andare via, dai un'occhiata a questi articoli ;)
/ Digital Marketing
Google Analytics è ufficialmente ILLEGALE in Europa. Detta cosi, non si mette benissimo per noi marketer ma… c’è la soluzione! Scopri quale.
Assistente virtuale: come iniziare
10 min
/ Digital Marketing
Nel periodo che stiamo vivendo i lavori digital sono praticamente esplosi e, oggi più che mai, c’è bisogno di persone competenti che possano supportare le realtà digitali in veloce espansione.
Mi trovi anche qui
Sei dentro!

Ti ho appena inviato una mail, ti arriverà tra qualche minuto.

Ps. Se non la trovi, controlla nello spam :)