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 la question de l'utilisateur.

Pour de meilleurs résultats, l'image doit être carrée

Gestion des actions du bot

Il est possible d'activer plusieurs actions dans l'en-tête de la chatbox.

Fermer la chatbox

Cette option vous permet de faire apparaître un bouton 'fermer' dans l'entête de la chatbox. Au clic sur ce bouton, la chatbox 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 de la chatbox, 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 la chatbox en mode plein écran.

attention Il n'y a pas d'aperçu disponible pour cette option au sein de la Dydubox.

Ci-dessous une capture d’image d’une chatbox 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 saisit son message.

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 la chatbox propose plusieurs langues, l’utilisateur dispose d’une liste déroulante au sein de la chatbox pour sélectionner le drapeau correspondant à la langue de son choix.

Dans le cas contraire (la chatbox ne propose qu’une seule langue) la liste n’est plus affichée. La langue de la chatbox 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 de choisir d’afficher ou non un autre onglet au sein de la chatbox. 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 dans cet onglet sont personnalisables. Si vous avez besoin d'afficher moins que les trois sections de l'onglet de contact, veuillez utiliser l'éditeur CSS.

Afficher un bandeau d’informations

Vous pouvez afficher un bandeau d’information dans votre chatbox. Il s’agit d’un encart texte qui se positionne en haut de la chatbox. 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 chatbox 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.
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é chatbox

L’affichage d’un top connaissance au niveau de la chatbox se gère au sein de la dyduBox. Il s’agit d’une option à activer. Si aucune top connaissances manuelle n’est définie 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 haut.

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 naturel (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ée à 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. La chatbox 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 chatbox, 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 la chatbox. 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 la chatbox 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 la chatbox 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 télécharger le fichier des libéllés, cliquez sur le bouton "Télécharger". Pour ré-importer, cliquez sur "Charger". 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 la chatbox pour la première fois, une fenetre appelée 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 à la chatbox. L’affichage de ce disclaimer RGPD peut être désactivé.

Une fois accepté par l’utilisateur final, un cookie opérationnel, valable pendant 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, effectuer leur demande de récupération et/ou suppression de leurs données personnelles (dont la chatbox 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.

Etape 3 : publier sa chatbox

La publication permet d’obtenir le code javascript à ajouter dans les pages pour lesquelles la chatbox 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 preproduction,
  • 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 modifications effectuées sur sa chatbox de production. Chaque publication (recette / production) peut se faire indépendamment.

Exemple 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 en recette dans un premier temps et teste 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.

Importer une chatbox existante

Vous pouvez également créer une intégration en important un fichier de configuration au format ZIP.

Il existe 2 types d'intégration :

  • Intégration dydu : une intégration dydu crée une version standard de la chatbox. Grâce à ce type d'intégration, les utilisateurs peuvent personnaliser l'apparence de leur chatbox.

  • Intégration Github : elle s'applique à un cas rare où certains clients qui ont des chatboxs non standard doivent republier leur chatbox sur Internet. En créant une intégration Github, les utilisateurs peuvent seulement publier la chatbox, mais ne peuvent pas profiter des options de personnalisation.

SOS : pourquoi un message d'erreur s'affiche-t-il ?

Une erreur se produit lorsque j'essaie d'importer une nouvelle configuration de chatbox

Chaque chatbox Dydu est composée d'une série de fichiers de configuration qui définissent l'apparence de la chatbot et son comportement dans certaines circonstances.

En modifiant les valeurs contenues dans ces fichiers, un administrateur peut personnaliser sa chatbox d'une manière plus avancée que Dydubox le permet (actuellement), même si, par souci de maintenance, Dydu ne recommande pas la personnalisation par les fichiers de configuration, mais plutôt par l'utilisation de Dydubox.

Ces fichiers de configuration sont structurés d'une certaine manière pour qu'ils puissent être lus par Dydubox. Dans le cas où un administrateur de chatbox a modifié non seulement les valeurs utilisées dans les fichiers de configuration, mais aussi leur structure, il y a de fortes chances que Dydubox ne soit plus capable de lire ces fichiers et par conséquent rejette son import.

Par conséquent, si vous essayez d'importer une configuration au format zip et que vous recevez un message d'erreur, il est possible que les fichiers de configuration ne soient pas conformes. Vous pouvez soit réinitialiser vos fichiers sur leur format par défaut, soit contacter notre support pour obtenir de l'aide.

Voici quelques exemples de messages d'erreur que vous pouvez recevoir :

  • Quand le fichier "configuration.js" n'est pas conforme : "La configuration ne peut être créée, importée, publiée ou mise à jour car la structure de configuration.json n'est pas à jour."

  • Quand le fichier de traduction n'est pas conforme : "Attention : la structure d'un des fichiers de traduction n'est pas à jour et vous empêche de continuer."

  • Vous pouvez également recevoir un message générique "requête échouée avec erreur 400". Dans ce cas-là, contactez notre support pour avoir de l'aide.

Une erreur se produit lorsque j'essaie d'ouvrir une configuration de chatbox existante

Dydubox n'est compatible qu'avec les chatbox dont la version est supérieure ou égale à v5.6.15.

Par conséquent, si la version de votre chatbox est plus ancienne que v5.6.15, vous ne pourrez ni ouvrir ni modifier la chatbox à partir de Dydubox et c'est pour cela que vous obtenez le message d'erreur.

Si vous souhaitez pouvoir éditer votre chatbox sur Dydubox, veuillez contacter notre support pour une montée de version de votre chatbox.