Configurer votre Widget

Configurez l'apparence, le message d'accueil, le transfert vers un conseiller, le NPS, l'intégration et les paramètres avancés de votre widget depuis les onglets de Channels.

Mis à jour le 24 septembre 2026

Rendez-vous dans Build > Integrate > Channels et sélectionnez votre widget pour accéder aux onglets de configuration.

Vous pouvez configurer le widget à l'aide des onglets suivants :

Format & Design : personnalisez l'apparence.
Greetings : définissez la façon dont votre bot accueille les utilisateurs.
Handover (Bot Managers only) : gérez le passage du bot aux conseillers.
NPS : activez les enquêtes Net Promoter Score.
Integration : configurez l'intégration et le partage du widget.
Advanced : configurez les paramètres avancés.
Un menu en haut à droite vous permet de dupliquer ou de supprimer la configuration du widget. Vous pouvez aussi associer le widget dupliqué à une nouvelle langue.

Présentation du ViaSay Chatbot Widget

Le ViaSay Chatbot Widget est une interface de discussion simple, facile à intégrer à votre site web.

Format & Design

Définissez l'identité visuelle de votre widget et sa position sur votre site web.

Format de la fenêtre de discussion

Choisissez parmi trois modes d'affichage :

Widget : bulle de discussion classique dans un coin de la page (recommandé)
Sidebar : panneau fixe sur le bord de la page
Full page : page de discussion dédiée

Couleurs et typographie

Main color : couleur de l'en-tête et du fond (code hexadécimal)
Secondary color : Quick replies, liens et bulles des messages de l'utilisateur
Font : choisissez parmi les polices disponibles

Position de la bulle de discussion

Position : choisissez le coin gauche ou droit
Margins : ajustez l'espacement par rapport aux bords (marge droite, marge basse)
Z-index : gérez la superposition avec les autres éléments de la page

Ajoutez des éléments de menu toujours visibles dans le pied du widget :

Item title : nom affiché (par ex. « FAQ », « Contact »)
Item type : lien vers une URL web ou déclenchement d'une action du bot
URL : destination des liens web

Privacy link : activez cette option pour ajouter au menu un lien vers la politique de confidentialité conforme au RGPD.

Icône de la bulle de discussion

Default icon : utilisez l'icône de discussion standard de ViaSay
Custom icon : importez votre logo (format carré, 60×60 px recommandé)
Text or emoji : affichez un texte ou un emoji personnalisé à la place de l'icône

Auto-opening : choisissez quand la fenêtre de discussion s'ouvre automatiquement (uniquement au clic, après un délai, etc.)

Greetings

Définissez le premier message que voient les utilisateurs en ouvrant le widget.

Présentation du bot

Message text : rédigez un message d'accueil concis (par ex. « Bonjour 👋 Comment puis-je vous aider ? »)

Quick Replies

Ajoutez jusqu'à 10 boutons Quick Reply pour orienter les utilisateurs vers les sujets courants :

Cliquez sur + Add a Quick Reply
Saisissez le texte du bouton (par ex. « Suivre ma commande », « Tarifs », « Support technique »)
Les Quick replies lancent les parcours du bot correspondants

Handover

Configurez le transfert du bot vers un conseiller en direct.

Icône Handover

Visibility : affichez ou masquez l'icône de contact d'un conseiller dans l'en-tête du widget
Tooltip text : personnalisez le texte affiché au survol (par défaut : « contact agent »)
Trigger message : message envoyé quand l'utilisateur clique sur l'icône de transfert

⚠️ Nécessite la configuration d'un Agent Channel.

NPS

Recueillez des données de satisfaction client grâce aux enquêtes Net Promoter Score.

Activer l'enquête NPS

Activez NPS survey is on.

Question de notation

Par défaut, la question NPS standard du marché est utilisée : « How likely is it that you would recommend our chatbot to a friend or colleague? »

