Guide de migration : recréer votre apparence Legacy dans la nouvelle version
Lors du passage de la version Legacy à la nouvelle version, nous avons abandonné les « modes codés en dur » au profit d'un système modulaire. Cela vous donne plus de contrôle, mais le nom de certains paramètres a changé.
1. Correspondance des « types de bannière »
Dans la version Legacy, vous choisissiez un « Banner Type » pour définir la logique. Dans la nouvelle version, vous définissez la logique dans le Consent Model et l'apparence dans Layout.
Si vous utilisiez le mode Legacy... | Utilisez cette mise en page et cette logique de la nouvelle version... |
|---|---|
Informative | Layout: Cookie Notice (Simple) + Consent Model: Opt-out |
Accept/Decline | Layout: Cookie Notice (Simple) + Buttons: Show "Accept-Decline" |
Preferences | Layout: Cookie notice & Preferences center |
TCF Banner | Layout: Preferences only + Advanced: Enable TCF v2.3 |
2. Recréer les positions de mise en page Legacy les plus courantes
La nouvelle version utilise un positionnement contextuel. Voici comment retrouver votre ancien réglage idéal :
- Pour la « barre en bas » :
- Sélectionnez
Layout>Cookie notice>Dialog: Bar. - Sous
Position, sélectionnezBottom.
- Sélectionnez
- Pour la « fenêtre contextuelle classique » (au centre) :
- Sélectionnez
Layout>Cookie notice>Dialog: Box. - Sous
Position, sélectionnezCenter.
- Sélectionnez
- Pour la « fenêtre flottante en bas à droite » :
- Sélectionnez
Layout>Cookie notice>Dialog: Box. - Sous
Position, sélectionnezBottom/Right. - Astuce : allez dans Style > Windows et activez
Floatingpour lui donner cet aspect « flottant » moderne.
- Sélectionnez
3. Améliorer votre identité visuelle (onglet Style)
La nouvelle version offre une personnalisation beaucoup plus poussée. Si vous venez de la version Legacy, essayez ces nouvelles fonctionnalités :
- Auto-AI Coloring : au lieu de saisir manuellement des codes HEX, cliquez sur Auto adjust theme dans l'onglet Style. Notre IA analysera votre thème Shopify et adaptera les couleurs pour vous.
- Button Styles : vous pouvez désormais rendre votre bouton « Accept » Solid et votre bouton « Decline » Bordered (bouton fantôme) pour guider le comportement des utilisateurs. La version Legacy n'offrait pas ce niveau de détail.
4. Le « Re-open Widget »
Il s'appelle désormais Consent Widget.
- Dans la version Legacy, c'était un simple bouton. Dans la nouvelle version, c'est un menu « Choices » entièrement interactif.
- Pour retrouver l'apparence de la V1, allez dans Layout > Consent widget options et définissez
Positionsur votre ancien coin (par exemple Bottom/Left). - Nouveau pouvoir : vous pouvez désormais inverser les boutons à l'intérieur du widget, indépendamment de la bannière principale.
5. Liste de contrôle finale pour réussir avec la nouvelle version
- Vérifiez vos boutons : la nouvelle version vous permet de « Reverse order ». Si votre bouton Accept est du mauvais côté, il suffit d'activer l'interrupteur !
- Vérifiez les régions : la nouvelle version est synchronisée avec votre Shopify Customer Privacy API. Assurez-vous que votre page « Consent Model & Regions » affiche « Worldwide » ou vos législations spécifiques (RGPD/CCPA).
- Prévisualisez en mode sombre : utilisez le nouvel aperçu à droite pour voir l'apparence de votre bannière pour les clients qui utilisent le « Dark Mode » sur leur téléphone.
Mis à jour le : 02/10/2026
Merci !
