> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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** ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41126_1uppcxs.png) 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: 1. **Cookie Notice** – Mostra un banner in cui i visitatori possono accettare o rifiutare rapidamente i cookie. 2. **Cookie Notice & Preferences** – Mostra prima un cookie notice e permette ai visitatori di aprire il dialogo delle preferences per gestire le categorie di cookie. 3. **Preferences Only** – Mostra subito il dialogo completo delle preferences, permettendo ai visitatori di configurare direttamente le categorie di cookie. ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41157_kk3yj.png) --- # 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 ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41246_1pohuc4.png) --- ### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41352_1uts38o.png) --- ### 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.