Personnalisation du widget

Configurez l'apparence, le comportement et les messages de votre widget de chat pour correspondre à votre marque et engager les visiteurs efficacement.

Apparence

Contrôlez l'apparence du widget sur votre site.

ParamètreOptionsDescription
Couleur principaleToute valeur hexadécimaleDéfinit la couleur de l'en-tête du widget, du bouton d'envoi et des accents. Assortissez-la à votre marque (ex. #2563eb).
Positionbottom-right, bottom-leftDans quel coin de la page le widget apparaît.
Chat visibleActivé / DésactivéActivez ou désactivez le widget sans supprimer le code d'intégration. Utile pour la maintenance ou les campagnes saisonnières.
Astuce : utilisez une couleur qui offre un bon contraste avec du texte blanc. Le texte de l'en-tête du widget est toujours blanc, évitez donc les couleurs très claires.

Message de bienvenue

Le message de bienvenue s'affiche lorsqu'un visiteur ouvre le chat pour la première fois et qu'il n'y a aucun message existant.

Comment ça fonctionne

  • Définissez le message dans votre langue par défaut (ex. anglais)
  • Le message est stocké sous forme de carte par langue (JSON)
  • Lorsqu'un visiteur ouvre le chat, le message est auto-traduit dans la langue de son navigateur via Claude
  • Les versions traduites sont mises en cache, pour que les visiteurs suivants dans la même langue le voient instantanément

Exemple

Vous définissez le message de bienvenue en anglais :

"Hi there! How can we help you today?"

Un visiteur avec un navigateur français voit :

"Bonjour ! Comment pouvons-nous vous aider aujourd'hui ?"

Messagerie proactive

Les messages proactifs encouragent les visiteurs à démarrer une conversation avant qu'ils ne cliquent sur le widget.

Modes

ModeComportement
auto_openLe widget de chat s'ouvre automatiquement au chargement de la page. Le visiteur voit immédiatement la fenêtre de chat complète.
attractUne bulle flottante apparaît à côté du widget avec votre message proactif, attirant l'attention sans être intrusive.

Le message proactif est également par langue et auto-traduit dans la langue du navigateur du visiteur, tout comme le message de bienvenue.

Astuce : le mode « attract » fonctionne bien pour l'e-commerce (« Besoin d'aide pour choisir ? Demandez-nous ! ») tandis que « auto_open » est meilleur pour les pages de support où les visiteurs cherchent déjà de l'aide.

Message de repli

Le message de repli est affiché au visiteur lorsqu'il est en cours de connexion à un opérateur. Il définit les attentes concernant le temps de réponse.

Détails

  • Stocké par langue, auto-traduit comme les autres messages
  • Affiché lorsqu'une conversation attend qu'un opérateur la rejoigne
  • Exemple : « Merci pour votre message ! Un membre de notre équipe sera avec vous sous peu. »

Langue de l'opérateur

Chaque widget a une langue d'opérateur par défaut. C'est la langue cible des traductions quand aucun opérateur spécifique n'est encore assigné à une conversation.

Comment elle est utilisée

  • Le visiteur envoie un message en espagnol
  • Aucun opérateur n'est encore assigné
  • Le message est traduit dans la langue d'opérateur du widget (ex. anglais)
  • Une fois qu'un opérateur prend la conversation, les traductions ciblent sa langue personnelle à la place

Traduction

Contrôlez si les messages sont traduits automatiquement pour ce widget.

ParamètreDescription
Traduction activéeInterrupteur principal pour ce widget. Lorsque désactivé, aucun message n'est traduit.
Modèle de traductionLe modèle IA utilisé pour la traduction. Haiku est recommandé pour le meilleur équilibre entre rapidité et coût.

Lorsqu'elle est activée, tous les messages sont traduits dans les deux sens automatiquement — les messages des visiteurs sont traduits dans la langue de l'opérateur, et les réponses de l'opérateur sont traduites dans la langue du visiteur. Consultez le guide de traduction pour tous les détails.

Limitation de débit

Protégez votre widget contre les abus avec la limitation du débit des messages.

Configuration

  • Messages par minute — par défaut 20
  • S'applique par session visiteur
  • Lorsque la limite est atteinte, le visiteur voit un message localisé « Veuillez ralentir » dans sa langue
  • Empêche le spam et la consommation excessive de tokens

Origines autorisées

Restreignez les domaines qui peuvent intégrer votre widget pour la sécurité.

Comment ça fonctionne

  • Ajoutez les domaines où votre widget doit fonctionner (ex. https://yoursite.com)
  • Le widget ne se chargera que sur les domaines autorisés
  • Si la liste est vide, le widget est autorisé sur tout domaine (aucune restriction)
  • Utile pour empêcher l'utilisation non autorisée de votre clé de widget sur des sites tiers
Sécurité : pour une utilisation en production, ajoutez toujours vos origines autorisées. Cela empêche quelqu'un de copier votre code d'intégration et d'utiliser votre widget (et vos tokens) sur son propre site.

Code d'intégration

Chaque widget a un code d'intégration unique — une seule balise script à ajouter à votre site.

<script src="https://enuchat.com/widget/enuchat-v1.js"
        data-widget-key="wgt_your_key_here"></script>

Détails

  • L'attribut data-widget-key identifie votre widget
  • Le script se charge de manière asynchrone — il ne bloquera pas votre page
  • Placez-le juste avant </body> dans votre HTML
  • La clé de widget peut être exposée dans le code côté client — elle ne peut être utilisée que pour démarrer des sessions de chat, pas pour accéder à votre tableau de bord

Prêt à personnaliser votre widget ?

Créez votre compte gratuit et ayez un widget de chat à votre marque en ligne en quelques minutes.

Commencer gratuitement