AccueilDocumentation

Assistant de Chatbot

L'Assistant de Chatbot vous guide pour créer un chatbot IA entièrement configuré en 8 étapes simples.

Seules l'Étape 1 (Informations de base) et l'Étape 8 (Résumé) sont obligatoires — toutes les autres étapes disposent d'un bouton Ignorer. À partir de l'Étape 5 (Design du Widget), un aperçu en direct de votre widget est affiché à côté du formulaire.

Étape 1 : Informations de base (Obligatoire)

Partir d'un Modèle

En haut de l'Étape 1, vous pouvez choisir un modèle qui pré-remplit l'assistant avec des réglages optimisés — persona, tonalité, messages de bienvenue et d'échec, et options de comportement. Vous pouvez toujours ajuster tout dans les étapes suivantes.

ModèleIdéal pour
VideCommencer de zéro
SupportService client & assistance
VentesGénération de leads & ventes
IntégrationGuider les nouveaux utilisateurs & clients
EntrepriseTon professionnel & formel

Le modèle Vide est toujours disponible. Les modèles pré-configurés sont disponibles sur les plans payants — l'assistant indique quel plan les débloque.

Nom & Description

Configurez les paramètres fondamentaux de votre chatbot :

ChampDescriptionExemple
NomNom affiché de votre chatbot"Assistant Support"
DescriptionDescription interne pour votre équipe"Traite les demandes clients pour notre produit SaaS"

Le nom du chatbot est affiché aux visiteurs dans l'en-tête du widget de chat.

Étape 2 : Persona

Définissez la personnalité et le background de votre chatbot :

ChampDescriptionExemple
Utiliser le nom de la personaActivez si le bot doit se présenter par son nomOn/Off
Nom de la personaLe nom sous lequel votre bot se présente (si activé)"Alex"
RôleLe rôle que joue votre bot"Customer Success Manager"
ContexteContexte sur l'expertise de votre bot"5 ans d'expérience à aider les clients sur des problèmes techniques"

Mode Anonyme

Si vous désactivez Utiliser le nom de la persona, le chatbot ne se présentera pas par son nom. Au lieu de « Bonjour ! Je suis Alex, votre spécialiste du service client. », il dira simplement « Bonjour ! Comment puis-je vous aider ? ». Le champ du nom de la persona est masqué lorsque ce réglage est désactivé.

Une persona bien définie rend les conversations plus naturelles et aide l'IA à rester cohérente. Utilisez le mode anonyme si vous préférez une expérience de chatbot plus neutre.

Style de Communication

Choisissez un style de communication prédéfini qui définit le ton global de votre chatbot :

StyleIdéal pour
Professionnel & Moderne (Par défaut)Agences, entreprises tech, B2B
Exclusif & DistinguéCliniques de beauté, cabinets d'avocats, hôtels de luxe
Chaleureux & AccueillantEntreprises familiales, restaurants, cabinets médicaux
Cool & DécontractéStudios de tatouage, bistrots tendance, startups
PersonnaliséUtilise vos propres Instructions de Base au lieu d'un preset

Chaque style ajoute des instructions détaillées dans le prompt avec un ton approprié, des schémas de formulation et des exemples.

Étape 3 : Tonalité

Affinez le style de communication de votre chatbot à l'aide de curseurs (échelle 1-5) :

RéglageFaible (1)Élevé (5)
FormalitéDécontracté, convivialFormel, professionnel
HumourSérieux, sans blaguesEnjoué, spirituel
VerbositéBref, concisDétaillé, approfondi
EmpathieFactual, directChaleureux, compréhensif
ProactivitéRéactif uniquementPropose les prochaines étapes

Étape 4 : Langues

Configurez la prise en charge des langues :

  • Langue Principale : La langue principale des réponses (choisissez parmi English, German, French, Spanish, Italian, or Portuguese)
  • Langues Supportées : Langues supplémentaires que votre bot peut comprendre et utiliser
  • Niveau Technique : Un curseur de Simple à Technique qui détermine le degré de technicité du langage du bot

ChatReact prend en charge les 24 langues officielles de l'UE.

Forme d'Adresse

Définissez comment le chatbot doit s'adresser aux visiteurs du site :

RéglageDescriptionExemple
Formel (Sie/Vous)Forme polie pour communication professionnelle/commerciale"How may I assist you?" (German: "Wie kann ich Ihnen helfen?")
Informel (Du/Tu)Adresse personnelle pour une communication décontractée"How can I help you?" (German: "Wie kann ich dir helfen?")

La forme d'adresse n'est utilisée que dans les langues qui distinguent le tutoiement et le vouvoiement (par ex., German, French, Spanish). En English et langues similaires, ce réglage ne s'applique pas.

