Configuration du style et de l'apparence

Modifier en ligne

Vous pouvez personnaliser une fenêtre de discussion en plein écran en définissant une largeur maximale et en supprimant l'ombre portée, ce qui permet une intégration parfaite de votre assistant IA. Pour plus d'informations, consultez la section « Configuration de la mise en page ».

Etapes pour personnaliser la fenêtre de chat

Vous pouvez configurer le style et l'apparence de votre widget de chat en ligne en suivant les étapes suivantes.

Allez dans Accueil > Aperçu > Personnaliser le chat web > Style pour configurer l'apparence générale du widget de chat web.
Sélectionnez le nom de l 'assistant IA en fonction des besoins du client afin qu'il s'affiche dans l'en-tête de la fenêtre de chat. Le nom peut contenir jusqu'à 64 caractères.
Vous pouvez définir les couleurs suivantes :
- Couleur primaire : couleur de l'en-tête du webchat.
- Couleur secondaire : la couleur de la bulle du message d'entrée du client.
- Couleur d'accent : la couleur des éléments interactifs, notamment :
  - Boutons de chat en ligne, tels que le bouton de suggestion et le bouton d'envoi de message.
  - La bordure autour du champ de texte de saisie (lorsqu'il est au centre de l'attention).
  - Les icônes qui apparaissent à côté des messages de l 'assistant IA.
  - Les bordures autour des boutons et des listes déroulantes lorsque les clients sélectionnent des options.
  - L'arrière-plan de l'écran d'accueil.

Chaque couleur est spécifiée sous la forme d'un code couleur hexadécimal HTML, tel que #FF33FC pour le rose et #329A1D pour le vert. Pour modifier une couleur, saisissez le code couleur HTML que vous souhaitez utiliser ou cliquez sur le point situé à côté du champ et choisissez la couleur dans le sélecteur de couleurs interactif.

Basculez le commutateur IBM Watermark sur 'enable ou 'disable le filigrane 'Built with IBM Watson dans le widget de chat en ligne.

Le filigrane ne peut pas être désactivé si vous disposez de la formule Lite de l'assistant IA.

Cliquez sur Ajouter une image d'avatar pour ajouter une image ou sur Modifier l'image d'avatar pour modifier une image existante. Indiquez l' URL e d'une image hébergée accessible au public, telle qu'un logo d'entreprise ou l'avatar d'un assistant IA. La taille de l'image doit être comprise entre 64×64 et 100×100 pixels.

Les changements de style sont immédiatement reflétés dans l'aperçu du chat Web affiché sur la page. Cependant, aucune modification de la configuration n'est appliquée à l'environnement tant que vous n'avez pas sauvegardé et quitté.

Vous pouvez désormais utiliser Carbon for AI dans votre style de chat en ligne. Pour plus d'informations sur l'intégration de Carbon for AI dans votre chat en ligne, consultez la section Configuration.