Où configurer le design

Vous pouvez configurer le design de la bannière de cookies dans le tableau de bord Consentio, dans la section Designer de votre site. Les modifications prennent effet immédiatement sur votre site.

Mises en page disponibles

Choisissez parmi plusieurs mises en page prédéfinies :

Box (modale)

Une fenêtre modale classique au centre de l'écran. Adaptée aux sites qui souhaitent s'assurer que les utilisateurs remarquent la bannière.

Bar (bannière)

Une barre horizontale en bas ou en haut de l'écran. Une option moins intrusive qui ne gêne pas la navigation dans le contenu.

Cloud (flottante)

Une fenêtre flottante compacte dans un coin de l'écran. Une option minimaliste pour les sites qui préfèrent un design discret.

Position

Selon la mise en page choisie, vous pouvez définir la position :

Palette de couleurs

Personnalisez les couleurs de la bannière pour qu'elles correspondent à votre marque :

Thèmes prédéfinis

• Clair - Fond clair, texte foncé
• Sombre - Fond foncé, texte clair
• Auto - Automatique selon le paramètre système de l'utilisateur

Couleurs personnalisées

Définissez des couleurs personnalisées pour chaque élément :

• Arrière-plan - Couleur de fond de la bannière
• Texte - Couleur du texte principal
• Bouton principal - Couleur du bouton « Tout accepter »
• Bouton secondaire - Couleur du bouton « Refuser »
• Liens - Couleur des liens

Typographie

Définissez les polices du texte de la bannière :

• Police - Choisissez parmi Google Fonts ou utilisez une police système
• Taille du texte - Taille du texte principal
• Taille du titre - Taille du titre de la bannière

Animations

Définissez l'animation d'apparition et de disparition de la bannière :

• Fondu - Apparition/disparition progressive
• Glissement - Glissement depuis le bord de l'écran
• Aucune - Pas d'animation

Rayon des bordures

Définissez le rayon des bordures de la bannière et des boutons :

• Aucun - Coins vifs (0px)
• Petit - Arrondi léger (4px)
• Moyen - Arrondi moyen (8px)
• Grand - Arrondi prononcé (16px)
• Complet - Arrondi maximal (999px)

Limitations selon le plan

Certaines options de personnalisation ne sont disponibles que sur les plans payants :

Texte de la bannière

Modifiez le texte affiché sur la bannière :

• Titre - Titre principal de la bannière
• Description - Texte explicatif sur les cookies
• Bouton Accepter - Texte du bouton d'acceptation de tous les cookies
• Bouton Refuser - Texte du bouton de refus
• Lien Paramètres - Texte pour ouvrir les préférences

Aperçu des modifications

Dans le designer, vous pouvez voir un aperçu en direct de la bannière. Vous pouvez :

• Basculer entre les vues bureau et mobile
• Tester différents états (premier affichage, centre de préférences)
• Vérifier l'apparence en mode clair/sombre

Personnalisation CSS

Pour une personnalisation avancée, vous pouvez utiliser du CSS personnalisé. Le widget utilise des variables CSS :

/* Exemple de surcharge de style */
.consentio-banner {
  --consentio-bg: #ffffff;
  --consentio-text: #1a1a1a;
  --consentio-primary: #10b981;
  --consentio-primary-hover: #059669;
  --consentio-border-radius: 12px;
}