Follow-up question : ajoutez si vous le souhaitez une question ouverte après la note (case à cocher pour l'activer)

Message de remerciement

Personnalisez le message affiché à la fin de l'enquête (par défaut : « Thanks for your feedback! »)

Integration

Récupérez votre code d'installation et testez le widget.

Code d'installation

Copiez l'extrait JavaScript à intégrer à votre site web. Chaque widget possède un jeton unique.

Suivez cette documentation pour installer votre widget

Lien d'aperçu

Testez la configuration de votre widget avant le déploiement grâce à l'URL d'aperçu.

Audience Distribution

Choisissez le pourcentage de visiteurs qui voient le widget (de 0 à 100 %). Utile pour un déploiement progressif ou des tests A/B.

👍 Déployez en invisible, lancez quand vous êtes prêt
Réglez Audience Distribution sur 0 % pendant la mise en place. Le code du widget est déployé en production mais reste masqué. Quand vous êtes prêt à lancer, ajustez le pourcentage dans Integration pour gérer la visibilité, sans aucune modification de code.

Advanced

Affinez les comportements techniques et les métadonnées.

Délai d'expiration de la connexion

Enable connection timeout : fermez automatiquement la connexion au serveur après une période d'inactivité de l'utilisateur, pour optimiser l'utilisation des ressources.

Référence client

Attribuez un identifiant personnalisé à la propriété customer_ref pour segmenter les utilisateurs et appliquer une logique conditionnelle dans les parcours du bot.

Comportement des liens

Open links in new tabs : activez cette option pour ouvrir les URL des messages du bot dans un nouvel onglet du navigateur.

Mention ViaSay

Display text crediting ViaSay : affichez ou masquez la mention « Powered by ViaSay » en pied de widget (activée par défaut).

Action de démarrage du bot

Choisissez l'action de l'utilisateur qui déclenche le premier message du bot (par défaut : Start User Action).

Bonnes pratiques

Testez en aperçu : validez toujours vos modifications en mode aperçu avant de publier.

Pensez mobile d'abord : vérifiez l'affichage sur petit écran et ajustez les marges si nécessaire.

Soignez l'accueil : limitez les messages d'accueil à moins de 100 caractères et utilisez des Quick Replies pour guider l'utilisateur.

Cohérence de marque : alignez la couleur principale sur la couleur de marque dominante de votre site web.

Choisissez bien le moment du NPS : proposez l'enquête après un échange réussi avec le bot, pas dès l'ouverture.

Publier les modifications

Cliquez sur Publish en haut à droite pour mettre en ligne les modifications de configuration. Elles s'appliquent immédiatement aux widgets déployés.

Sous-articles

Tester le bot en production

Testez votre bot en production en temps réel pour valider ses réponses, repérer les régressions et analyser les sessions dans les statistiques.

Mis à jour le 24 septembre 2026

Gérer la visibilité de votre widget

Permet de définir le pourcentage de visiteurs qui voient la bulle de discussion pour déployer votre widget progressivement.

Mis à jour le 24 septembre 2026

Transmettre des variables via le script du widget

Permet de transmettre au chatbot des informations de votre site, comme le prénom ou l'identifiant client, via le script du widget.

Mis à jour le 1 octobre 2026

Sécuriser les User Channel Variables

Permet de signer les User Channel Variables de votre widget pour qu'un visiteur ne puisse pas les modifier dans son navigateur.

Mis à jour le 1 octobre 2026

Cet article vous a-t-il aidé ?

Configurer votre Widget

Configurez l'apparence, le message d'accueil, le transfert vers un conseiller, le NPS, l'intégration et les paramètres avancés de votre widget depuis les onglets de Channels.

Mis à jour le 24 septembre 2026

Rendez-vous dans Build > Integrate > Channels et sélectionnez votre widget pour accéder aux onglets de configuration.

Vous pouvez configurer le widget à l'aide des onglets suivants :

Format & Design : personnalisez l'apparence.
Greetings : définissez la façon dont votre bot accueille les utilisateurs.
Handover (Bot Managers only) : gérez le passage du bot aux conseillers.
NPS : activez les enquêtes Net Promoter Score.
Integration : configurez l'intégration et le partage du widget.
Advanced : configurez les paramètres avancés.
Un menu en haut à droite vous permet de dupliquer ou de supprimer la configuration du widget. Vous pouvez aussi associer le widget dupliqué à une nouvelle langue.

Présentation du ViaSay Chatbot Widget

Le ViaSay Chatbot Widget est une interface de discussion simple, facile à intégrer à votre site web.

Format & Design

Définissez l'identité visuelle de votre widget et sa position sur votre site web.

Format de la fenêtre de discussion

Choisissez parmi trois modes d'affichage :

Widget : bulle de discussion classique dans un coin de la page (recommandé)
Sidebar : panneau fixe sur le bord de la page
Full page : page de discussion dédiée

Couleurs et typographie

Position de la bulle de discussion

Ajoutez des éléments de menu toujours visibles dans le pied du widget :

Item title : nom affiché (par ex. « FAQ », « Contact »)
Item type : lien vers une URL web ou déclenchement d'une action du bot
URL : destination des liens web

Privacy link : activez cette option pour ajouter au menu un lien vers la politique de confidentialité conforme au RGPD.

Icône de la bulle de discussion

Auto-opening : choisissez quand la fenêtre de discussion s'ouvre automatiquement (uniquement au clic, après un délai, etc.)

Greetings

Définissez le premier message que voient les utilisateurs en ouvrant le widget.

Présentation du bot

Message text : rédigez un message d'accueil concis (par ex. « Bonjour 👋 Comment puis-je vous aider ? »)

Quick Replies

Ajoutez jusqu'à 10 boutons Quick Reply pour orienter les utilisateurs vers les sujets courants :

Cliquez sur + Add a Quick Reply
Saisissez le texte du bouton (par ex. « Suivre ma commande », « Tarifs », « Support technique »)
Les Quick replies lancent les parcours du bot correspondants

Handover

Configurez le transfert du bot vers un conseiller en direct.

Icône Handover

⚠️ Nécessite la configuration d'un Agent Channel.

NPS

Recueillez des données de satisfaction client grâce aux enquêtes Net Promoter Score.

Activer l'enquête NPS

Activez NPS survey is on.

Question de notation

Par défaut, la question NPS standard du marché est utilisée : « How likely is it that you would recommend our chatbot to a friend or colleague? »

Follow-up question : ajoutez si vous le souhaitez une question ouverte après la note (case à cocher pour l'activer)

Message de remerciement

Personnalisez le message affiché à la fin de l'enquête (par défaut : « Thanks for your feedback! »)

Integration

Récupérez votre code d'installation et testez le widget.

Code d'installation

Copiez l'extrait JavaScript à intégrer à votre site web. Chaque widget possède un jeton unique.

Suivez cette documentation pour installer votre widget

Lien d'aperçu

Testez la configuration de votre widget avant le déploiement grâce à l'URL d'aperçu.

Audience Distribution

Choisissez le pourcentage de visiteurs qui voient le widget (de 0 à 100 %). Utile pour un déploiement progressif ou des tests A/B.

👍 Déployez en invisible, lancez quand vous êtes prêt
Réglez Audience Distribution sur 0 % pendant la mise en place. Le code du widget est déployé en production mais reste masqué. Quand vous êtes prêt à lancer, ajustez le pourcentage dans Integration pour gérer la visibilité, sans aucune modification de code.

Advanced

Affinez les comportements techniques et les métadonnées.

Délai d'expiration de la connexion

Enable connection timeout : fermez automatiquement la connexion au serveur après une période d'inactivité de l'utilisateur, pour optimiser l'utilisation des ressources.

Référence client

Attribuez un identifiant personnalisé à la propriété customer_ref pour segmenter les utilisateurs et appliquer une logique conditionnelle dans les parcours du bot.

Comportement des liens

Open links in new tabs : activez cette option pour ouvrir les URL des messages du bot dans un nouvel onglet du navigateur.

Mention ViaSay

Display text crediting ViaSay : affichez ou masquez la mention « Powered by ViaSay » en pied de widget (activée par défaut).

Action de démarrage du bot

Choisissez l'action de l'utilisateur qui déclenche le premier message du bot (par défaut : Start User Action).

Bonnes pratiques

Testez en aperçu : validez toujours vos modifications en mode aperçu avant de publier.

Pensez mobile d'abord : vérifiez l'affichage sur petit écran et ajustez les marges si nécessaire.

Soignez l'accueil : limitez les messages d'accueil à moins de 100 caractères et utilisez des Quick Replies pour guider l'utilisateur.

Cohérence de marque : alignez la couleur principale sur la couleur de marque dominante de votre site web.

Choisissez bien le moment du NPS : proposez l'enquête après un échange réussi avec le bot, pas dès l'ouverture.

Publier les modifications

Cliquez sur Publish en haut à droite pour mettre en ligne les modifications de configuration. Elles s'appliquent immédiatement aux widgets déployés.