De lay-out van de banner aanpassen (nieuwe versie)
Overzicht
Met de Layout-instellingen bepaal je hoe de cookiebanner op je winkel verschijnt en zich gedraagt.
Je kunt het uiterlijk van de bannerdialoog, de positionering, de knoplay-out en animatie-effecten rechtstreeks in de applicatie aanpassen.
Om deze opties te openen, ga je naar:
Cookie banner > Layout
De lay-outconfiguratie werkt samen met de instelling Consent dialogs, die bepaalt of bezoekers een cookiemelding, een voorkeurendialoog of beide na elkaar zien.
Consent Dialogs
De eerste stap bij het configureren van de bannerlay-out is selecteren welke toestemmingsdialogen aan bezoekers worden getoond.
Beschikbare opties zijn onder meer:
- Cookie Notice – Toont een banner waarin bezoekers snel cookies kunnen accepteren of weigeren.
- Cookie Notice & Preferences – Toont eerst een cookiemelding en laat bezoekers de voorkeurendialoog openen om cookiecategorieën te beheren.
- Preferences Only – Toont meteen de volledige voorkeurendialoog, zodat bezoekers cookiecategorieën direct kunnen configureren.
Lay-outopties voor Cookie Notice
Wanneer de dialoog Cookie Notice is ingeschakeld, komen er verschillende lay-outopties beschikbaar.
Deze opties bepalen hoe de eerste banner wordt weergegeven.
Dialog Appearance
Bepaalt het visuele formaat van de cookiemelding.
Beschikbare lay-outs:
- Box – Een compacte dialoog die als zwevend venster verschijnt.
- Bar – Een horizontale banner over de pagina.
- Wide – Een grotere dialoog met meer ruimte voor inhoud.
Position
Bepaalt waar de banner op het scherm verschijnt.
De beschikbare posities hangen af van het geselecteerde dialoogtype.
Voorbeelden zijn:
- Center
- Top left
- Top center
- Top right
- Bottom left
- Bottom center
- Bottom right
- Middle left
Bij de lay-out Bar kan de banner verschijnen aan de:
- Top
- Bottom
Window Size
Bepaalt de totale grootte van de bannerdialoog.
Beschikbare formaten:
- XS
- SM
- MD
- LG
- XL
Grotere formaten bieden meer ruimte voor langere berichten, logo's en extra knoppen.
Animation (Show / Hide)
Bepaalt de animatie die wordt gebruikt wanneer de banner verschijnt of verdwijnt.
Beschikbare animatiestijlen:
- Fade
- Slide
- Zoom
- Grow
Animaties maken de interactie met de banner soepeler en opvallender.
Buttons
Bepaalt welke knoppen in de dialoog van de cookiemelding verschijnen.
Beschikbare opties zijn onder meer:
- Accept–Decline (aanbevolen)
- Accept only
- Decline only
- Preferences
De geselecteerde configuratie bepaalt welke keuzes bezoekers hebben.
Button Layout
Bepaalt hoe knoppen in de banner zijn gerangschikt.
Beschikbare lay-outs:
- Horizontal
- Horizontal (grouped)
- Horizontal (justified)
Additional Options
Aanvullende lay-outaanpassingen zijn onder meer:
Reverse order
Draait de volgorde van de knoppen om.
Hide header
Verbergt de header-elementen van de banner, zoals:
- Titel
- Logo
- Sluitknop
- Taalkiezer
Center align
Centreert de inhoud van de banner, waaronder:
- Header
- Bericht
- Knoppen
Dit werkt het best met de dialoogtypen Box en Wide.
Lay-outopties voor de voorkeurendialoog
Wanneer de Preferences dialog is ingeschakeld, komen er extra lay-outinstellingen beschikbaar voor het gedetailleerde toestemmingsvenster.
Dialog Appearance
Bepaalt de lay-outstijl van het voorkeurenvenster.
Beschikbare opties:
- Box – Een gecentreerde zwevende dialoog.
- Drawer – Een schuifpaneel dat van boven of onder verschijnt.
- Sidepanel – Een paneel dat vanaf de linker- of rechterkant inschuift.
Position
De positie hangt af van het geselecteerde dialoogtype.
Voorbeelden zijn:
Voor Box:
- Center
- Top left
- Top center
- Top right
- Bottom left
- Bottom center
- Bottom right
Voor Drawer:
- Top
- Bottom
Voor Sidepanel:
- Left
- Right
Buttons
Bepaalt welke knoppen beschikbaar zijn in de voorkeurendialoog.
Beschikbare configuraties:
- Accept–Decline
- Accept only
- Decline only
Button Layout
Bepaalt hoe actieknoppen worden weergegeven.
Beschikbare lay-outs:
- Vertical
- Vertical (grouped)
- Horizontal
- Horizontal (grouped)
- Horizontal (justified)
Additional Options
Reverse order
Draait de volgorde van de knoppen om.
Require Save Preferences
Wanneer ingeschakeld:
- Passen de knoppen Accept en Decline de categorieselecties aan
- Wordt toestemming pas opgeslagen na een klik op Save preferences
Deze optie geeft bezoekers meer controle om hun keuzes te bekijken voordat ze die bevestigen.
Categories & Cookies Display
Bepaalt hoe cookiecategorieën en details in de voorkeurendialoog worden weergegeven.
Beschikbare opties zijn onder meer:
Show category descriptions
Toont een korte uitleg onder elke cookiecategorie.
Show cookies list
Laat bezoekers categorieën uitklappen en de afzonderlijke cookies bekijken die erbij horen.
Use checkboxes instead of switches
Toont categoriebesturing als selectievakjes in plaats van schakelaars.
Animation
Bepaalt hoe de voorkeurendialoog verschijnt en sluit.
Beschikbare animatietypen:
- Fade
- Slide
- Zoom
- Grow
Samenvatting
Met de Layout-instellingen heb je volledige controle over hoe de toestemmingsdialogen verschijnen en zich gedragen.
Met deze opties kun je instellen:
- Het type toestemmingsdialoog dat wordt getoond
- De positie en grootte van de banner
- Knoplay-out en interactieopties
- De structuur van de voorkeurendialoog
- Animaties en visuele presentatie
Samen zorgen deze instellingen ervoor dat de banner soepel past bij het ontwerp en de gebruikerservaring van je winkel.
Bijgewerkt op: 19/10/2026
Dankuwel!