Aller au contenu principal

Dydubox

Dydu fournit un accès, via le BMS, à la Dydubox, une interface pour rendre ses clients encore plus autonomes dans le déploiement de leur chatbot de leur intranet ou leur site web.

Le design et les fonctionnalités qu’offre le chatbot à l’utilisateur final sont entièrement personnalisables sans avoir à utiliser une seule ligne de code. Vous pouvez rapidement tester différents styles, libellés ou fonctionnalités de chatbot et les ajuster quand vous le souhaitez.

Dydubox est disponible via le menu Intégration > Canaux.

Il y a trois manières de créer un chatbot actuellement :

  • créer un nouveau chatbot à partir de zéro
  • importer le style d'un autre chatbot au votre
  • créer un chatbot en utilisant le dépôt Github de dydu, puis l'importer et le publier via Dydubox (pour les développeurs)

Créer un nouveau chatbot à partir de zéro

Une fois le menu Canaux ouvert, pour commencer à personnaliser votre chatbot il vous suffit de :

  1. Cliquer sur le bouton Créer.
  2. Choisir l'option Multiplateforme.
  3. Cliquez sur Créez à partir de zéro.

Tout au long de la conception de votre chatbot, un aperçu du rendu final est disponible.

Étape 1 : personnaliser l'aperçu de votre chatbot

Thème

Dès le début de la conception de votre interface chatbot, vous pouvez choisir les éléments principaux de l'aperçu de votre chatbot tels que : la couleur et l’avatar.

Choisir la couleur

Par défaut, nous proposons des couleurs prédéfinies pour votre chatbot. Si aucune de ces propositions ne vous convient, vous pouvez choisir une couleur dans la palette ou indiquer un code de couleur hexadécimal.

Dans un souci de cohérence, la couleur choisie s'applique aux éléments suivants :

  • l’en-tête du chatbot,
  • les boutons d’actions :
    • actions principales : la couleur de fond correspond à la couleur principale,
    • boutons secondaires : le contour du bouton correspond à la couleur principale.
  • la bulle de question de l’utilisateur avec une légère opacité (transparence),
  • les liens,
  • l'arrière-plan du texte à côté du teaser (le teaser correspond au chatbot dans son état "réduit").
Personnaliser l’avatar

L'avatar chargé peut être affiché sur trois éléments :

  • le teaser
  • l'entête du chatbot
  • la bulle de réponse du bot (facultatif)
CSS

Pour les profils avancés, il est possible de personnaliser le style CSS du chatbot directement à partir de cette section. Grâce à l'édition CSS, il est possible de revoir plus en détail l'aspect visuel du chatbot.

Options d'affichage des bulles de conversation

Dans cette section, il est possible d'activer ou de désactiver des caractéristiques d'affichage de la conversation.

Afficher l'avatar du bot

Pouvoir afficher l'avatar à côté de la bulle de réponse du bot.

Afficher le nom du bot

Vous pouvez également renseigner un nom pour votre bot, il s'affichera au-dessus des bulles de réponse.

Changer l’avatar en fonction de la compréhension du bot

Il est possible de personnaliser l'avatar du bot suivant la compréhension du bot. L’avatar peut ainsi changer suivant 4 états différents. Vous pouvez personnaliser les images de chacun de ces différents états :

  • par défaut, neutre
  • lorsque le bot comprend la question de l'utilisateur et qu'il y a ce qu'on appelle un 'match direct'.
  • lorsque le bot suggère une reformulation,
  • lorsque le bot n’a pas compris. Pour des meilleurs résultats, l'image doit être carré #### Gérer les actions du chatbot

Au sein de l’en-tête plusieurs options de gestion de l’affichage du chatbot peuvent être ajoutées.

Fermer le chatbot

Cette option vous permet de faire apparaître un bouton 'fermer' dans l'entête du chatbot. Au clic sur ce bouton, le chatbot se ferme et n’apparaît plus sur la page web. Pour l’afficher à nouveau, l’utilisateur doit rafraîchir la page. Avant la fermeture du chatbot, une fenêtre précise ces conditions et demande la confirmation de l’utilisateur final. Le contenu texte de cette fenêtre peut être personnalisé.

Plein écran

Cette option permet à l’utilisateur final de mettre le chatbot en mode plein écran. ⚠️ Il n'y a pas d'aperçu disponible pour cette option au sein de la Dydubox. Ci-dessous une capture d’image d’un chatbot basculé en plein écran grâce au bouton Plein écran.

Compteur de caractères pour le champ de saisie

Il est possible de configurer le nombre maximum de caractères autorisés pour les questions des utilisateurs. Par défaut, la valeur est à 100. Il est également possible de choisir d’afficher ou non le compteur de caractères. Si affiché, ce dernier apparaît dans le champ de saisie et sera décompté à mesure que l’utilisateur final tape.

Langues

