Site web

LiveDesk prend en charge l’ajout du widget de chat du canal Website aux pages web afin de traiter les demandes des visiteurs, d’attribuer les conversations et de fournir des fonctionnalités de chat en temps réel sur votre site web.

Le widget de chat en temps réel fonctionne avec la plupart des navigateurs modernes. Les versions de navigateur suivantes sont prises en charge :

Comment ajouter un canal Website

« Ajouter un canal » > « Website »

Saisir les informations de configuration

Suivez les instructions affichées à l’écran pour renseigner les informations de base du canal Website, puis cliquez sur « Confirmer » pour créer le canal. Après sa création, vous pouvez poursuivre la configuration dans des onglets tels que « Intégration », « Paramètres », « Widget Builder », « Attribution des conversations », « Agent humain » et « Agent IA ».

Renseignez les informations de configuration comme indiqué dans l’interface, puis cliquez sur « Confirmer » une fois la saisie terminée.

Ajouter le widget de chat au site web

Après la création, la page redirige vers la page de configuration détaillée du canal. Dans l’onglet « Intégration », vous pouvez copier l’extrait de code généré et le coller dans votre site web pour terminer l’installation.

Les méthodes d’installation suivantes sont actuellement prises en charge :

Paramètres détaillés

Faites défiler la page vers le bas pour afficher davantage de paramètres. Vous pouvez y finaliser l’intégration du canal Website, configurer les paramètres de base, le formulaire de pré-chat, les horaires d’ouverture ainsi que l’apparence du widget.

Intégration

La section « Intégration » fournit principalement les méthodes d’intégration du code de la bulle de chat, ainsi que les paramètres de sécurité associés.

• Messenger Script

  Permet de basculer entre « Bubble Code », « iframe Code » et « GTM Installation », ainsi que de copier le code d’installation correspondant. Le code inclut le websiteToken du canal Website actuel et l’adresse de référence de sdk.js requise pour son fonctionnement.

• User Authentication

  Cette option est désactivée par défaut. Après son activation, la page affiche les informations clés liées à l’authentification. Celles-ci peuvent être copiées et utilisées par le serveur pour générer les paramètres de vérification de l’identité du visiteur et améliorer la fiabilité de cette identité.

• Domain Whitelist

  Cette option est désactivée par défaut. Après son activation, seuls les domaines figurant dans la liste blanche sont autorisés à initialiser le widget Website. Pour ajouter plusieurs domaines, saisissez-en un par ligne. Pour le débogage local, le numéro de port doit être inclus, par exemple localhost:3000 ou 127.0.0.1:8080.

Paramètres

Configurez les paramètres de base du canal Website, les modes d’interaction des visiteurs et le formulaire de pré-chat.

• Channel Information

  Permet de modifier le nom du canal Website actuel.

• Enable Channel Greeting

  Cette option est désactivée par défaut. Après son activation, lorsqu’un utilisateur envoie une demande pour la première fois, le système lui envoie automatiquement un message de réponse par défaut.

• Quick Commands

  Cette option est désactivée par défaut. Après son activation, le titre de la commande rapide est fixé au-dessus de la zone de saisie de la fenêtre de chat afin d’aider les utilisateurs à envoyer rapidement des questions fréquentes. Plusieurs commandes rapides peuvent être ajoutées. Il est recommandé de les utiliser pour les questions courantes, les points d’entrée de demande ou les invites d’orientation.

• Enable CSAT

  Cette option est désactivée par défaut. Après son activation, lorsque le statut de la conversation passe à « Resolved », une enquête de satisfaction est envoyée à l’utilisateur afin de recueillir son avis sur le service.

• Email Collection

  Cette fonctionnalité prend en charge les deux configurations suivantes :

  • Email Collection Field : Affiche automatiquement un champ de saisie d’adresse e-mail au début de la conversation, sans toutefois rendre son remplissage obligatoire.

  • Conversation Continuity : Lorsque l’utilisateur est hors ligne, l’adresse e-mail peut être utilisée pour poursuivre la conversation avec lui. Avant d’utiliser cette fonctionnalité, vous devez d’abord terminer la configuration du canal Email concerné.

• User Behavior Control

  Cette fonctionnalité prend en charge le paramètre « User Ends Conversation ». Après son activation, les utilisateurs peuvent mettre fin de manière proactive à la conversation en cours dans le widget. Le système modifie alors le statut de la conversation en « Resolved ».

