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.
Les paramètres disponibles dans cette section permettent uniquement de personnaliser l’apparence de l’overlay (opacité, couleurs, style). Le fait de renseigner ces valeurs n’active pas à lui seul l’affichage de l’overlay.
Pour que l’overlay soit affiché, l’une des fonctionnalités suivantes doit être activée :
le consent wall contextuel, qui peut être ajouté depuis une configuration existante
l’option Afficher le widget au centre de l’écran (comme le consent wall), disponible dans une configuration via Intégrer sur votre site
Les couleurs de l’overlay (dégradé ou couleur unie) peuvent être personnalisées plus bas sur la page, dans Couleurs > Overlay.
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
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.