Paramètres du widget
La page des paramètres du widget vous permet de personnaliser l'apparence, le contenu et le comportement de votre widget de chat. Les modifications sont prévisualisées en temps réel sur le côté droit de la page.
Accéder aux paramètres du widget
- Connectez-vous à votre tableau de bord Chatim
- Sélectionnez votre projet dans la barre latérale
- Cliquez sur Widget dans le menu de navigation
Paramètres d'apparence
Couleur du widget
Choisissez la couleur principale de votre widget de chat. Cette couleur est utilisée pour le fond de l'en-tête du widget, le bouton lanceur de bulle de chat, les options et boutons sélectionnés, et divers éléments d'accent.
- Sélectionnez parmi les échantillons de couleurs prédéfinis
- Entrez un code couleur hexadécimal personnalisé
Conseil : Choisissez une couleur qui correspond à votre marque tout en assurant un bon contraste et une bonne visibilité.
Forme du bouton
| Forme | Description |
|---|---|
| Cercle | Bouton lanceur rond (par défaut) |
| Arrondi | Bouton lanceur carré arrondi |
Images
Avatar de l'en-tête
Téléchargez une image d'avatar personnalisée qui apparaît dans l'en-tête du widget à côté de votre titre. Accepte JPG, PNG ou WebP jusqu'à 500 Ko. Rapport d'aspect carré (1:1) recommandé, 100x100 pixels ou plus.
Icône du bouton
Remplacez l'icône par défaut du bouton lanceur de chat par votre propre image personnalisée. Accepte JPG, PNG ou WebP jusqu'à 500 Ko. Rapport d'aspect carré (1:1) recommandé, 70x70 pixels ou plus. Envisagez d'utiliser un PNG transparent pour de meilleurs résultats.
Paramètres de contenu
Titre du widget
L'en-tête principal affiché dans l'en-tête du widget lorsqu'il est ouvert. Gardez-le en dessous de 85 caractères.
Exemples : "Support Chatim", "Comment pouvons-nous vous aider ?", "Discuter avec les ventes"
Sous-titre du widget
Texte secondaire optionnel affiché sous le titre. Gardez-le en dessous de 85 caractères.
Exemples : "Nous répondons généralement en quelques minutes", "Disponible 24h/24 et 7j/7", "Posez-nous vos questions !"
Message de bienvenue
Le message popup qui apparaît à côté du widget fermé pour attirer l'attention du visiteur. Gardez-le en dessous de 50 caractères.
Exemples : "Besoin d'aide ? Chattez avec nous !", "Bonjour ! Des questions ?", "Nous sommes en ligne !"
Paramètres de position
Position du widget
| Position | Description |
|---|---|
| Droite | Coin inférieur droit (le plus courant) |
| Gauche | Coin inférieur gauche |
Marge bureau
Contrôlez la distance du widget par rapport au bord de l'écran sur les appareils de bureau. Plage : 1px à 300px. Par défaut : 15px.
Marge mobile
Contrôlez la distance du widget par rapport au bord de l'écran sur les appareils mobiles. Plage : 1px à 300px. Par défaut : 15px. Vous voudrez peut-être une marge plus petite sur mobile pour maximiser l'espace d'écran.
Paramètres de timing
Ouverture automatique du widget
Ouvrez automatiquement le widget de chat après qu'un visiteur a été sur votre page pendant un temps spécifié. Plage : 0 à 120 secondes.
- 0 secondes - Désactivé (le widget reste fermé jusqu'au clic)
- 5-10 secondes - Bon pour engager les visiteurs intéressés
- 30+ secondes - Moins intrusif, capte les visiteurs engagés
Réinitialiser le chat (durée de session)
Contrôlez combien de temps l'historique de chat du visiteur est conservé avant de recommencer. Plage : 0 à 120 heures (5 jours).
- 0 heures - Ne jamais réinitialiser (le chat persiste indéfiniment)
- 24 heures - Réinitialisation quotidienne (par défaut)
- 72 heures - Sessions de trois jours
- 120 heures - Sessions maximales de cinq jours
Paramètres d'URL
Configurez la capture automatique des paramètres d'URL des pages des visiteurs. C'est utile pour suivre l'attribution marketing et les données de campagne sans modification de code.
- Activer la capture des paramètres d'URL - Activer ou désactiver
- Capturer tous les paramètres d'URL - Capture chaque paramètre d'URL valide
- Capturer uniquement des paramètres spécifiques - Utilise une liste blanche (par défaut : utm_source, utm_medium, utm_campaign, utm_term, utm_content, ref)
Pour plus de détails sur le fonctionnement des paramètres d'URL avec le SDK JavaScript, consultez la documentation du Widget SDK.
Paramètres de son
Activez ou désactivez le son de notification qui se joue lorsque de nouveaux messages arrivent dans le widget de chat. Activé par défaut.
Aperçu en direct
Le côté droit de la page des paramètres du widget affiche un aperçu en temps réel de votre widget de chat. Il se met à jour instantanément lorsque vous effectuez des modifications, est entièrement interactif et montre les états ouvert et fermé.
Note : L'aperçu utilise le mode démo et ne se connecte pas à votre flux de chatbot réel.
Enregistrer les modifications
Cliquez sur Enregistrer pour appliquer vos modifications. Les changements seront immédiatement reflétés sur votre site web en direct. Enregistrez toujours avant de quitter la page - les modifications non enregistrées seront perdues.
Bonnes pratiques
- Cohérence de marque - Utilisez les couleurs de votre marque, téléchargez votre logo comme avatar d'en-tête et adaptez le ton de votre site web
- Expérience utilisateur - Positionnez le widget là où il ne couvrira pas le contenu important, rédigez des messages amicaux et accueillants
- Optimisation mobile - Testez sur les appareils mobiles, ajustez la marge mobile séparément, gardez le texte court
- Tests A/B - Essayez différents messages de bienvenue, délais d'ouverture automatique, positions, couleurs et formes de bouton
Dépannage
Les modifications n'apparaissent pas sur le site web
- Assurez-vous d'avoir cliqué sur Enregistrer
- Videz le cache de votre navigateur
- Essayez un rafraîchissement forcé (Ctrl+F5 ou Cmd+Shift+R)
- Vérifiez que le code du widget est correctement installé
Échec du téléchargement d'image
- Vérifiez que la taille du fichier est inférieure à 500 Ko
- Assurez-vous du format correct (JPG, PNG, WebP)
- Essayez une image différente ou réduisez les dimensions