Style du bouton
Utiliser un bouton personnalisé
Par défaut, c'est notre bouton jaune avec le logo Axeptio qui s'affiche. En cochant cette case, vous pouvez le remplacer par un bouton avec un visuel et/ou un texte personnalisés. Vous pouvez également personnaliser la taille et l'apparence du bouton, du visuel et du texte.
Position du widget
Par défaut, le bandeau s'affiche en bas à gauche. Mais vous pouvez le déplacer sur la droite si vous préférez.
DĂ©calage horizontal du bouton (offset X)
Vous pouvez décaler le bouton vers la gauche ou la droite. Utile pour éviter que le bouton empiÚte sur d'autres éléments de votre interface.
DĂ©calage vertical du bouton (offset Y)
Vous pouvez décaler le bouton vers le haut ou le bas. Utile pour éviter que le bouton empiÚte sur d'autres éléments de votre interface.
Ne pas intercepter le scroll de la page
Par dĂ©faut, Axeptio contrĂŽle le scroll (dĂ©filement) de la page lorsque le widget est affichĂ©, afin de rester visible et dâĂ©viter des effets dâaffichage gĂȘnants.
Le plus souvent, c'est pratique et nous conseillons donc de laisser cette option dĂ©sactivĂ©e si vous ne rencontrez pas de problĂšmes particuliers. Mais sur certains sites, cela peut au contraire ĂȘtre gĂȘnant. Vous pouvez essayer d'activer cette option si vous observez les comportements indĂ©sirables typiques suivants :
impossibilitĂ© de faire dĂ©filer la page, en particulier sur mobile, oĂč le scroll peut ĂȘtre bloquĂ© tant que le bandeau est affichĂ©
comportement avec des éléments du site comme des menus, pop-ins ou modales
Lorsque cette option est activée, Axeptio ne contrÎle plus le défilement de la page et laisse le navigateur gérer le scroll normalement.
Position dans le body de la racine du widget
Définit à quel endroit du code HTML de la page Axeptio insÚre le widget : au début ou à la fin de la balise <body>.
Par dĂ©faut, le widget est insĂ©rĂ© au dĂ©but du <body>. Ce positionnement est recommandĂ©, car il permet une meilleure prise en charge par les technologies dâassistance, comme les lecteurs dâĂ©cran.
Il est toutefois possible dâinsĂ©rer le widget Ă la fin du <body> si vous rencontrez des problĂšmes de compatibilitĂ© avec la structure du site, certains styles CSS globaux ou des scripts JavaScript. Cette option est principalement destinĂ©e Ă des cas spĂ©cifiques et nâa gĂ©nĂ©ralement pas dâimpact visible pour les internautes.
Overlay
Lâoverlay est un fond semi-transparent affichĂ© derriĂšre le widget Axeptio lorsque celui-ci est ouvert. Il permet de mettre en Ă©vidence le bandeau de consentement et de rĂ©duire les distractions liĂ©es au contenu de la page.
Ces paramĂštres permettent dâajuster lâapparence de cet arriĂšre-plan afin de trouver le bon Ă©quilibre entre lisibilitĂ© du widget et visibilitĂ© du site.
OpacitĂ© du fond de lâoverlay
DĂ©finit le niveau de transparence de lâarriĂšre-plan affichĂ© derriĂšre le widget.
La valeur attendue est une valeur dĂ©cimale comprise entre 0 et 1, oĂč :
0 correspond Ă un fond totalement transparent
1 correspond Ă un fond totalement opaque
Si le champ est laissĂ© vide, aucun overlay nâest appliquĂ©.
Style du remplissage de lâoverlay
Permet de choisir le type de fond utilisé :
Radial : un dégradé centré autour du widget, avec un effet plus doux et progressif
Couleur unie : un fond uniforme sur toute la page
Couleurs
La section Couleurs permet de personnaliser lâensemble des couleurs utilisĂ©es par le widget Axeptio.
TĂąche de peinture
La tĂąche de peinture correspond Ă lâĂ©lĂ©ment graphique en forme de cercle colorĂ© affichĂ© en haut (Ă droite ou au centre) des diffĂ©rentes Ă©tapes du widget, visible en arriĂšre-plan des illustrations.
Cette couleur est utilisĂ©e comme accent visuel et participe Ă lâidentitĂ© graphique globale du widget.
Couleurs de base
Ces paramÚtres permettent de définir les couleurs utilisées pour les éléments généraux du widget :
Principale : couleur dominante du thĂšme
Textes : couleur des textes standards
Titres : couleur des titres
Fond des widgets : arriĂšre-plan principal du widget
Fond des cartes : arriĂšre-plan des cartes et blocs internes
Couleur de fond de la checkbox désélectionnée : état non coché
Couleur de fond de la checkbox sélectionnée : état coché
Boutons de base
Ces options dĂ©finissent lâapparence par dĂ©faut des boutons secondaires :
couleur du texte
couleur du texte au survol
couleur de la bordure
couleur de fond
couleur de fond au survol
Bouton Principal
Ces paramĂštres sâappliquent spĂ©cifiquement au bouton principal du widget :
couleur du texte
couleur du texte au survol
couleur de fond
couleur de fond au survol
Ils permettent de mettre en avant lâaction principale proposĂ©e Ă lâutilisateur.
Bouton de consentement
Ces options contrĂŽlent lâapparence des boutons liĂ©s au consentement :
couleur de fond
couleur de fond au survol
couleur du texte
couleur du texte au survol
couleur du contour
couleur du contour au survol
Elles permettent dâajuster prĂ©cisĂ©ment lâapparence des actions de consentement et de refus.
Overlay
Ces paramÚtres définissent les couleurs utilisées pour le fond affiché derriÚre le widget lorsque celui-ci est ouvert :
Centre du dĂ©gradĂ© de lâoverlay
ExtĂ©rieur du dĂ©gradĂ© de lâoverlay
Ils sont utilisĂ©s lorsque le style de remplissage de lâoverlay est configurĂ© sur un dĂ©gradĂ©.
Style du widget
Border radius (coins arrondis)
DĂ©finit le niveau dâarrondi appliquĂ© aux coins du widget, exprimĂ© en pixels.
Une valeur Ă©levĂ©e produit des coins plus arrondis, tandis quâune valeur faible donne un rendu plus anguleux.
Border radius des boutons de consentement
ContrĂŽle lâarrondi des boutons de consentement affichĂ©s dans le widget.
Ce rĂ©glage permet dâharmoniser lâapparence des boutons avec le style global du site.
Coins arrondis du bouton fermer
DĂ©finit lâarrondi du bouton permettant de fermer le widget.
Ce paramÚtre est indépendant des autres réglages de border radius.
Taille des titres
Définit la taille des titres affichés dans le widget, exprimée en pixels.
Ce réglage a un impact direct sur la hiérarchie visuelle et la lisibilité du contenu.
Taille du corps
Définit la taille du texte principal du widget, exprimée en pixels.
Une taille trop petite peut nuire à la lisibilité, notamment sur mobile.
Ombre portée
Permet de dĂ©finir le style dâombre appliquĂ© au widget.
Lâombre contribue Ă dĂ©tacher visuellement le widget du contenu de la page et Ă renforcer sa visibilitĂ©.
Typographie
La section Typographie permet de définir les polices utilisées dans le widget Axeptio, pour les titres et pour les textes.
Ces rĂ©glages permettent dâaligner lâapparence du widget avec la typographie du site.
Police de caractĂšre des titres
Permet de définir la police utilisée pour les titres affichés dans le widget.
Il est possible de choisir une police Google ou une autre police en renseignant directement son nom de famille (font-family).
Si la police choisie nâest pas dĂ©jĂ chargĂ©e sur la page, lâoption Laisser Axeptio charger la police sur le site permet Ă Axeptio de la charger automatiquement.
Police de caractĂšre des textes
Permet de dĂ©finir la police utilisĂ©e pour les textes du widget, indĂ©pendamment de celle des titres. Comme pour les titres, il est possible dâutiliser une police Google ou une police personnalisĂ©e via son nom de famille.
Si la police nâest pas dĂ©jĂ disponible sur le site, Axeptio peut la charger automatiquement via Google Fonts en activant lâoption correspondante.
Le chargement de polices supplĂ©mentaires peut avoir un impact sur les performances et la conformitĂ© du site et doit ĂȘtre utilisĂ© avec prĂ©caution.