WordPress Edition

Come personalizzare il cookie banner di My Agile Privacy

Questa guida ti aiuterà a configurare il Cookie Banner di My Agile Privacy in base alle tue esigenze di design.
Ecco le principali opzioni di personalizzazione disponibili.

Personalizzazione grafica del Cookie Banner

Il Cookie Banner può essere configurato per adattarsi allo stile del tuo sito. Ecco alcune opzioni:

Posizionamento: verticale (in basso o centro pagina), orizzontale (sinistra, centro, destra).
Dimensioni: 3 larghezze tra cui scegliere, per adattarsi alla finestra.
Colori: personalizzabili per sfondo, testo e pulsanti.
Tipografia: puoi regolare dimensione font e spazio tra le righe.
Raggio di curvatura: per angoli arrotondati su banner e pulsanti.

Visualizza sempre un’anteprima in tempo reale prima di pubblicare.

Queste opzioni sono disponibili dal menu My Agile Privacy nell’admin di WordPress.

Personalizzazione avanzata: CSS custom e wrapper

Se desideri una personalizzazione più profonda, vai su My Agile Privacy > Avanzate e sfrutta le opzioni custom CSS e wrapping.
Nota: sconsigliamo questa funzione se non hai conoscenze base di CSS.

Custom CSS

Permette di scrivere CSS personalizzato che viene incluso ovunque sul sito. Il banner ha un ID specifico: my-agile-privacy-notification-area. Puoi targettare questo ID o i suoi elementi interni per modificare aspetto, colori, bottoni, ecc.

I dettagli di ID e classi sono visibili dalla console JS del browser esaminando il banner.

Wrapping CSS

Se attivi questa opzione, i testi delle policy pubblicati via shortcode avranno il wrapper .myagileprivacy_text_wrapper. Così puoi personalizzare via CSS colore, font, dimensione, ecc.

Inserisci le regole CSS sempre nel campo "Custom CSS".

Personalizzazione dei testi

Puoi modificare ogni testo del banner dalla sezione My Agile Privacy > Testi e Traduzioni.
Puoi vedere subito l’anteprima e modificare testi per ogni lingua attiva nel tuo piano.

Nota: consulta il tuo consulente privacy prima di modificare i testi per non perdere conformità.

Reset dei testi

Puoi ripristinare i testi originali con l’opzione "Vuoi ritornare ai contenuti di default? Clicca qui per resettare la lingua corrente".
Dopo il reset, salva le modifiche.

Come mostrare messaggi di avviso per cookie non accettati

Con My Agile Privacy puoi mostrare un avviso quando certi cookie non sono stati accettati (es. recapcha, moduli newsletter, mappe, ecc).
Basta inserire un blocco html dove vuoi che appaia:

Attenzione: le tue scelte cookie non permettono la visualizzazione di questo contenuto. Clicca qui per rivedere le tue preferenze.

Cliccando, il banner cookie si riapre così l’utente può modificare le preferenze.

Messaggi personalizzati per cookie specifici

Puoi collegare il messaggio a uno specifico cookie seguendo questi step:

Individua il cookie in My Agile Privacy > elenco cookie e apri il dettaglio (es: Google RECAPTCHA).
Copia la sua API KEY dalle impostazioni del cookie (es: google_recaptcha).
Personalizza questo codice:

<div class="map_custom_notify map_api_key_APIKEYQUI showConsentAgain" style="display: block;">
Attenzione: le tue scelte cookie non permettono la visualizzazione di questo elemento. Clicca qui per rivedere le tue preferenze.
</div>

Sostituisci APIKEYQUI con la chiave del cookie. Puoi ovviamente personalizzare il messaggio testuale.

Esempio per RECAPTCHA:

<div class="map_custom_notify map_api_key_google_recaptcha showConsentAgain" style="display: block;">
Attenzione: le tue scelte cookie non permettono l'invio del form. Clicca qui per rivedere le tue preferenze.
</div>

Risorse utili

Per una configurazione completa consulta: