7. Personnaliser

Ce guide décrit les paramètres "avancés" dans la zone de personnalisation de votre widget de chatbot, qui vous permettent d'affiner davantage le comportement et les fonctionnalités du chatbot.

Personnalisation de l'apparence de votre chatbot

La page de personnalisation de votre chatbot est divisée en plusieurs onglets : Contenu, Apparence, Avancé, Message hors ligne et CSS personnalisé. Dans ce guide, nous nous concentrons sur le Onglet ContenuLe chatbot est une application qui vous permet de modifier le texte que les utilisateurs voient lorsqu'ils interagissent avec le chatbot.

Onglet Contenu

Dans l'onglet Contenu, vous pouvez personnaliser le texte qui s'affiche pour les utilisateurs lorsqu'ils interagissent avec le chatbot.

Titre (heading)

• Saisir le titre - Saisissez un titre dans le champ "Heading". Ce texte est la première chose que les utilisateurs voient, généralement en haut du widget de chat. Exemple : "Je suis votre assistant AI".

Description (Description)

• Ajouter une description - Saisissez une description dans le champ "Description". Celle-ci devrait donner aux utilisateurs plus de contexte sur les capacités du chatbot, par exemple : "Demandez-moi tout ce que vous voulez. J'essaierai de vous répondre sur la base des données de ce site web".

Texte de remplacement pour le champ de saisie du chat

• Adapter le texte de l'espace réservé - Saisissez le texte souhaité dans le champ "Chat Input Placeholder Text". Il pourrait s'agir d'une invitation du type "Saisissez votre message".

Messages de bienvenue (Welcome Messages)

• Ajouter un message de bienvenue - Ajoutez un message de bienvenue que les utilisateurs recevront lors de leur premier contact avec le chatbot. Tapez votre message dans le champ correspondant et cliquez sur "Add welcome message".

Message popup de bienvenue et délai

• Afficher les messages de bienvenue sous forme de popup - Activez "Show welcome messages as popup" si vous souhaitez que le message de bienvenue s'affiche sous forme de popup.
• Définir le délai de popup - Saisissez une valeur en millisecondes dans le champ "Show popup after (ms)" pour définir au bout de combien de millisecondes le popup doit apparaître après le chargement de la page.

Le popup ne dérange pas les visiteurs de votre page d'accueil et peut également être signalé par des emojis sur le chat.

Exemple de questions (Sample Questions)

• Ajouter des exemples de questions - Saisissez un exemple de question pour montrer aux utilisateurs ce qu'ils peuvent demander au chatbot. Insérez la question dans le champ "Question" et indiquez une étiquette dans le champ "Label". Cliquez ensuite sur "Add Sample Question".

Aperçu des changements

• Aperçu en direct - Sur le côté droit de l'écran, vous pouvez voir un aperçu en direct du widget chatbot. Au fur et à mesure que vous effectuez des modifications dans les paramètres de personnalisation, cet aperçu est mis à jour en temps réel pour refléter les changements.

Enregistrer vos personnalisations

• Enregistrer les adaptations - Lorsque vous êtes satisfait des modifications, cliquez sur le bouton "Update widget style" en bas à droite de la page pour appliquer les modifications à votre widget Live Chatbot.
• Retour sans sauvegarde - Si vous souhaitez revenir à la page précédente sans l'enregistrer, cliquez sur le bouton "Go back" en bas à gauche.

Apparence

Personnalisation de l'apparence de votre widget chatbot

Ce guide vous aidera à personnaliser l'aspect visuel de votre widget de chatbot afin qu'il s'intègre parfaitement au design et à l'identité de marque de votre site.

Accès aux paramètres d'apparence

1. Connectez-vous à votre tableau de bord de chatbot.
2. Cliquez sur "Customize" dans le menu de navigation à gauche.
3. Dans la section "Customize", naviguez jusqu'à l'onglet "Appearance", qui est mis en évidence dans l'interface.

Personnalisation de l'apparence du widget du chatbot

Couleur de fond (Background Color)