• Pre-Chat Form

  Le formulaire de pré-chat a été déplacé vers l’onglet « Paramètres » pour centraliser sa configuration. Après son activation, les utilisateurs doivent remplir le formulaire avant d’accéder au chat.

  Les éléments suivants peuvent être configurés :

  • Form Body : Permet d’expliquer l’objectif du formulaire, par exemple : « Bonjour, veuillez renseigner les informations ci-dessous afin que nous puissions vous contacter. »

  • Form Options : Permet de configurer les champs du formulaire un par un, notamment les paramètres « Enable », « Variable Name », « Variable Type », « Name », « Placeholder » et « Required ».

  • System Preset Fields : Permet d’utiliser des champs courants tels que email, phone, firstname et lastname.

  • Conversation Attribute Fields : Permet de sélectionner des attributs de conversation existants comme champs de pré-chat. Ceux-ci sont enregistrés dans les attributs de conversation correspondants après l’envoi du formulaire.

  • Email Field : Peut être utilisé pour suivre l’identité du visiteur et également pour un transfert ultérieur vers un agent humain ou pour un contact hors ligne.

• Business Hours

  Cette option est désactivée par défaut. Après son activation, vous pouvez configurer les horaires d’ouverture, le fuseau horaire et le texte du message affiché en dehors des horaires d’ouverture pour le canal Website actuel. En dehors de ces horaires, le système informe les visiteurs que le service est momentanément indisponible, conformément à la configuration définie, et gère la réception des demandes par les agents humains conjointement avec les règles d’attribution des conversations.

Widget Builder

La section « Widget Builder » permet de configurer l’apparence et le contenu affiché du composant de chat côté visiteur. La zone d’aperçu située à droite affiche le rendu de la configuration en temps réel.

• Theme Settings

Les paramètres suivants peuvent être configurés :

• Theme Color : Définit la couleur principale du widget.

• Text Color : Définit la couleur du texte affiché, notamment des titres et du contenu principal.

• Background Image : Permet de téléverser et de remplacer l’image d’arrière-plan de la zone de bienvenue.

• Width : Définit la largeur du widget. La valeur par défaut est 400.

• Height : Définit la hauteur du widget. La valeur par défaut est 700.

• Bubble Settings

Les paramètres suivants peuvent être configurés :

• Bubble Style : Propose trois modes d’affichage : « Icon », « Icon + Text » et « Text ».

• Icon : L’icône par défaut peut être remplacée.

• Text : Lorsque le style « Icon + Text » ou « Text » est sélectionné, le texte de la bulle peut être configuré. Il ne doit pas dépasser 20 caractères.

• Size : Permet de choisir différentes tailles : mini, petite, moyenne, grande et très grande.

• Bubble Position : Permet de définir la position d’affichage et l’espacement par rapport au bas et au côté de la page.

• Welcome Message

Les éléments suivants peuvent être configurés :

• Title : Titre principal de la zone de bienvenue.

• Content : Contenu principal de la zone de bienvenue.

• Guide Text : Texte affiché dans la zone « Instant Answers » pour aider les utilisateurs à démarrer rapidement une demande.

• Display Online Agent Prompt

Cette option est désactivée par défaut. Après son activation, un message indiquant qu’un agent répondra est affiché sur la page d’accueil de la bulle.

• Show Only Online Agent Avatars

Cette option est désactivée par défaut. Lorsqu’elle est désactivée, les avatars et les statuts de tous les agents du canal actuel sont affichés, y compris ceux des agents hors ligne. Lorsqu’elle est activée, seuls les agents actuellement en ligne sont affichés, y compris l’Agent IA. Lorsque tous les agents sont hors ligne, aucun avatar n’est affiché.

• Social Media

Cette option est désactivée par défaut. Après son activation, des plateformes sociales ou des canaux de contact peuvent être configurés et affichés dans la carte de bienvenue du widget.

• Submit Ticket

Cette option est désactivée par défaut. Après son activation, une entrée de ticket s’affiche dans le widget, permettant aux utilisateurs de consulter ou de soumettre des tickets.

• External Link

Cette option est désactivée par défaut. Après son activation, des cartes de liens externes peuvent être ajoutées pour afficher un centre d’aide externe, une page de FAQ ou d’autres points d’entrée de navigation.