Maak kennis met onze nieuwe, snellere en geoptimaliseerde Pandectes GDPR Compliance-banner
Maak kennis met je snellere, slimmere toestemmingsbanner
Sinds 2018 is het de missie van Pandectes om Shopify-merchants robuuste en betrouwbare tools voor gegevensprivacy te bieden. Na ruim een jaar ontwikkeling presenteren we met trots de nieuwe Pandectes Cookie Banner, een volledig nieuw ontwerp met focus op duidelijkheid, flexibiliteit, prestaties en compliance.
Deze update introduceert een zeer snelle Web Component-banner en een gestroomlijnde beheerinterface. Het gaat verder dan een visuele opfrisbeurt en geeft het beheer van toestemming een nieuwe invulling in moderne Shopify-winkels, op basis van feedback van merchants, 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 is er nieuw in het kort
Een volledig vernieuwde banner
De nieuwe banner is gebouwd als een modern web component om prestaties en betrouwbaarheid te verbeteren.
Belangrijkste voordelen:
- Sneller laden en uitvoeren van de banner.
- Geen interferentie met de CSS van je thema.
- Een schonere storefront zonder bijwerkingen voor de lay-out.
- Een moderne gebruikersinterface die zich aanpast aan verschillende lay-outs en apparaten.
Slimmere live preview
De bannerinstellingen bevatten nu een nauwkeurigere en uniforme live preview, rechtstreeks in de beheerinterface.
Belangrijkste verbeteringen:
- Standaard een desktopweergave met een directe mobiele schakelaar.
- Een schakelaar voor lichte en donkere achtergrond om het contrast te testen.
- Realtime weergave van animaties en overgangen.
Duidelijkere bannertypen
We hebben de starre, vooraf ingestelde bannertypen 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 dat als primaire laag zichtbaar is.
- Preferences Only: Een klassieke aanpak met twee lagen voor maximale transparantie.
Flexibelere lay-outs en animaties
Je hebt nu volledige controle over hoe en waar je banner verschijnt. Alles is modulair en een stuk flexibeler dan voorheen.
Belangrijkste mogelijkheden:
- Diverse lay-outs: Kies uit de stijlen Box, Bar, Wide, Drawer en Sidepanel.
- Nauwkeurige positionering: 9 verschillende ankerpunten, waaronder midden en links in het midden.
- Knoplogica: Kies tussen gegroepeerde, uitgelijnde (justified), verticale of horizontale uitlijning.
- Vloeiende beweging: Professionele animatieopties, waaronder fade, slide, zoom en grow.
Een slimmere toestemmingswidget
De toestemmingswidget (de knop om opnieuw te openen) is nu een native onderdeel van het bannerecosysteem, zodat klanten op elk moment van gedachten kunnen veranderen.
Belangrijkste verbeteringen:
- Een uniform ontwerp- en animatiesysteem dat gedeeld wordt met de hoofdbanner.
- De mogelijkheid om het laatst bekeken venster of de specifieke toestemmingsstatus opnieuw te openen.
- Ondersteuning voor aangepaste triggers om de widget vanaf elke link in je thema te openen.
Moderne styling met AI-tools
De styling is opnieuw ontworpen om met minimale moeite professionele resultaten te leveren.
Beschikbare opties:
- AI Theme Detection: Detecteert automatisch de primaire kleuren van je winkel en past ze toe.
- Refined Assets: Een bijgewerkte logogalerij met hoogwaardige iconen.
- Button Customization: Kies tussen gevulde, omlijnde of eenvoudige 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 eigen sectie Advanced.
Inbegrepen functies:
- Zichtbaarheidsregels voor de banner
- Opslagopties met HTML-opslag of cookies
- Configuratie van impliciete toestemming
- Alternatieve sluitacties, zoals scrolldiepte, time-out, de Escape-toets of buiten de banner klikken
- Synchronisatie van toestemming over meerdere tabbladen
- Optionele acties voor het opnieuw laden van de pagina of doorsturen bij toestemmingsgebeurtenissen
Zo blijft de hoofdinstallatie overzichtelijk, terwijl je toch volledige controle hebt voor geavanceerde toepassingen.
Toestemmingsmodellen en wereldwijde regio's
De geotargetinginstellingen zijn nu volledig gesynchroniseerd met de Customer Privacy API van Shopify. Hierdoor sluiten de toestemmingssignalen die onze app verzamelt perfect aan op de interne privacyinstellingen van je Shopify-winkel.
Beschikbare toestemmingsmodellen:
- Opt-in: Vereist voor regio's waar de AVG (GDPR) geldt.
- Opt-out: Geoptimaliseerd voor CCPA-/VS-achtige vereisten.
- 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 binnen één installatie verschillende toestemmingsregels (opt-in/opt-out) toe aan verschillende regio's.
De zichtbaarheid per regio kan wereldwijd of per regio worden ingesteld, waaronder EU/EER en VK, 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 industriestandaard framework is essentieel voor merchants die gepersonaliseerde advertenties tonen in de EER en het VK. Hiermee kan je winkel gedetailleerde toestemmingssignalen rechtstreeks doorgeven aan advertentienetwerken en Google, zodat je marketing zowel compliant als effectief blijft.
Let op: TCF-ondersteuning is uitsluitend beschikbaar in het Enterprise-abonnement.
Pandectes Legacy versus Nieuw: structureel vergelijkingsoverzicht
Functiecategorie | Legacy-versie | Nieuwe versie | AI-interpretatie van de wijziging |
|---|---|---|---|
Architectuur | Monolithisch: Het bannertype (bijv. "Informative") bepaalde zowel de logica als de UI-knoppen. | Modulair: Toestemmingslogica (opt-in/opt-out) is losgekoppeld van de dialooglay-out (Box/Bar/Wide). | Hoog: Overstap van hardgecodeerde presets naar een flexibele "Rules Engine" + "UI Engine." |
Logische kern | Handmatige regioselectie; onafhankelijk van de Shopify-instellingen. | Native synchronisatie: 100% geïntegreerd met de Shopify Customer Privacy API en winkelregio's. | Hoog: V2 is "contextbewust" en respecteert de globale privacysignalen van Shopify automatisch. |
UI-positionering | 11 vaste presets (bijv. "Floating top center"). | Contextueel: Posities zijn relatief aan de lay-out (Box, Bar, Wide, Sidepanel, Drawer). | Gemiddeld: Betere UX; voorkomt onlogische positionering (bijv. een Bar in het midden). |
Visuele afmetingen | Handmatige pixelwaarden voor breedte en padding. | T-shirtmaten: Gestandaardiseerde presets | Gemiddeld: Verschuiving naar responsiviteit volgens designsysteemstandaarden in plaats van handmatige eenheden. |
Thema's | 4 HEX-overschrijvingen + vaste thema's (Block, Classic). | AI-gestuurd: "Auto-adjust" detecteert winkelkleuren + 10 gedetailleerde elementoverschrijvingen. | Hoog: Introductie van intelligente styling (AI Detection) en diepgaande aanpassing. |
Toestemmingswidget | Zwevend icoon/tekst; eenvoudige resetlogica. | Interactieve minidialoog: Toont "Current Choices" + inklapbare details + animaties. | Gemiddeld: De widget is nu een "derde dialoog" met een eigen statusbeheer. |
Gebruikersinteractie | Expliciet versus impliciet (scroll/time-out). | Geavanceerde controles: Esc-toets, klikken buiten de banner, scroll-lock, tabsynchronisatie. | Laag: Toevoeging van moderne toegankelijkheid en interactiecontroles voor "Power User". |
Voorkeuren | Eén Preferences-modal voor iedereen. | Multi-form: Ondersteunt Sidepanels, Drawers en specifieke logica voor "Save Preferences". | Gemiddeld: Optimalisatie voor mobiel en high-end merkesthetiek (Drawers). |
Lay-outvergelijking
Functie | Flexibiliteit legacy-versie | Flexibiliteit nieuwe versie |
|---|---|---|
Notice-lay-outs | 1 (standaard modal/bar) | 3 (Box, Bar, Wide) |
Preferences-lay-outs | 1 (standaard modal) | 3 (Box, Drawer, Sidepanel) |
Afmetingen | Handmatige pixels (vast) | 5 presets (responsief) |
Knopcombinaties | Vergrendeld aan het bannertype | Volledig aanpasbaar |
Animaties | Eenvoudige schakelaar | 4 typen (Fade, Slide, Zoom, Grow) |
Het ultieme zakelijke voordeel: snelheid en stabiliteit
De nieuwe banner is gebouwd met moderne webtechnieken die technische verbeteringen vertalen naar meetbare zakelijke voordelen.
Technische upgrade | Zakelijk voordeel |
|---|---|
Betere prestaties (0ms TBT) | Snellere interactiviteit, zodat klanten meteen met je winkel aan de slag kunnen |
Verbeterde mobiele responsiviteit | Lagere bouncepercentages dankzij een stabiele ervaring op mobiele apparaten |
Ingekapselde CSS (Shadow DOM) | Voorkomt dat de styling van de banner je Shopify-thema beïnvloedt |
Web Component-architectuur | Ontworpen om mee te bewegen met toekomstige webstandaarden en veranderende privacyvereisten |
Deze verbeteringen ondersteunen sterkere Core Web Vitals en een betrouwbaardere winkelervaring.
Prestatie-impact in cijfers
De overstap naar een Web Component-architectuur haalt de technische beperkingen van traditionele banners weg.
Meetwaarde | Oude versie | Nieuwe versie | Verbetering |
|---|---|---|---|
Total Blocking Time (TBT) | 20ms | 0ms | 100% minder |
Largest Contentful Paint (LCP) | 1197.8ms | 109.0ms | 90,9% sneller |
Herberekening van stijlen | Globaal | Geïsoleerd | Minimale belasting voor de browser |
Doordat vertragingen die de thread blokkeren verdwijnen, wordt je winkel sneller interactief. Dat verbetert je Core Web Vitals, de gebruikerservaring en het conversiepotentieel.
Meer flexibiliteit en nieuwe functies
De nieuwe versie vervangt starre instellingen door een modulair systeem dat de aanpassingsmogelijkheden aanzienlijk uitbreidt.
Geavanceerde lay-outengine
- Flexibele architectuur voor Notice en Preferences
- 9 positioneringsopties, waaronder plaatsing in het midden en links in het midden
- 3 notice-lay-outs: Box, Bar en Wide
- 3 lay-outs voor het voorkeurencentrum: Box, Sidepanel en Drawer
Intelligente ontwerptools
- AI-kleurdetectie op basis van je Shopify-thema
- Bijgewerkte icoon- en logogalerij met verbeterde assets
- Uitgebreide knopstijlopties 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 basis van een modal | Uniforme live previewer |
Interactie met het thema | Globale CSS | Geïsoleerde styling |
Mobiele ervaring | Statische lay-outs | 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 prestatiearchitectuur. De beschikbaarheid van functies schaalt mee met het abonnement dat je kiest:
- Free en Basic: Toegang tot de nieuwe web component-engine en de vernieuwde beheerinterface.
- Premium: Bevat geavanceerde styling, AI-kleurdetectie en alternatieve sluitacties (scroll, time-out, enz.).
- Enterprise: Volledige ondersteuning voor IAB TCF 2.2, toestemming over meerdere domeinen, geavanceerde JS API-integraties en gedetailleerde regionale controles.
Aanvullende mogelijkheden:
- Synchronisatie van toestemming over browsertabbladen
- Alternatieve sluitacties, zoals de Escape-toets, buiten de banner klikken of een time-out
- Optioneel opnieuw laden van de pagina bij toestemming voor compatibiliteit met bepaalde scripts
- Ondersteuning voor aangepaste triggers via de JS API
Verouderde functies:
- Vaste bannertypen
- Globale CSS-overschrijvingen
- Legacy geolocatiepagina
Waarom dit belangrijk is voor je winkel
Deze update vertegenwoordigt alles wat we sinds 2018 hebben geleerd. Door over te stappen op de nieuwe versie zorg je ervoor dat je winkel beschikt over:
- Snellere prestaties en betere Core Web Vitals.
- Geen risico op conflicten met je thema of CSS.
- Naadloze synchronisatie met de eigen privacyinstellingen van Shopify.
- Een toekomstbestendige basis voor wereldwijde privacycompliance.
Aan de slag met de nieuwe versie
Om de nieuwe configuratieopties te verkennen, ga je naar het tabblad Banner Settings in je Pandectes GDPR Compliance-app. Gebruik de uniforme live previewer om je nieuwe lay-out te testen voordat je hem publiceert.
Als je tijdens de overgang hulp nodig hebt, staat ons supportteam klaar om je te helpen je installatie te optimaliseren en het meeste uit de nieuwe bannerfuncties te halen.
Bijgewerkt op: 19/10/2026
Dankuwel!