Apparence
Personnalisez les couleurs et le style du widget
Personnalisez l'apparence du widget pour qu'il s'intègre parfaitement à votre site.
Thème
Couleur primaire
La couleur primaire est utilisée pour :
- Les boutons
- Les liens
- Les éléments d'accent
- Le bouton de lancement
Pour changer :
- Allez dans Widget > Thème
- Cliquez sur Couleur primaire
- Choisissez une couleur ou entrez un code hexadécimal
- L'aperçu se met à jour en temps réel
Position
Choisissez où afficher le widget :
- Bas droite (par défaut)
- Bas gauche
Taille du bouton
Ajustez la taille du bouton de lancement (40-80 pixels, incréments de 4px) :
- 40px : Petit
- 56px : Normal (par défaut)
- 80px : Grand
Rayon de bordure
Définissez l'arrondi des coins (0-24 pixels, incréments de 2px) :
- 0px : Carré
- 8px : Légèrement arrondi
- 16px : Arrondi (par défaut)
- 24px : Très arrondi
Branding
Nom de l'entreprise
Le nom affiché dans l'en-tête du widget.
Avatar
L'image affichée dans le widget :
- Cliquez sur Avatar
- Uploadez une image (PNG, JPG)
- Format recommandé : 128x128px minimum
Powered by Sonario
Choisissez d'afficher ou non le badge "Powered by Sonario" en bas du widget.
Note : Disponible selon votre plan.
Prévisualisation
Aperçu en direct
La colonne de droite affiche un aperçu du widget avec vos modifications en temps réel.
Tester sur votre site
- Enregistrez vos modifications
- Actualisez votre site
- Vérifiez le rendu final
Conseils de design
Contraste
Assurez un bon contraste entre la couleur primaire et le texte :
- Fond clair → Texte foncé
- Fond foncé → Texte clair
Cohérence
Utilisez les couleurs de votre charte graphique pour une intégration harmonieuse.
Accessibilité
- Évitez les combinaisons de couleurs difficiles à lire
- Testez avec des simulateurs de daltonisme
- Vérifiez que le bouton est visible sur votre fond de page