Il est possible de désactiver une langue tant que les connaissances correspondantes ne sont pas finalisées. Cette fonctionnalité est notamment utilisée lorsque vous ajoutez une nouvelle langue à votre bot : bien que le bot comprenne directement cette langue, le contenu de votre base de connaissance peut ne pas être prêt donc vous pouvez ne pas proposer de suite la langue à vos utilisateurs.

Lorsque le chatbot propose plusieurs langues, l’utilisateur dispose d’une liste déroulante au sein du chatbot pour sélectionner le drapeau correspondant à la langue de son choix.

Dans le cas contraire (le chatbot ne propose qu’une seule langue) la liste n’est plus affichée. La langue du chatbot peut également être gérée automatiquement selon une variable (par exemple selon l'URL en cours, ou la langue du navigateur de l'utilisateur)

Options supplémentaires

Afficher un onglet contact

Il est possible d’afficher ou non un autre onglet au sein du chatbot. Cet onglet est appelé Contact. Il permet de mettre en avant les différents moyens de vous contacter qu’il s’agisse de vos réseaux sociaux, e-mails ou téléphones. Les textes de cet onglet sont personnalisables.. Développeurs si vous devez afficher moins que les trois sections pour l'onglet contact, veuillez utiliser l'éditeur CSS.

Afficher un bandeau d’informations

Vous pouvez afficher un bandeau d’information dans votre chatbot. Il s’agit d’un encart texte qui se positionne en haut du chatbot. Il est présent en permanence sauf si l'utilisateur final décide de le fermer. Il permet de faire un focus sur des informations importantes. Le contenu du bandeau d'informations est personnalisable. Dans le bandeau, vous pouvez choisir d'ajouter un bouton "plus d'informations" avec un lien externe.

Étape 2: Paramètres avancés

Dans cette étape vous allez pouvoir choisir les fonctionnalités que vous souhaitez que votre chatbot offre à l’utilisateur final.

Mettre en avant les connaissances

Afficher les top connaissances

Cette fonctionnalité permet d’améliorer l'expérience utilisateur en présentant dès le début de la conversation les connaissances les plus demandées. Deux possibilités s’offrent à vous :

  • laisser le bot calculer automatiquement les connaissances les plus demandées sur les 30 derniers jours ou
  • configurer manuellement le top connaissances.

::: note Exemple Pendant la période de COVID sur des sites de réservations la question principale concernait la possibilité de remboursement. Au lieu de laisser l'utilisateur taper sa question les sites mettaient en avant les connaissances correspondantes grâce à la fonctionnalité de top connaissances. :::

Affichage côté chatbot

L’affichage d’un top connaissance au niveau du chatbot se gère au sein de la Dydubox. Il s’agit d’une option à activer. Dans le cas où aucun top connaissances manuel n’est défini alors les 3 connaissances les plus appelées sur les 30 derniers jours seront affichées.

Gestion manuelle du top connaissances côté BMS

Il est possible de configurer manuellement les 3 connaissances à faire apparaître au sein du top connaissances. Au sein du BMS, une page Top connaissances est dédiée à cet effet et permet de chercher et sélectionner les connaissances à afficher en top.

Autosuggestions

Cette fonctionnalité permet de faciliter la saisie de l'utilisateur final. En effet, dès lors que l’utilisateur final commence à écrire sa demande, le moteur de traitement de langage (NLP) dydu se met en marche et le bot suggère dynamiquement des connaissances en fonction de ce qui est saisi. Par défaut, le nombre d’autosuggestions est limité à 3 propositions. Les connaissances non "reformulables'' de la base de connaissances seront exclues des suggestions automatiques.

Exemple Dans le cadre d'un bot RH, un nouveau collaborateur souhaite connaître les conditions relatives au déjeuner et commence à taper : “ ticket restau". Avant même qu’il n’envoie sa question, la brique NLP dydu se met en marche et effectue une autosuggestion. Le chatbot va tout de suite proposer des connaissances pertinentes dont il dispose comme :
  • Ai-je droit à des tickets-restaurants ?
  • Comment obtenir mes tickets-restaurants ?
  • Où récupérer mes tickets-restaurants ? :::

Espaces de consultation

Pour votre chatbot, il est possible de mettre en place :

  • seulement un espace de consultation
  • plus d'un espace de consultation et laisser l'utilisateur décider lequel choisir
  • plus d'un espace de consultation et sélectionnez-les en fonction des critères de votre site web. Veuillez vous référer à la documentation développeur

Formulaire de satisfaction

Un questionnaire de satisfaction peut-être affiché pour chaque réponse du bot. En cas d’insatisfaction, il est possible de poser d’autres questions à l’utilisateur final permettant de mieux comprendre son mécontentement. Le paramétrage du parcours utilisateur suite à une insatisfaction se configure au sein de la Dydubox. Deux options peuvent être indépendamment activées :

  • proposer des raisons d’insatisfaction,
  • proposer de laisser un commentaire.