Le widget détecte automatiquement la langue du navigateur du visiteur et répond dans la langue appropriée.

Étape 5 : Design du Widget

Personnalisez l'apparence de votre widget de chat :

Position

  • Bas droite (par défaut)
  • Bas gauche
  • Inline (Intégré) — Le widget s'affiche là où le script d'intégration est placé, toujours ouvert, sans bulle et sans bouton de fermeture. Idéal pour des pages de chat dédiées ou des sections de support.

Couleurs

Choisissez un Thème de Couleur :

ThèmeDescription
Par défautLe schéma de couleurs standard de ChatReact
EntrepriseUtilise les couleurs de votre marque (disponible une fois définies dans Company Settings)
PersonnaliséDébloque des sélecteurs de couleur individuels

Lorsque Personnalisé est sélectionné, vous pouvez ajuster :

RéglageDescription
Couleur PrincipaleCouleur d'accent principale (boutons, en-têtes)
Couleur SecondaireDégradé et états au survol
Couleur de FondFond de la fenêtre de chat
Couleur du TexteCouleur du texte des messages

Paramètres Avancés de Couleur

Déployez les options avancées pour un contrôle plus granulaire :

RéglageDescription
Messages VisiteurCouleur de fond et du texte des bulles de message du visiteur
Messages BotCouleur de fond et du texte des bulles de message du bot
Couleur du Texte de l'En-têteCouleur du texte dans l'en-tête du widget

Chaque couleur avancée peut être réinitialisée sur automatique, auquel cas ChatReact choisit une couleur à contraste sûr pour vous.

Dimensions

  • Rayon des Bordures : Coins arrondis (0-32px)
  • Largeur du Widget : Largeur de la fenêtre de chat
  • Hauteur du Widget : Hauteur de la fenêtre de chat

Branding

  • Utiliser le Logo de l'Entreprise : Affiche le logo de votre entreprise dans l'en-tête du widget. Requiert le plan Professional ou supérieur ; le logo est téléchargé dans Company Settings.
  • Titre de l'En-tête : Texte dans l'en-tête du widget
  • Sous-titre de l'En-tête : Texte secondaire dans l'en-tête. Si vous le laissez vide, le widget affiche un sous-titre localisé par défaut. Après la création, vous pouvez masquer entièrement le sous-titre en effaçant ce champ dans les paramètres du widget.

Chaque option de design peut être modifiée après la création, et des paramètres supplémentaires (comme une URL de logo personnalisée et le texte de la bulle de chat) sont disponibles également. Voir Widget Customization pour la référence complète.

Étape 6 : Comportement

Configurez les comportements automatisés :

RéglageDescription
Message de BienvenuePremier message affiché à l'ouverture du chat
Message de RepliRéponse lorsque le bot ne peut pas répondre
Salutation ProactiveSaluer automatiquement les visiteurs
Délai de la Salutation ProactiveTemps d'attente avant la salutation (1-10 secondes)
Ouverture AutomatiqueOuvrir automatiquement le widget
Délai d'Ouverture AutomatiqueTemps d'attente avant l'ouverture (1-15 secondes)
Son ActivéJouer un son de notification lorsque le bot répond
Indicateur de SaisieAfficher une animation de saisie

Formulaire Pré-Chat

Collectez des informations sur le visiteur avant le début du chat :

  1. Activez Formulaire Pré-Chat
  2. Ajoutez des champs (Text, Email, Phone, Textarea)
  3. Marquez les champs requis comme "Required" si nécessaire

Après la création, vous pouvez cliquer sur Translate with AI dans les paramètres de comportement du chatbot pour traduire automatiquement toutes les étiquettes de champs et les espaces réservés dans vos langues supportées.

Phase d'Apprentissage

Ignorer la Phase d'Apprentissage : Activez ceci pour démarrer votre chatbot avec pleine confiance dès le premier jour — sans réponses prudentes. Un avertissement vous rappelle de vous assurer que votre base de connaissances est bien préparée avant de la mettre en production.

Si la phase d'apprentissage est active, vous pouvez déterminer comment le chatbot se comporte en cas d'incertitude sur les réponses :

ModeDescription
PrudentLe bot est réservé et oriente activement vers la prise en charge par e-mail en cas d'incertitude. Ajoute proactivement des phrases d'incertitude.
Équilibré (Par défaut, marqué "Recommended")Réponses normales. N'indique l'incertitude que lorsque l'utilisateur remet en question la précision.
ConfiantRépond comme en fonctionnement normal. La phase d'apprentissage ne collecte que des retours sans modifier le comportement des réponses.

