Personalizzare il layout del banner (nuova versione)
Panoramica
Le impostazioni di Layout ti permettono di controllare come il banner dei cookie appare e si comporta nel tuo negozio.
Puoi personalizzare direttamente nell'applicazione aspetto del dialogo del banner, posizionamento, disposizione dei pulsanti ed effetti di animazione.
Per accedere a queste opzioni, vai su:
Cookie banner > Layout
La configurazione del layout funziona insieme all'impostazione Consent dialogs, che determina se i visitatori vedono un cookie notice, un dialogo delle preferences o entrambi in sequenza.
Consent Dialogs
Il primo passo per configurare il layout del banner è selezionare quali consent dialogs verranno mostrati ai visitatori.
Le opzioni disponibili includono:
- Cookie Notice – Mostra un banner in cui i visitatori possono accettare o rifiutare rapidamente i cookie.
- Cookie Notice & Preferences – Mostra prima un cookie notice e permette ai visitatori di aprire il dialogo delle preferences per gestire le categorie di cookie.
- Preferences Only – Mostra subito il dialogo completo delle preferences, permettendo ai visitatori di configurare direttamente le categorie di cookie.
Opzioni di layout del Cookie Notice
Quando il dialogo Cookie Notice è attivo, diventano disponibili diverse opzioni di layout.
Queste opzioni definiscono come viene mostrato il banner iniziale.
Dialog Appearance
Controlla il formato visivo del cookie notice.
Layout disponibili:
- Box – Un dialogo compatto che appare come una finestra flottante.
- Bar – Un banner orizzontale mostrato su tutta la larghezza della pagina.
- Wide – Un dialogo più grande che offre più spazio per i contenuti.
Position
Definisce dove compare il banner sullo schermo.
Le posizioni disponibili dipendono dall'aspetto del dialogo selezionato.
Alcuni esempi:
- Center
- Top left
- Top center
- Top right
- Bottom left
- Bottom center
- Bottom right
- Middle left
Per il layout Bar, il banner può comparire in:
- Top
- Bottom
Window Size
Controlla la dimensione complessiva del dialogo del banner.
Dimensioni disponibili:
- XS
- SM
- MD
- LG
- XL
Le dimensioni maggiori offrono più spazio per messaggi più lunghi, loghi e pulsanti aggiuntivi.
Animation (Show / Hide)
Controlla l'animazione usata quando il banner compare o scompare.
Stili di animazione disponibili:
- Fade
- Slide
- Zoom
- Grow
Le animazioni rendono l'interazione con il banner più fluida e più evidente.
Buttons
Definisce quali pulsanti compaiono nel dialogo del cookie notice.
Le opzioni disponibili includono:
- Accept–Decline (consigliata)
- Accept only
- Decline only
- Preferences
La configurazione selezionata determina le scelte di interazione disponibili per i visitatori.
Button Layout
Controlla come sono disposti i pulsanti all'interno del banner.
Layout disponibili:
- Horizontal
- Horizontal (grouped)
- Horizontal (justified)
Additional Options
Ulteriori regolazioni del layout includono:
Reverse order
Inverte l'ordine dei pulsanti.
Hide header
Nasconde gli elementi dell'header del banner, come:
- Titolo
- Logo
- Pulsante di chiusura
- Selettore della lingua
Center align
Centra il contenuto del banner, inclusi:
- Header
- Messaggio
- Pulsanti
Funziona meglio con i tipi di dialogo Box e Wide.
Opzioni di layout del dialogo Preferences
Quando il dialogo Preferences è attivo, diventano disponibili impostazioni di layout aggiuntive per la finestra di consenso dettagliata.
Dialog Appearance
Definisce lo stile di layout della finestra delle preferences.
Opzioni disponibili:
- Box – Un dialogo flottante al centro.
- Drawer – Un pannello scorrevole che compare dall'alto o dal basso.
- Sidepanel – Un pannello che scorre dal lato sinistro o destro.
Position
La posizione dipende dal tipo di dialogo selezionato.
Alcuni esempi:
Per Box:
- Center
- Top left
- Top center
- Top right
- Bottom left
- Bottom center
- Bottom right
Per Drawer:
- Top
- Bottom
Per Sidepanel:
- Left
- Right
Buttons
Definisce quali pulsanti sono disponibili nel dialogo delle preferences.
Configurazioni disponibili:
- Accept–Decline
- Accept only
- Decline only
Button Layout
Controlla come vengono mostrati i pulsanti di azione.
Layout disponibili:
- Vertical
- Vertical (grouped)
- Horizontal
- Horizontal (grouped)
- Horizontal (justified)
Additional Options
Reverse order
Inverte l'ordine dei pulsanti.
Require Save Preferences
Quando è attivo:
- I pulsanti Accept e Decline aggiornano le selezioni delle categorie
- Il consenso viene memorizzato solo dopo aver cliccato su Save preferences
Questa opzione dà ai visitatori più controllo nel rivedere le proprie scelte prima di confermarle.
Categories & Cookies Display
Controlla come categorie e dettagli dei cookie appaiono nel dialogo delle preferences.
Le opzioni disponibili includono:
Show category descriptions
Mostra una breve spiegazione sotto ogni categoria di cookie.
Show cookies list
Permette ai visitatori di espandere le categorie e vedere i singoli cookie associati.
Use checkboxes instead of switches
Mostra i controlli delle categorie come checkbox invece che come interruttori.
Animation
Controlla come il dialogo delle preferences compare e si chiude.
Tipi di animazione disponibili:
- Fade
- Slide
- Zoom
- Grow
Riepilogo
Le impostazioni di Layout ti permettono di controllare completamente come i consent dialogs appaiono e si comportano.
Con queste opzioni puoi configurare:
- Il tipo di consent dialog mostrato
- La posizione e la dimensione del banner
- La disposizione dei pulsanti e le opzioni di interazione
- La struttura del dialogo delle preferences
- Animazioni e presentazione visiva
Insieme, queste impostazioni aiutano a far integrare il banner in modo fluido con il design e l'esperienza utente del tuo negozio.
Aggiornato il: 20/10/2026
Grazie!