Maak kennis met onze nieuwe, snellere en geoptimaliseerde Pandectes GDPR Compliance-banner
Introductie van je snellere, slimmere toestemmingsbanner
Sinds 2018 is het de missie van Pandectes om Shopify-verkopers robuuste en betrouwbare privacytools te bieden. Na meer dan een jaar ontwikkeling introduceren we met trots de nieuwe Pandectes Cookie Banner, een volledige herziening die draait om duidelijkheid, flexibiliteit, prestaties en compliance.
Deze update introduceert een hoogpresterende Web Component-banner en een gestroomlijnde beheerinterface. Het gaat verder dan een visuele opfris en herdefinieert hoe toestemmingsbeheer werkt in moderne Shopify-winkels, op basis van feedback van verkopers, veranderende privacywetgeving en de Customer Privacy API's van Shopify.
Deze updates gelden voor alle abonnementen. Elke winkel profiteert van betere prestaties en een krachtigere basis, terwijl elk abonnement nu meer functies en flexibiliteit bevat dan voorheen.
Wat er nieuw is in een oogopslag
Een volledig vernieuwde banner
De nieuwe banner is gebouwd als een moderne web component om de prestaties en betrouwbaarheid te verbeteren.
Belangrijkste voordelen:
- Snellere laadtijd en uitvoering van de banner.
- Geen interferentie met de CSS van je thema.
- Schonere storefront zonder bijeffecten op de lay-out.
- Een moderne interface die zich aanpast aan verschillende layouts en apparaten.
Slimmere live preview
De bannerinstellingen bevatten nu een nauwkeurigere en geünificeerde live preview, direct in de admin-interface.
Belangrijkste verbeteringen:
- Desktop-preview standaard, met een directe schakelaar voor mobiel.
- Schakelaar voor lichte en donkere achtergrond om het contrast te testen.
- Realtime weergave van animaties en overgangen.
Duidelijkere bannertypes
We hebben starre, vooraf ingestelde bannertypes vervangen door drie flexibele structuren. Zo blijft je toestemmingslogica (opt-in versus opt-out) consistent, ongeacht de visuele stijl die je kiest.
Beschikbare opties:
- Cookie Notice: Een eenvoudige, lichte banner met één laag.
- Cookie notice & Preferences: Geavanceerd toestemmingsbeheer, zichtbaar als primaire laag.
- Preferences Only: Een klassieke aanpak met twee lagen voor maximale transparantie.
Flexibelere layouts en animaties
Je hebt volledige controle over hoe en waar je banner verschijnt. Alles is modulair en aanzienlijk flexibeler dan voorheen.
Belangrijkste mogelijkheden:
- Diverse Layouts: Kies uit de stijlen Box, Bar, Wide, Drawer en Sidepanel.
- Granular Positioning: 9 verschillende ankerpunten, waaronder midden en midden-links.
- Button Logic: Kies tussen gegroepeerde, uitgelijnde, verticale of horizontale uitlijningen.
- Smooth Motion: Professionele animatieopties, waaronder fade, slide, zoom en grow.
Een slimmere toestemmingswidget
De toestemmingswidget (de knop om opnieuw te openen) is nu een vast onderdeel van het bannerecosysteem, zodat klanten altijd van gedachten kunnen veranderen.
Belangrijkste verbeteringen:
- Geünificeerd ontwerp- en animatiesysteem, gedeeld met de hoofdbanner.
- Mogelijkheid om het laatst bekeken venster of de specifieke toestemmingsstatus opnieuw te openen.
- Ondersteuning voor aangepaste triggers om de widget te openen vanaf elke link in je thema.
Moderne stijlen met AI-gestuurde tools
De stijlopties zijn opnieuw ontworpen voor professionele resultaten met minimale inspanning.
Beschikbare opties:
- AI Theme Detection: Detecteert en past automatisch de primaire kleuren van je winkel toe.
- Refined Assets: Een bijgewerkte logogalerij met high-fidelity iconen.
- Button Customization: Kies uit gevulde, omlijnde of platte stijlen, met volledige controle over afronding en randen.
- Custom Style: Ondersteuning voor aangepaste CSS voor geavanceerde aanpassingen
Geavanceerde instellingen, beter georganiseerd
Complexe configuratieopties zijn nu gegroepeerd in een speciale sectie Advanced.
Inbegrepen functies:
- Regels voor de zichtbaarheid van de banner
- Opslagopties met HTML-opslag of cookies
- Configuratie van impliciete toestemming
- Alternatieve sluitacties zoals scrolldiepte, timeout, de Escape-toets of klikken buiten het venster
- Synchronisatie van toestemming over meerdere tabbladen
- Optioneel de pagina opnieuw laden of doorverwijzen bij toestemmingsevents
Zo blijft de hoofdinstelling overzichtelijk en heb je toch volledige controle voor geavanceerde toepassingen.
Toestemmingsmodellen en wereldwijde regio's
De geolocatie-instellingen zijn nu volledig gesynchroniseerd met de Customer Privacy API van Shopify. Zo sluiten de toestemmingssignalen die onze app verzamelt perfect aan op de interne privacy-instellingen van je Shopify-winkel.
Beschikbare toestemmingsmodellen:
- Opt-in: Vereist voor GDPR-conforme regio's.
- Opt-out: Geoptimaliseerd voor CCPA-achtige eisen in de VS.
- Auto-pilot / Geotargeting: Detecteert automatisch de locatie van de bezoeker en past het juiste model toe. Opt-in voor bezoekers uit de EU, opt-out voor bezoekers uit de VS.
- Flexible: Wijs verschillende toestemmingsregels (opt-in/opt-out) toe aan verschillende regio's binnen één instelling.
De zichtbaarheid van de banner per regio kan wereldwijd of per regio worden ingesteld, inclusief de EU/EER en het Verenigd Koninkrijk, de Verenigde Staten, Canada, Brazilië, Japan, Australië en nog veel meer. Alle instellingen blijven gesynchroniseerd met de configuratie van je Shopify-winkel.
Ondersteuning voor het IAB TCF-framework
Voor winkels die geavanceerde advertenties gebruiken, bevat de nieuwe versie volledige ondersteuning voor het IAB Transparency and Consent Framework (TCF 2.3).
Dit industriestandaardframework is essentieel voor verkopers die gepersonaliseerde advertenties draaien in de EER en het Verenigd Koninkrijk. Het stelt je winkel in staat granulaire toestemmingssignalen rechtstreeks door te geven aan advertentienetwerken en Google, zodat je marketing zowel compliant als effectief blijft.
Let op: TCF-ondersteuning is uitsluitend beschikbaar op het Enterprise-abonnement.
Pandectes oud versus nieuw: structurele vergelijkingskaart
Feature Category | Legacy Version | New Version | AI Interpretation of Change |
|---|---|---|---|
Architecture | Monolithic: Bannertype (bijvoorbeeld "Informative") bepaalde zowel de logica als de knoppen in de UI. | Modular: Toestemmingslogica (opt-in/opt-out) is losgekoppeld van de dialoogindeling (Box/Bar/Wide). | High: Overstap van vaste presets naar een flexibele "Rules Engine" + "UI Engine." |
Logic Core | Handmatige regioselectie, onafhankelijk van Shopify-instellingen. | Native Sync: 100% geïntegreerd met Shopify Customer Privacy API en winkelregio's. | High: V2 is "context-aware" en respecteert automatisch de wereldwijde privacysignalen van Shopify. |
UI Positioning | 11 vaste presets (bijvoorbeeld "Zwevend bovenaan, midden"). | Contextual: Posities zijn relatief ten opzichte van de layout (Box, Bar, Wide, Sidepanel, Drawer). | Medium: Betere UX; voorkomt onlogische posities (bijvoorbeeld een Bar in het midden). |
Visual Sizing | Handmatige pixelinvoer voor breedte en padding. | T-Shirt Sizing: Gestandaardiseerde | Medium: Verschuiving naar responsiviteit volgens design-systeemstandaarden in plaats van handmatige eenheden. |
Theming | 4 HEX-overrides + vaste thema's (Block, Classic). | AI-Driven: "Auto-adjust" detecteert winkelkleuren + 10 granulaire overrides per element. | High: Introductie van intelligente stijling (AI-detectie) en diepgaande aanpassing. |
Consent Widget | Zwevend icoon of tekst; eenvoudige resetlogica. | Interactive Mini-Dialog: Toont "Huidige keuzes" + inklapbare details + animaties. | Medium: De widget is nu een "Derde dialoog" met een eigen statusbeheer. |
User Interaction | Expliciet versus impliciet (scroll/timeout). | Advanced Controls: Esc-toets, klikken buiten het venster, scrollvergrendeling, tabbladsynchronisatie. | Low: Toevoeging van moderne toegankelijkheids- en "Power User"-interactieopties. |
Preferences | Eén vast voorkeurenvenster voor alle situaties. | Multi-Form: Ondersteunt Sidepanels, Drawers en een specifieke logica voor "Voorkeuren opslaan". | Medium: Optimalisatie voor mobiel en merkesthetiek met hoge eisen (Drawers). |
Vergelijkingskaart voor layouts
Feature | Legacy Version Flexibility | New Version Flexibility |
|---|---|---|
Notice Layouts | 1 (standaard modal/bar) | 3 (Box, Bar, Wide) |
Preferences Layouts | 1 (standaard modal) | 3 (Box, Drawer, Sidepanel) |
Sizing | Handmatige pixels (vast) | 5 presets (responsief) |
Button Pairing | Vergrendeld op bannertype | Volledig aanpasbaar |
Animations | Eenvoudige schakelaar | 4 types (Fade, Slide, Zoom, Grow) |
Het ultieme zakelijke voordeel: snelheid en stabiliteit
De nieuwe banner is gebouwd met moderne webtechnieken die technische verbeteringen omzetten in meetbare zakelijke voordelen.
Technische verbetering | Zakelijk voordeel |
|---|---|
Betere prestaties (0ms TBT) | Snellere interactiviteit, zodat klanten direct met je winkel kunnen communiceren |
Verbeterde responsiviteit op mobiel | Lagere bounce rates dankzij een stabiele ervaring op mobiele apparaten |
Ingekapselde CSS (Shadow DOM) | Voorkomt dat de bannerstijl je Shopify-thema beïnvloedt |
Web Component-architectuur | Ontworpen om mee te gaan met toekomstige webstandaarden en veranderende privacyvereisten |
Deze verbeteringen ondersteunen sterkere Core Web Vitals en een betrouwbaardere winkelervaring.
De impact op prestaties in cijfers
De overstap naar een Web Component-architectuur haalt de technische beperkingen van traditionele banners weg.
Metriek | Oude versie | Nieuwe versie | Verbetering |
|---|---|---|---|
Total Blocking Time (TBT) | 20ms | 0ms | 100% minder |
Largest Contentful Paint (LCP) | 1197.8ms | 109.0ms | 90.9% sneller |
Stijlberekening | Globaal | Geïsoleerd | Minimale belasting van de browser |
Doordat vertragingen die de thread blokkeren worden weggenomen, wordt je winkel sneller interactief. Dat verbetert de Core Web Vitals, de gebruikerservaring en het conversiepotentieel.
Verbeterde flexibiliteit en nieuwe functies
De nieuwe versie vervangt starre instellingen door een modulair systeem dat de aanpassingsmogelijkheden aanzienlijk uitbreidt.
Geavanceerde layout-engine
- Flexibele architectuur voor meldingen en voorkeuren
- 9 positioneringsopties, waaronder midden en midden-links
- 3 meldingslayouts: Box, Bar en Wide
- 3 layouts voor het voorkeurencentrum: Box, Sidepanel en Drawer
Intelligente ontwerptools
- AI-gestuurde kleurdetectie op basis van je Shopify-thema
- Bijgewerkte icoon- en logogalerij met verbeterde assets
- Uitgebreide opties voor knopstijlen, met controle over randen en afronding
Uitgebreide controle en compliance
- Regio-instellingen gesynchroniseerd met de Customer Privacy API van Shopify
- Synchronisatie van toestemming over meerdere tabbladen
- Keuze tussen HTML-opslag en cookies voor het opslaan van toestemming
- Alternatieve bannertriggers, waaronder scrolldiepte en toetsenbordacties
Vergelijking van mogelijkheden
Functie | Oude versie | Nieuwe versie |
|---|---|---|
Weergave van de banner | Directe DOM-injectie | Web Component |
Previewervaring | Op modal gebaseerd | Geünificeerde live previewer |
Interactie met het thema | Globale CSS | Geïsoleerde styling |
Mobiele ervaring | Statische layouts | Responsieve lagen |
Regionale logica | Handmatig | Gesynchroniseerd met de Shopify API |
Opslagopties | Alleen cookies | Cookies of HTML-opslag |
Knoplogica | Vaste types | Flexibele configuratie |
Verbeteringen per abonnement
Alle abonnementen profiteren van de nieuwe prestatie-architectuur. De beschikbaarheid van functies hangt af van het gekozen abonnement:
- Free and Basic: Toegang tot de nieuwe web component-engine en de vernieuwde beheerinterface.
- Premium: Inclusief geavanceerde stijlen, AI-kleurdetectie en alternatieve sluitacties (scrollen, timeout, enzovoort).
- Enterprise: Volledige ondersteuning voor IAB TCF 2.3, cross-domain toestemming, geavanceerde JS API-integraties en granulaire regionale controles.
Aanvullende mogelijkheden zijn onder andere:
- Synchronisatie van toestemming over browsertabbladen
- Alternatieve sluitacties zoals de Escape-toets, klikken buiten het venster of een timeout
- Optioneel de pagina opnieuw laden na toestemming, voor compatibiliteit met bepaalde scripts
- Ondersteuning voor aangepaste triggers via de JS API
Verouderde functies:
- Vaste bannertypes
- Globale CSS-overrides
- Oude geolocatiepagina
Waarom dit belangrijk is voor je winkel
Deze update bevat alles wat we sinds 2018 hebben geleerd. Door over te stappen naar de nieuwe versie zorg je ervoor dat je winkel beschikt over:
- Snellere prestaties en betere Core Web Vitals.
- Geen risico op conflicten met het thema of de CSS.
- Naadloze synchronisatie met de eigen privacy-instellingen van Shopify.
- Een toekomstbestendige basis voor wereldwijde privacycompliance.
Aan de slag met de nieuwe versie
Om de nieuwe configuratieopties te verkennen, open je Cookie banner in je Pandectes GDPR Compliance-app. Gebruik de geünificeerde live previewer om je nieuwe layout te testen voordat je publiceert.
Als je tijdens de overstap hulp nodig hebt, staat ons supportteam voor je klaar om je instelling te optimaliseren en het maximale uit de nieuwe bannerfuncties te halen.
Bijgewerkt op: 27/10/2026
Dankuwel!