• Choisir la couleur - Repérez le champ "Background color". Cliquez sur le champ de couleur pour sélectionner une couleur ou saisissez un code hexadécimal (par exemple #000000 pour le noir) afin de faire correspondre la couleur au schéma de couleurs de votre site.

Couleur du texte (Text Color)

• Changer la couleur du texte - Dans le champ "Text color", vous pouvez cliquer sur le champ de couleur pour sélectionner une couleur ou saisir un code hexadécimal (par exemple #FFFFFF pour le blanc) qui offre un bon contraste avec la couleur de fond afin d'améliorer la lisibilité.

Rayon de courbure (Border Radius)

• Arrondir les angles - Personnalisez le champ "Border radius" pour modifier l'arrondi des coins du widget chatbot. Saisissez une valeur en pixels (par ex. 12px) pour déterminer le degré d'arrondi des coins.

Position du widget (Widget Position)

• Définir la position du widget - Choisissez la position du widget sur votre site en sélectionnant "Left" ou "Right". Cela détermine de quel côté de la page l'icône du chatbot et la fenêtre apparaissent.

Aperçu de vos modifications

• Aperçu en direct - Lorsque vous apportez des modifications aux paramètres d'apparence, l'aperçu en direct sur le côté droit de l'écran est mis à jour pour refléter vos ajustements. Utilisez cet aperçu pour juger de l'apparence du chatbot sur votre site.

Appliquer l'apparence personnalisée

• Enregistrer les modifications - Une fois que vous êtes satisfait de l'apparence du widget chatbot, cliquez sur le bouton "Update widget style" en bas à droite pour enregistrer vos modifications et les appliquer à votre site.
• Retour sans sauvegarde - Si vous souhaitez revenir à la page précédente sans enregistrer les modifications, cliquez sur le bouton "Go back" en bas à gauche.

Onglet avancé

Invite de base

Dans le champ "Invite de base", vous définissez les instructions de base que votre chatbot doit suivre. Cela sert de base pour les réponses du chatbot.

• Exemple de base prompt - Vous êtes un chatbot très enthousiaste qui aime aider les gens ! Votre nom est {{nomduchatbot}} et votre tâche est de répondre aux requêtes basées sur le contexte fourni et les messages passés, en utilisant le langage Markdown. Si les données fournies ne permettent pas une réponse, répondez avec '{{defaultAnswer}}'".

Cette instruction de base peut être adaptée selon vos besoins. Par exemple, si vous souhaitez que votre chatbot réponde uniquement en français, vous pourriez ajouter l'instruction suivante : "Reply only in the French language".

Conseil

Il est conseillé de donner au chatbot quelques informations de base sur votre site web dans l'invite de base, afin de donner plus de contexte aux réponses.

Réponse par défaut (Default Answer)

Le champ "Default Answer" vous permet de définir une réponse par défaut que le chatbot utilisera s'il ne trouve pas de réponse adéquate à une requête.

• Exemple de réponse standard - "Je ne sais pas comment répondre à ça"
• Vous pouvez adapter ce texte à votre guise ou le traduire dans une autre langue. Par exemple, vous pourriez écrire
  "Désolé, je n'ai pas la réponse à cette question. Merci d'envoyer un e-mail hi@example.com pour de l'aide".

Cette réponse donne au chatbot une possibilité de répondre poliment aux demandes qu'il ne peut pas traiter.

Collecte d'e-mails (Collect Email)

Si cette option est activée, le chatbot peut demander une adresse e-mail aux utilisateurs s'il ne peut pas répondre à leur demande. Ceci est utile pour permettre le suivi avec le client.

Afficher les liens "Read More" (Show Read More Links)

Si vous activez cette option, le chatbot ajoute des liens "Read more" aux réponses, ce qui permet aux utilisateurs d'obtenir des informations supplémentaires.

• Read More Texte - Ici, vous pouvez adapter le texte qui s'affiche pour les liens "Read More". Par défaut, il s'agit de "Read more :".
• Vous pouvez modifier ce texte pour qu'il corresponde mieux à votre marque ou à l'expérience de l'utilisateur.

Choix du modèle de chatbot

Dans cette section, vous pouvez choisir le modèle de langage que votre chatbot doit utiliser. Selon le modèle choisi, les performances et le comportement de votre chatbot changent. Les modèles disponibles sont décrits ici en détail :

1. GPT-3.5-Turbo

• Description - GPT-3.5-Turbo est une version optimisée de GPT-3 et offre des performances plus rapides et plus efficaces. Il est bien adapté aux tâches d'IA standard et offre un bon équilibre entre coût et performance.
• Avantages: Temps de réponse rapide et large champ d'application pour les tâches de conversation quotidiennes.

2. GPT-4

• Description - GPT-4 est le dernier modèle linguistique d'OpenAI et offre un meilleur traitement de la parole, une meilleure compréhension du contexte et des réponses plus précises par rapport à ses prédécesseurs.
• Avantages: Précision accrue et meilleure qualité des réponses, idéal pour les tâches plus complexes.

3. GPT-4-Turbo

• Description - GPT-4-Turbo est une version plus puissante et plus rapide de GPT-4. Elle combine les capacités avancées de GPT-4 avec des ressources optimisées pour des calculs plus rapides.
• Avantages - Grande vitesse de réaction tout en utilisant les fonctionnalités avancées du GPT-4. Idéal pour les scénarios où la vitesse et la précision sont aussi importantes l'une que l'autre.

4. GPT-4o

• Description - Ce modèle est une variante expérimentale de GPT-4, spécifiquement axée sur les optimisations et les extensions. Il offre des adaptations uniques visant à répondre à des cas d'utilisation spécifiques.
• Avantages - Possibilités d'adaptation étendues pour des exigences très spécifiques ou des scénarios d'utilisation expérimentaux.

Conclusion - Le choix du bon modèle dépend des exigences de votre application. Si vous voulez une solution standard avec des performances élevées, GPT-4 ou GPT-4-Turbo pourrait être le meilleur choix. Pour les applications critiques en termes de protection des données, un LLM privé de Konfuzio peut offrir une alternative grâce à un équilibre optimal entre performance et sécurité.

Résumé

Les paramètres "avancés" vous offrent des possibilités flexibles pour personnaliser davantage les réponses de votre chatbot. Vous pouvez affiner les instructions de base, fournir une réponse standard et ajouter des fonctionnalités supplémentaires telles que la collecte d'adresses e-mail et de liens "Read more". Ces configurations contribuent à rendre votre chatbot plus convivial et efficace, tout en répondant aux besoins de vos clients.

CSS personnalisé

Accès aux fonctions CSS personnalisées

• Connectez-vous à votre tableau de bord de chatbot.
• Dans le menu de navigation à gauche, sélectionnez l'option "Customize" pour ouvrir les options de personnalisation.
• Cliquez sur l'onglet "Custom CSS", qui est la dernière option du menu à onglets.

Compréhension des CSS personnalisés

• CSS personnalisé (Cascading Style Sheets) vous permet d'apporter des modifications de style spécifiques au widget du chatbot, qui ne sont pas disponibles dans l'interface de personnalisation standard. Cela inclut des modifications de la taille des polices, des couleurs, de l'espacement et d'autres éléments visuels.

Prudence lors de l'application

• Il est important d'utiliser la fonction Custom CSS avec précaution. Un CSS incorrect peut entraîner des problèmes d'affichage ou des conflits avec les styles existants de votre site.
• N'utilisez Custom CSS que si vous êtes familiarisé avec la syntaxe CSS et que vous comprenez les modifications que vous apportez.
• Notez qu'il est de votre responsabilité d'assurer la rétrocompatibilité lors des futures mises à jour de la plateforme de chatbot.

Appliquer le CSS personnalisé

• Dans la zone de texte "Custom CSS", vous pouvez écrire ou insérer votre code CSS. Par exemple, le code fourni correspond à .ai-assistant-header p { line-height: 1.6; } indique la hauteur de ligne des paragraphes dans l'en-tête du chatbot.
• Vous pouvez cibler des éléments spécifiques au sein du widget chatbot grâce à leur nom de classe et appliquer les styles souhaités avec des règles CSS standard.

Aperçu des changements

• Pendant que vous appliquez Custom CSS, l'aperçu en direct sur le côté droit de l'écran est mis à jour pour refléter vos modifications. Vous pouvez ainsi voir immédiatement l'effet de votre code sur l'apparence du chatbot.

Enregistrer vos modifications CSS personnalisées

• Une fois que vous avez terminé vos personnalisations CSS, cliquez sur le bouton "Update widget style" en bas à droite de l'écran pour enregistrer vos modifications et les appliquer au widget du chatbot.
• Si vous décidez de ne pas appliquer les modifications ou de revenir aux styles standard, cliquez sur le bouton "Go back" en bas à gauche pour quitter l'interface CSS personnalisée sans enregistrer.