Instruction supplémentaire pour la Phase d'Apprentissage : Champ texte libre optionnel pour des instructions spéciales durant la phase d'apprentissage, par ex., "Toujours renvoyer les questions tarifaires à l'équipe."

Le mode de la phase d'apprentissage est également configurable dans les paramètres du chatbot après la création.

Chat en Direct

Permettez aux visiteurs de parler en temps réel avec des agents humains (requiert le plan Professional ou supérieur) :

  1. Activez Enable Live Chat
  2. Choisissez un Live Chat Mode :
ModeDescription
Handoff OnlyLe bot IA gère les conversations et transfère aux humains lorsque nécessaire
StandaloneChat humain direct, indépendant du bot IA
BothBot IA avec transfert et chat humain autonome

En savoir plus dans le Live Chat guide.

Sur les plans en marque blanche, l'Étape 6 affiche également une section Branding avec un interrupteur pour afficher ou masquer le badge "Powered by ChatReact" dans le widget.

Étape 7 : Restrictions & Conformité

Définissez des règles et des limitations :

Sujets Bloqués

Sujets que votre chatbot doit éviter :

  • Produits concurrents
  • Conseils juridiques
  • Négociations de prix

Conformité aux Bonnes Pratiques

Sélectionnez parmi huit règles de conformité standard de l'industrie :

  • Pas de conseils juridiques — recommande de consulter un professionnel du droit (pré-sélectionné)
  • Pas d'engagements contraignants — ne prend jamais d'engagements contraignants concernant les prix, remises ou livraisons (pré-sélectionné)
  • Renvoi au support humain — propose de mettre en relation avec le support humain pour les questions sensibles ou complexes (pré-sélectionné)
  • Pas d'informations internes — ne divulgue pas d'informations internes ou de détails confidentiels
  • Pas d'informations sur les concurrents — ne partage pas d'informations sur les concurrents ni ne fait de comparaisons
  • Pas de conseils médicaux — recommande de consulter un professionnel de santé
  • Pas de conseils financiers — ne fournit jamais de conseils financiers ou d'investissement
  • Confidentialité des données — traite les données personnelles avec précaution et ne demande pas d'informations inutiles

Instructions de Base

Règles personnalisées pour votre chatbot, gérées sous forme de liste :

  • Ajouter, modifier ou supprimer des instructions individuelles
  • Activer ou désactiver chaque instruction sans la supprimer
  • Cliquer sur Improve with AI pour que vos instructions soient automatiquement affinées

Exemples d'instructions :

  • "Toujours recommander la planification d'une démo pour les questions complexes"
  • "Ne jamais partager de données clients ou de métriques internes"
  • "Renvoyer les questions tarifaires à l'équipe commerciale"

Les Instructions de Base ont la priorité la plus élevée et sont toujours incluses dans chaque réponse du chat.

Après la création, l'éditeur des Instructions de Base dans les paramètres du chatbot prend en charge le formatage de texte et les liens cliquables (web, email et numéros de téléphone).

Limites de Réponse & Transfert

  • Longueur Max de Réponse : Limite de caractères pour les réponses (100-2000 caractères)
  • Déclencheur de Transfert Humain : Décrivez avec vos propres mots quand le bot doit transférer le chat à un humain, par ex., "Pour les plaintes produit ou demandes de remboursement"
  • Email de Transfert Humain : Adresse e-mail vers laquelle le bot oriente les visiteurs lors du transfert à un humain

Étape 8 : Résumé (Obligatoire)

Revoyez tous les paramètres avant de créer votre chatbot :

  • Vérifiez toutes les configurations
  • Prévisualisez le design du widget
  • Cliquez sur Create Chatbot pour terminer

Après la Création

Lorsque vous cliquez sur Create Chatbot, vous êtes directement dirigé vers l'assistant Set up your knowledge base, qui remplit la base de connaissances de votre chatbot en trois étapes rapides :

  1. Scan website — Entrez l'URL de votre site ; ChatReact découvre automatiquement les pages et vous permet de sélectionner celles à importer
  2. Upload documents — Ajoutez des fichiers PDF, DOCX, TXT, MD, CSV ou JSON
  3. Done — Continuez vers votre tableau de bord

Les deux étapes de contenu peuvent être ignorées — vous pouvez toujours ajouter des connaissances plus tard. Voir le Knowledge Base guide pour les détails.

De là, vous pouvez :

  1. Test - Utiliser la fonctionnalité Preview pour tester des conversations
  2. Embed - Ajouter le widget à votre site web
  3. Iterate - Ajuster les paramètres en fonction des retours

Prochaines Étapes