Plus besoin de retrouver votre code hexadécimal à chaque nouveau widget. Votre charte graphique le pose à votre place.

Le panneau Styles du widget de discussion affiche les couleurs et les polices définies dans la charte graphique de votre compte.

Vous les sélectionnez au lieu de les ressaisir, et vos bulles de chat ressemblent au reste de votre marque.

🧭 Qu'est-ce qui change ?

• 🎨 Les couleurs de votre charte graphique apparaissent dans chaque sélecteur de couleur du panneau Styles.
• 🔤 Les polices de la charte s'affichent à part, au-dessus de la bibliothèque de polices habituelle.
• 🧺 Les couleurs déjà utilisées sur vos widgets personnalisés remplissent la palette Par défaut à la première ouverture du constructeur.
• 🔗 Toute nouvelle couleur rejoint cette palette et devient disponible sur tous les widgets du compte.
• 🧼 Les couleurs sont normalisées et dédoublonnées, la palette reste courte et lisible.
• 🖌️ Le sélecteur de couleur est le même que dans le reste de la plateforme.

⚙️ Comment ça fonctionne

Le sélecteur affiche deux palettes, qui ne se remplissent pas de la même façon.

Sans charte graphique configurée, le bloc Couleurs de marque reste vide. Le constructeur vous propose alors d'en créer une sans quitter l'écran.

Vos anciennes couleurs ne se perdent pas. La première fois que vous ouvrez le constructeur, tout ce que vous aviez saisi à la main sur vos widgets personnalisés bascule dans la palette Par défaut. Rien à recréer.

🛠️ Comment l'utiliser

1. Renseignez la charte graphique de votre compte avec vos couleurs et vos polices.
2. Ouvrez Widget de discussion > Styles.
3. Cliquez sur un champ de couleur, par exemple celui du bouton d'envoi ou de l'en-tête.
4. Choisissez une teinte dans Couleurs de marque ou dans la palette Par défaut.
5. Pour la typographie, sélectionnez une police de marque dans le sélecteur, ou restez sur la bibliothèque standard.
6. Enregistrez. Le code d'intégration posé sur votre site n'a pas besoin d'être remplacé.

Le guide Créer une Charte Graphique (Brand Board) dans CrocoClick explique comment renseigner vos couleurs et vos polices à la source.

Pourquoi c'est important ?

• ✅ Vos codes couleur ne se cherchent plus dans un vieux fichier de charte : ils sont dans le sélecteur.
• ✅ Un widget créé aujourd'hui repart des mêmes teintes qu'un widget créé il y a six mois.
• ✅ Une couleur validée une fois se retrouve sur tous les widgets du compte.
• ✅ Les palettes restent propres, sans dix nuances de vert quasi identiques.
• ✅ Aucune migration à faire : vos widgets en place gardent leur apparence.

Une bulle de chat aux mauvaises couleurs, c'est un détail que vos visiteurs remarquent sans savoir pourquoi. Ouvrez le panneau Styles et repartez de votre charte.