Les statistiques relatives aux questions d’insatisfaction sont disponibles dans le menu Statistiques du BMS.

Raisons d’insatisfaction

Si activées, les raisons d’insatisfaction s’affichent dès lors que l’utilisateur final clique sur l’icône d’insatisfaction. Trois raisons sont disponibles :

  • Je n'ai pas compris votre question
  • J'ai bien compris mais la solution proposée ne vous satisfait pas
  • Ma réponse n'était pas claire

Une quatrième proposition peut-être mise en place grâce aux phrases générales du bot.

Il n’est pas obligatoire de sélectionner une raison d'insatisfaction pour poursuivre sa conversation.

Commentaires

Lorsque cette option est activée, l’utilisateur final a la possibilité de laisser un commentaire pour expliciter son insatisfaction à travers un champ de “texte libre” affiché dans le chatbot. Il n’est pas obligatoire de laisser un commentaire pour poursuivre sa conversation.

Dans le cas où 'raison d’insatisfaction' et 'commentaire' sont activés, les raisons d’insatisfaction sont affichées en premier puis vient le champ de commentaire (une fois la raison d’insatisfaction renseignée).

Gestion des libellés

La Dydubox permet également de gérer les langues que le chatbot propose aux utilisateurs finaux. Vous pouvez ainsi choisir :

  • quelles langues seront disponibles pour les utilisateurs et
  • quelle sera la langue qui sera proposée par défaut lorsque le chatbot s’affichera aux utilisateurs finaux.

Tous les textes (libellés) présents dans le chatbot et non gérés depuis la base de connaissances du bot sont customisables via un fichier excel dédié, à exporter et ré-importer dans la Dydubox. Les textes concernent par exemple :

Pour chaque langue, un bouton Configurer est disponible permettant de télécharger / importer le fichier excel des libellés. Les modifications de texte effectuées et importées sont visibles directement dans l’aperçu.

Confidentialité (RGPD)

Notice d’informations RGPD

Lorsque l’utilisateur arrive sur le chatbot pour la première fois, une fenetre appelé disclaimer RGPD est affiché. Son objectif est d’informer l’utilisateur final de la récolte et du traitement de ses données personnelles et obtenir son consentement. L’utilisateur doit accepter les clauses RGPD pour pouvoir accéder au chatbot. L’affichage de ce disclaimer RGPD peut être désactivé.

Une fois accepté par l’utilisateur final, un cookie opérationnel, valable 1 an, est déposé sur l’appareil de l’utilisateur final. De cette façon, le disclaimer RGPD ne sera pas ré-affiché lors d’une nouvelle visite de l’utilisateur.

Le contenu du disclaimer RGPD est personnalisable grâce à la fonctionnalité de gestion des libellés.

Demande de récupération / suppression

Lorsque l’option données personnelles est activée les utilisateurs finaux peuvent, directement depuis la chatbox, effectué leur demande de récupération et/ou suppression de leurs données personnelles (dont le chatbot dispose). Chaque demande effectuée sera directement enregistrée et envoyée côté BMS dans le menu RGPD dédié à cet effet. Vous pouvez ainsi consulter les demandes et les traiter individuellement.

Parcours utilisateur final pour effectuer ses demandes de récupération / suppression de conversation:

Etape 3 : publier son chatbot

La publication permet d’obtenir le code javascript à ajouter dans les pages pour lesquelles le chatbot doit apparaître. Lors de la publication, l’ensemble des options choisies et configurées pour la chatbox sont prises en compte.

Deux possibilités sont offertes pour la publication :

  • publier en recette,
  • publier en production.

Chaque mode de publication (recette et production) fournit un code javascript dédié. Ainsi, la publication en recette permet de tester les différents choix effectués au sein de la dyduBox sans impacter la chatbox de production (qui est généralement mise en place sur les sites internet de production).

La publication en production permet de pousser directement les choix effectués sur sa chatbox de production. Chaque publication (recette / production) peut se faire indépendamment.

dydu dispose de deux environnements pour son site web :

  • un environnement de test : il s'agit de son site de test, non accessible au grand public et
  • un environnement de production : il s'agit du site web dydu accessible au grand public.

L’environnement de test intègre le javascript issu de la publication en recette et l’environnement de production intègre le javascript issu de la publication en production.

Ainsi, lorsque des modifications sont apportées à sa chatbox (exemple : couleur, avatar, options disponibles), dydu publie, dans un premier temps, en recette et test le résultat sur son environnement de test.

Une fois l’ensemble des changements validés, dydu publie en production et rend ainsi disponible directement les changements aux visiteurs de son site. :::

Pour chaque publication, il est possible :

  • de télécharger le code entier de la chatbox (grâce au bouton Télécharger),
  • de copier le script fourni pour le transmettre ou procéder directement à son intégration,
  • d’accéder à une page d’aperçu / de test : il s’agit d’une page web intégrant uniquement la chatbox,
  • d'envoyer le code d'intégration par mail.