Présentation de la nouvelle bannière Pandectes GDPR Compliance, plus rapide et optimisée
Découvrez votre nouvelle bannière de consentement, plus rapide et plus intelligente
Depuis 2018, la mission de Pandectes est de fournir aux marchands Shopify des outils robustes et fiables pour la protection des données. Après plus d’un an de développement, nous sommes ravis de vous présenter la nouvelle Pandectes Cookie Banner, une refonte complète axée sur la clarté, la flexibilité, les performances et la conformité.
Cette mise à jour introduit une bannière Web Component haute performance et une interface d’administration simplifiée. Elle va bien au-delà d’un simple rafraîchissement visuel et redéfinit la gestion du consentement dans les boutiques Shopify modernes, en s’appuyant sur les retours des marchands, l’évolution des lois sur la vie privée et les API Customer Privacy de Shopify.
Ces mises à jour concernent tous les forfaits. Chaque boutique bénéficie de meilleures performances et d’une base plus solide, tandis que chaque forfait inclut désormais davantage de fonctionnalités et de souplesse qu’auparavant.
Les nouveautés en un coup d’œil
Une bannière entièrement repensée
La nouvelle bannière est conçue comme un composant web moderne afin d’améliorer les performances et la fiabilité.
Principaux avantages :
- Chargement et exécution de la bannière plus rapides.
- Aucune interférence avec le CSS de votre thème.
- Une boutique plus propre, sans effet de bord sur la mise en page.
- Une interface moderne qui s’adapte aux différentes mises en page et aux appareils.
Un aperçu en direct plus intelligent
Les paramètres de la bannière intègrent désormais une expérience d’aperçu en direct plus précise et unifiée, directement dans l’interface d’administration.
Principales améliorations :
- Aperçu sur ordinateur par défaut, avec un bouton instantané pour le mobile.
- Sélecteur de fond clair et sombre pour tester le contraste.
- Représentation en temps réel des animations et des transitions.
Des types de bannière plus clairs
Nous avons remplacé les types de bannière prédéfinis et rigides par trois structures flexibles. Cela garantit que votre logique de consentement (opt-in ou opt-out) reste cohérente, quel que soit le style visuel choisi.
Options disponibles :
- Cookie Notice: Une bannière simple et légère sur une seule couche.
- Cookie notice & Preferences: Gestion avancée du consentement, visible comme couche principale.
- Preferences Only: Une approche classique sur deux couches, pour une transparence maximale.
Mises en page et animations plus souples
Vous contrôlez désormais entièrement la manière et l’emplacement d’affichage de votre bannière. Tout est modulaire et nettement plus souple qu’auparavant.
Principales possibilités :
- Diverse Layouts: Choisissez parmi les styles Box, Bar, Wide, Drawer et Sidepanel.
- Granular Positioning: 9 points d’ancrage, y compris au centre et au milieu à gauche.
- Button Logic: Choisissez entre des alignements groupés, justifiés, verticaux ou horizontaux.
- Smooth Motion: Options d’animation professionnelles : fondu, glissement, zoom et agrandissement.
Un widget de consentement plus intelligent
Le widget de consentement (bouton de réouverture) fait désormais partie intégrante de l’écosystème de la bannière, permettant aux clients de changer d’avis à tout moment.
Principales améliorations :
- Système de design et d’animation unifié, partagé avec la bannière principale.
- Possibilité de rouvrir la dernière fenêtre consultée ou un état de consentement précis.
- Prise en charge de déclencheurs personnalisés pour ouvrir le widget depuis n’importe quel lien de votre thème.
Un style moderne grâce à des outils assistés par l’IA
Le style a été repensé pour offrir un résultat professionnel avec un minimum d’efforts.
Options disponibles :
- AI Theme Detection: Détecte et applique automatiquement les couleurs principales de votre boutique.
- Refined Assets: Une galerie de logos mise à jour, avec des icônes haute définition.
- Button Customization: Choisissez entre des styles pleins, contournés ou épurés, avec un contrôle total sur les arrondis et les bordures.
- Custom Style: Prise en charge du CSS personnalisé pour une personnalisation avancée
Des options avancées, mieux organisées
Les options de configuration complexes sont désormais regroupées dans une section dédiée Advanced.
Fonctionnalités incluses :
- Règles de visibilité de la bannière
- Options de stockage via le stockage HTML ou les cookies
- Configuration du consentement implicite
- Autres actions de fermeture, telles que le défilement, le délai, la touche Échap ou un clic à l’extérieur
- Synchronisation du consentement entre plusieurs onglets
- Actions facultatives de rechargement ou de redirection de la page lors des événements de consentement
Cela garde la configuration principale claire tout en offrant un contrôle complet pour les cas d’usage avancés.
Modèles de consentement et régions globales
Les paramètres de géolocalisation sont désormais entièrement synchronisés avec l’API Customer Privacy de Shopify. Cela garantit que les signaux de consentement collectés par notre application sont parfaitement alignés avec les paramètres de confidentialité internes de votre boutique Shopify.
Modèles de consentement disponibles :
- Opt-in: Requis pour les régions conformes au RGPD.
- Opt-out: Optimisé pour les exigences de type CCPA/États-Unis.
- Auto-pilot / Geotargeting : détecte automatiquement la localisation du visiteur et applique le modèle approprié. Opt-in pour les visiteurs de l’UE, opt-out pour les visiteurs des États-Unis.
- Flexible: Attribue des règles de consentement différentes (opt-in ou opt-out) à différentes régions au sein d’une même configuration.
La visibilité de la bannière peut être configurée mondialement ou par région, notamment pour l’UE/EEE et le Royaume-Uni, les États-Unis, le Canada, le Brésil, le Japon, l’Australie et bien d’autres. Tous les paramètres restent synchronisés avec la configuration de votre boutique Shopify.
Prise en charge du cadre IAB TCF
Pour les boutiques qui utilisent la publicité avancée, la nouvelle version prend entièrement en charge le cadre de transparence et de consentement de l’IAB (TCF 2.3).
Ce cadre standard du secteur est essentiel pour les marchands qui diffusent des publicités personnalisées dans l’EEE et au Royaume-Uni. Il permet à votre boutique de transmettre directement des signaux de consentement détaillés aux réseaux publicitaires et à Google, afin que votre marketing reste à la fois conforme et efficace.
Remarque : la prise en charge du TCF est disponible exclusivement sur le forfait Enterprise.
Ancienne version Pandectes et nouvelle version : carte comparative de la structure
Feature Category | Legacy Version | New Version | AI Interpretation of Change |
|---|---|---|---|
Architecture | Monolithic: Le type de bannière (par exemple « Informative ») contrôlait à la fois la logique et les boutons de l’interface. | Modular: La logique de consentement (opt-in/opt-out) est dissociée de la mise en page de la fenêtre (Box/Bar/Wide). | High: Passage de préréglages codés en dur à un « moteur de règles » et un « moteur d’interface » flexibles. |
Logic Core | Sélection manuelle des régions, indépendante des paramètres Shopify. | Native Sync: Intégré à 100 % avec Shopify Customer Privacy API et les régions de la boutique. | High: La V2 est « sensible au contexte » et respecte automatiquement les signaux globaux de confidentialité de Shopify. |
UI Positioning | 11 préréglages fixes (par exemple « En haut au centre, flottant »). | Contextual: Les positions sont relatives à la mise en page (Box, Bar, Wide, Sidepanel, Drawer). | Medium: Meilleure expérience utilisateur ; évite les positionnements illogiques (par exemple une Bar au centre). |
Visual Sizing | Saisie manuelle de pixels pour la largeur et le remplissage. | T-Shirt Sizing: Préréglages standardisés | Medium: Évolution vers un design réactif conforme aux standards des systèmes de design, plutôt que des unités manuelles. |
Theming | 4 couleurs HEX personnalisables + thèmes fixes (Block, Classic). | AI-Driven: « Ajustement automatique » détecte les couleurs de la boutique + 10 personnalisations fines d’éléments. | High: Introduction du style intelligent (détection par IA) et d’une personnalisation poussée. |
Consent Widget | Icône ou texte flottant ; logique de réinitialisation simple. | Interactive Mini-Dialog: Affiche les « Choix actuels » + détails repliables + animations. | Medium: Le widget devient une « troisième fenêtre » avec sa propre gestion d’état. |
User Interaction | Explicite ou implicite (défilement/délai). | Advanced Controls: Touche Échap, clic à l’extérieur, verrouillage du défilement, synchronisation des onglets. | Low: Ajout de contrôles d’accessibilité modernes et d’interactions avancées. |
Preferences | Fenêtre des préférences unique pour tous les cas. | Multi-Form: Prend en charge les Sidepanels, les Drawers et une logique « Enregistrer les préférences » spécifique. | Medium: Optimisation pour les mobiles et les esthétiques de marque haut de gamme (Drawers). |
Carte comparative des mises en page
Feature | Legacy Version Flexibility | New Version Flexibility |
|---|---|---|
Notice Layouts | 1 (fenêtre modale ou barre standard) | 3 (Box, Bar, Wide) |
Preferences Layouts | 1 (fenêtre modale standard) | 3 (Box, Drawer, Sidepanel) |
Sizing | Pixels manuels (fixes) | 5 préréglages (réactifs) |
Button Pairing | Verrouillé sur le type de bannière | Entièrement personnalisable |
Animations | Simple bascule | 4 types (fondu, glissement, zoom, agrandissement) |
L’avantage commercial ultime : rapidité et stabilité
La nouvelle bannière est construite selon les bonnes pratiques web modernes, qui se traduisent par des bénéfices commerciaux mesurables.
Amélioration technique | Bénéfice pour l’entreprise |
|---|---|
Meilleures performances (0 ms de TBT) | Interactivité plus rapide, pour que vos clients puissent interagir immédiatement avec votre boutique |
Meilleure adaptation au mobile | Taux de rebond plus faibles grâce à une expérience stable sur les appareils mobiles |
CSS encapsulé (Shadow DOM) | Empêche le style de la bannière d’affecter le thème Shopify |
Architecture Web Component | Conçue pour s’adapter aux futurs standards web et aux exigences de confidentialité en évolution |
Ces améliorations soutiennent de meilleurs Core Web Vitals et une expérience d’achat plus fiable.
Impact sur les performances, en chiffres
Le passage à une architecture Web Component supprime les limites techniques des bannières traditionnelles.
Indicateur | Ancienne version | Nouvelle version | Amélioration |
|---|---|---|---|
Total Blocking Time (TBT) | 20 ms | 0 ms | Réduction de 100 % |
Largest Contentful Paint (LCP) | 1197,8 ms | 109,0 ms | 90,9 % plus rapide |
Recalcul du style | Global | Isolé | Charge minimale pour le navigateur |
En supprimant les retards qui bloquent le fil d’exécution, votre boutique devient interactive plus rapidement, ce qui améliore les Core Web Vitals, l’expérience utilisateur et le potentiel de conversion.
Souplesse accrue et nouvelles fonctionnalités
La nouvelle version remplace les paramètres rigides par un système modulaire qui élargit nettement les options de personnalisation.
Moteur de mise en page avancé
- Architecture souple pour les avis et les préférences
- 9 options de positionnement, y compris au centre et au milieu à gauche
- 3 mises en page d’avis : Box, Bar et Wide
- 3 mises en page du centre de préférences : Box, Sidepanel et Drawer
Outils de design intelligents
- Détection des couleurs assistée par l’IA, à partir de votre thème Shopify
- Galerie d’icônes et de logos mise à jour, avec des ressources améliorées
- Options de style de boutons élargies, avec contrôle des bordures et des arrondis
Contrôle et conformité renforcés
- Paramètres régionaux synchronisés avec l’API Customer Privacy de Shopify
- Synchronisation du consentement entre plusieurs onglets
- Choix entre le stockage HTML et les cookies pour le stockage du consentement
- Déclencheurs de bannière alternatifs, notamment la profondeur de défilement et les actions au clavier
Comparaison des fonctionnalités
Fonctionnalité | Ancienne version | Nouvelle version |
|---|---|---|
Rendu de la bannière | Injection directe dans le DOM | Web Component |
Expérience d’aperçu | Basée sur une fenêtre modale | Aperçu en direct unifié |
Interaction avec le thème | CSS global | Style isolé |
Expérience mobile | Mises en page statiques | Couches réactives |
Logique régionale | Manuelle | Synchronisée avec l’API Shopify |
Options de stockage | Cookies uniquement | Cookies ou stockage HTML |
Logique des boutons | Types fixes | Configuration flexible |
Améliorations des forfaits
Tous les forfaits bénéficient de la nouvelle architecture de performance. Les fonctionnalités disponibles dépendent du forfait sélectionné :
- Free and Basic: Accès au nouveau moteur de Web Component et à l’administration repensée.
- Premium: Comprend le style avancé, la détection des couleurs par IA et d’autres actions de fermeture (défilement, délai, etc.).
- Enterprise: Prise en charge complète de l’IAB TCF 2.3, consentement inter-domaines, intégrations avancées de l’API JS et contrôles régionaux fins.
Autres fonctionnalités :
- Synchronisation du consentement entre les onglets du navigateur
- Autres actions de fermeture, telles que la touche Échap, un clic à l’extérieur ou un délai
- Rechargement facultatif de la page après le consentement, pour la compatibilité avec certains scripts
- Prise en charge de déclencheurs personnalisés via l’API JS
Fonctionnalités obsolètes :
- Types de bannière fixes
- Remplacements CSS globaux
- Ancienne page de géolocalisation
Pourquoi c’est important pour votre boutique
Cette mise à jour représente tout ce que nous avons appris depuis 2018. En passant à la nouvelle version, vous vous assurez que votre boutique bénéficie :
- De meilleures performances et de meilleurs Core Web Vitals.
- D’aucun risque de conflit avec le thème ou le CSS.
- D’une synchronisation fluide avec les paramètres de confidentialité natifs de Shopify.
- D’une base pérenne pour la conformité globale en matière de confidentialité.
Prise en main de la nouvelle version
Pour découvrir les nouvelles options de configuration, ouvrez Cookie banner dans votre application Pandectes GDPR Compliance. Utilisez l’aperçu en direct unifié pour tester votre nouvelle mise en page avant de publier.
Si vous avez besoin d’aide pendant la transition, notre équipe support est disponible pour vous aider à optimiser votre configuration et à tirer le meilleur parti des nouvelles fonctionnalités de la bannière.
Mis à jour le : 27/10/2026
Merci !