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électionnez Bottom.
  • Pour la « fenêtre contextuelle classique » (au centre) :
    • Sélectionnez Layout > Cookie notice > Dialog: Box.
    • Sous Position, sélectionnez Center.
  • Pour la « fenêtre flottante en bas à droite » :
    • Sélectionnez Layout > Cookie notice > Dialog: Box.
    • Sous Position, sélectionnez Bottom/Right.
    • Astuce : allez dans Style > Windows et activez Floating pour lui donner cet aspect « flottant » moderne.


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 Position sur 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


  1. 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 !
  2. 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).
  3. 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

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !