Si vous souhaitez personnaliser le style et l'apparence de la discussion Web au-delà des options disponibles dans l'onglet Style des paramètres de discussion Web, vous pouvez le faire en choisissant un thème Carbon Design différent.

Les thèmes pris en charge sont les thèmes de couleur définis par IBM Carbon Design. Pour définir le thème Carbon, utilisez l'option de configuration carbonTheme.

Vous pouvez également définir des variables individuelles dans le thème pour personnaliser des éléments d'interface utilisateur spécifiques. Par exemple, le texte affiché dans la fenêtre de discussion utilise les policesIBMPlexSans, Arial, Helvetica, sans-serif. Si vous souhaitez utiliser une autre police, vous pouvez la spécifier à l'aide de la méthode d'instance updateCSSVariables().

L'écran d'accueil accueille le client et affiche éventuellement une liste de suggestions de départ de conversation. Vous pouvez personnaliser le style et le contenu de l'écran d'accueil :

• Pour ajouter des éléments à l'écran d'accueil, vous pouvez définir du code HTML personnalisé à l'aide de la variable de thème writeableElements.homeScreenAfterStartersElement:

  instance.writeableElements.homeScreenAfterStartersElement.innerHTML =
    '<div class="MyCustomClass">This is my custom element</div>';
  

  Exemple: Pour un exemple pratique qui montre comment ajouter des éléments personnalisés à l'écran d'accueil, voir Eléments personnalisés de l'écran d'accueil pour la discussion Web watsonx Assistant.

• Pour modifier le style de l'écran d'accueil, utilisez Classes d'auxiliaire CSS.

Vous pouvez personnaliser les chaînes qui définissent les différents libellés et les phrases codées en dur affichées par la discussion Web. Pour personnaliser des chaînes, utilisez la méthode d'instance updateLanguagePack() pour remplacer des chaînes dans le module linguistique en cours. Pour plus d'informations, voir Langues.

Par défaut, les chaînes affichées par la discussion Web sont en anglais. Pour changer de langue, utilisez la méthode d'instance updateLanguagePack() pour remplacer le module de langue en cours par l'un des modules de langue traduits disponibles. Pour plus d'informations, voir Prise en charge d'audiences mondiales dans la discussion Web.

Pour une meilleure intégration à votre site Web, vous pouvez remplacer l'icône de lancement intégrée par un mécanisme différent pour l'ouverture de la discussion Web. Pour masquer le programme de lancement par défaut, définissez l'option de configuration showLauncher sur false. Pour ouvrir la discussion Web en fonction d'une autre interaction, utilisez la méthode d'instance openWindow.

Tutoriel: Pour un tutoriel qui vous montre comment implémenter un lanceur personnalisé, voir Utilisation d'un lanceur personnalisé.

Si vous souhaitez que la discussion Web reste toujours ouverte sur votre page, utilisez la configuration openChatByDefault ouverte pour rendre la page avec la fenêtre de discussion ouverte et l'option hideCloseButton pour empêcher les clients de la fermer.

La conception de votre site Web peut exiger que vous changiez où et comment la fenêtre de discussion Web s'affiche sur votre site Web. Par exemple, vous pouvez souhaiter qu'il apparaisse dans une position différente sur la page, à une taille différente, ou qu'il soit imbriqué dans un autre élément de la page.

Pour modifier la taille de la fenêtre de discussion Web, vous pouvez utiliser la méthode d'instance updateCSSVariables() pour modifier le style CSS.

Si vous devez modifier la position de la fenêtre de discussion Web ou si vous devez modifier la taille au-delà des limites autorisées dans la feuille de style en cascade, vous pouvez utiliser un élément DOM personnalisé pour contenir la fenêtre de discussion Web. Pour ce faire, utilisez l'option de configuration element.

Tutoriel: Pour un tutoriel qui montre comment rendre la discussion Web dans un élément personnalisé, voir Tutoriel: Personnalisation de la taille et de la position de la discussion Web.

