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èle | Idéal pour |
|---|---|
| Vide | Commencer de zéro |
| Support | Service client & assistance |
| Ventes | Génération de leads & ventes |
| Intégration | Guider les nouveaux utilisateurs & clients |
| Entreprise | Ton 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 :
| Champ | Description | Exemple |
|---|---|---|
| Nom | Nom affiché de votre chatbot | "Assistant Support" |
| Description | Description 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 :
| Champ | Description | Exemple |
|---|---|---|
| Utiliser le nom de la persona | Activez si le bot doit se présenter par son nom | On/Off |
| Nom de la persona | Le nom sous lequel votre bot se présente (si activé) | "Alex" |
| Rôle | Le rôle que joue votre bot | "Customer Success Manager" |
| Contexte | Contexte 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 :
| Style | Idéal pour |
|---|---|
| Professionnel & Moderne (Par défaut) | Agences, entreprises tech, B2B |
| Exclusif & Distingué | Cliniques de beauté, cabinets d'avocats, hôtels de luxe |
| Chaleureux & Accueillant | Entreprises 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églage | Faible (1) | Élevé (5) |
|---|---|---|
| Formalité | Décontracté, convivial | Formel, professionnel |
| Humour | Sérieux, sans blagues | Enjoué, spirituel |
| Verbosité | Bref, concis | Détaillé, approfondi |
| Empathie | Factual, direct | Chaleureux, compréhensif |
| Proactivité | Réactif uniquement | Propose 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églage | Description | Exemple |
|---|---|---|
| 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ème | Description |
|---|---|
| Par défaut | Le schéma de couleurs standard de ChatReact |
| Entreprise | Utilise 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églage | Description |
|---|---|
| Couleur Principale | Couleur d'accent principale (boutons, en-têtes) |
| Couleur Secondaire | Dégradé et états au survol |
| Couleur de Fond | Fond de la fenêtre de chat |
| Couleur du Texte | Couleur du texte des messages |
Paramètres Avancés de Couleur
Déployez les options avancées pour un contrôle plus granulaire :
| Réglage | Description |
|---|---|
| Messages Visiteur | Couleur de fond et du texte des bulles de message du visiteur |
| Messages Bot | Couleur de fond et du texte des bulles de message du bot |
| Couleur du Texte de l'En-tête | Couleur 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églage | Description |
|---|---|
| Message de Bienvenue | Premier message affiché à l'ouverture du chat |
| Message de Repli | Réponse lorsque le bot ne peut pas répondre |
| Salutation Proactive | Saluer automatiquement les visiteurs |
| Délai de la Salutation Proactive | Temps d'attente avant la salutation (1-10 secondes) |
| Ouverture Automatique | Ouvrir automatiquement le widget |
| Délai d'Ouverture Automatique | Temps d'attente avant l'ouverture (1-15 secondes) |
| Son Activé | Jouer un son de notification lorsque le bot répond |
| Indicateur de Saisie | Afficher une animation de saisie |
Formulaire Pré-Chat
Collectez des informations sur le visiteur avant le début du chat :
- Activez Formulaire Pré-Chat
- Ajoutez des champs (Text, Email, Phone, Textarea)
- 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 :
| Mode | Description |
|---|---|
| Prudent | Le 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. |
| Confiant | Ré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) :
- Activez Enable Live Chat
- Choisissez un Live Chat Mode :
| Mode | Description |
|---|---|
| Handoff Only | Le bot IA gère les conversations et transfère aux humains lorsque nécessaire |
| Standalone | Chat humain direct, indépendant du bot IA |
| Both | Bot 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 :
- Scan website — Entrez l'URL de votre site ; ChatReact découvre automatiquement les pages et vous permet de sélectionner celles à importer
- Upload documents — Ajoutez des fichiers PDF, DOCX, TXT, MD, CSV ou JSON
- 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 :
- Test - Utiliser la fonctionnalité Preview pour tester des conversations
- Embed - Ajouter le widget à votre site web
- Iterate - Ajuster les paramètres en fonction des retours