Vous pouvez utiliser une WebView avec un pont JavaScript pour ajouter la discussion Web à votre application mobile. Pour plus d'informations, voir Ajout de la discussion Web à votre application mobile.

En s'abonnant à des événements, votre code peut intercepter les messages qui sont envoyés et reçus entre le client et l'assistant, et même modifier leur contenu.

Abonnez-vous à l'événement pre:receive si vous souhaitez intercepter le message d'un client avant qu'il ne soit envoyé à l'assistant. Par exemple, vous pouvez supprimer des informations identifiant la personne du texte du message ou ajouter des variables contextuelles à la charge du message.

Abonnez-vous à l'événement pre:send si vous souhaitez intercepter une réponse entrante de l'assistant avant qu'elle ne soit présentée au client. Par exemple, vous pouvez ajouter un formatage, des liens ou d'autres éléments spécifiques à la discussion Web.

Tutoriel: Pour un tutoriel montrant comment utiliser l'événement pre:receive pour intercepter et modifier des messages entrants, voir Tutoriel: implémentation de boutons d'option personnalisés dans la discussion Web.

Si votre assistant envoie des réponses spécialisées à l'aide d'un type de réponse personnalisé (user_defined), vous pouvez implémenter une vue personnalisée pour afficher ces réponses dans la fenêtre de discussion Web. Pour ce faire, abonnez-vous à l'événement customResponse, qui est déclenché chaque fois qu'une réponse user_defined est reçue. Dans votre méthode de gestionnaire d'événements, vous pouvez ensuite lire le contenu de la réponse et afficher la sortie à l'aide de vos propres éléments.

Tutoriel: Pour un tutoriel montrant comment afficher un type de réponse personnalisé en remplacement de la réponse d'options par défaut, voir Tutoriel: implémentation de boutons d'options personnalisés dans la discussion Web.

Vous pouvez utiliser l'un des kits de démarrage de discussion Web pour l'intégration à une plateforme de centre d'appel (centre de services) autre que celles disponibles dans les intégrations watsonx Assistant intégrées. Des implémentations de référence entièrement fonctionnelles sont disponibles pour plusieurs plateformes de centre d'appel ; en outre, vous pouvez utiliser un kit de démarrage pour développer une intégration personnalisée avec la plateforme de votre choix.

Pour plus d'informations, voir Ajout d'un support de centre d'appel.

La discussion Web associe un ID utilisateur à chaque message qu'elle envoie à l'assistant ; cet ID utilisateur est utilisé pour la facturation basée sur l'utilisateur et à d'autres fins. Vous pouvez autoriser la discussion Web à générer un ID anonyme pour chaque utilisateur ou vous pouvez contrôler l'ID utilisateur vous-même.

Selon que vous avez activé la sécurité pour la discussion Web, vous pouvez utiliser la méthode d'instance updateUserID ou la méthode updateIdentityToken pour spécifier les informations d'identité de l'utilisateur.

Pour plus d'informations sur la façon dont les informations d'identité de l'utilisateur sont spécifiées et utilisées, voir Gestion des informations d'identité de l'utilisateur dans la discussion Web.

Pour sécuriser la discussion Web, vous pouvez utiliser le jeton Web JSON (JWT) pour authentifier les utilisateurs et chiffrer les données privées. Pour plus d'informations, voir Sécurisation de la discussion Web.

Le code de discussion Web hébergé par IBM Cloud est régulièrement mis à jour avec des améliorations et de nouvelles fonctions. Par défaut, le script d'imbrication utilise automatiquement la dernière version de la discussion Web. Pour éviter les changements inattendus qui pourraient affecter votre site Web, vous pouvez décider quelle version de la discussion Web votre site Web utilise, ce qui vous donne la possibilité de tester chaque nouvelle version avant de la déployer dans la production, afin d'éviter les changements inattendus lors de la publication d'une nouvelle version.

Pour plus d'informations sur la gestion des versions de discussion Web, voir Contrôle de la version de discussion Web.