Chatbot Wizard
Le Chatbot Wizard vous guide pour créer un chatbot IA entièrement configuré en 8 étapes simples.
Step 1: Basics (Required)
Configurez les paramètres fondamentaux de votre chatbot :
| Field | Description | Example |
|---|---|---|
| Name | Nom affiché de votre chatbot | "Support Assistant" |
| Description | Description interne pour votre équipe | "Handles customer inquiries for our SaaS product" |
Le nom du chatbot est affiché aux visiteurs dans l'en-tête du widget de chat.
Step 2: Persona
Définissez la personnalité et le background de votre chatbot :
| Field | Description | Example |
|---|---|---|
| Use Persona Name | Activer/désactiver si le bot se présente par son nom | On/Off |
| Persona Name | Le nom sous lequel votre bot se présente (si activé) | "Alex" |
| Role | Le rôle joué par votre bot | "Customer Success Manager" |
| Background | Contexte sur l'expertise de votre bot | "5 years experience helping customers with technical issues" |
Mode anonyme
Si vous désactivez Use Persona Name, 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 persona est masqué lorsque ce commutateur est désactivé.
Une persona bien définie rend les conversations plus naturelles et aide l'AI à rester cohérente. Utilisez le mode anonyme si vous préférez une expérience chatbot plus neutre.
Step 3: Tonality
Préréglages de style de communication
Choisissez un style de communication prédéfini qui définit le ton général de votre chatbot :
| Style | Idéal pour |
|---|---|
| Professionnel & Moderne (Par défaut) | Agences, entreprises tech, B2B |
| Exclusif & Distingué | Marques premium, hôtels de luxe, cabinets d'avocats |
| Chaleureux & Sincère | Entreprises familiales, cabinets médicaux, restaurants |
| Cool & Décontracté | Studios de tatouage, cafés tendance, startups |
| Personnalisé | Aucun préréglage — utilise uniquement vos réglages manuels de curseurs |
Chaque style ajoute des instructions de prompt détaillées avec un ton approprié, des modèles de formulation et des exemples.
Ajustement fin avec les curseurs
Ajustez le style de communication de votre chatbot à l'aide de curseurs (échelle 1-5) :
| Setting | Low (1) | High (5) |
|---|---|---|
| Formality | Décontracté, amical | Formel, professionnel |
| Humor | Sérieux, pas de blagues | Enjoué, spirituel |
| Verbosity | Bref, concis | Detaillé, approfondi |
| Empathy | Factual, direct | Chaleureux, compréhensif |
| Proactivity | Purement réactif | Propose les étapes suivantes |
Step 4: Languages
Configurez la prise en charge des langues :
- Primary Language: La langue principale des réponses
- Supported Languages: Langues supplémentaires que votre bot peut comprendre et utiliser
ChatReact prend en charge les 24 langues de l'UE ainsi que de nombreuses autres.
Address Form
Définissez la façon dont le chatbot doit s'adresser aux visiteurs du site :
| Setting | Description | Example |
|---|---|---|
| Formal (Sie/Vous) | Forme polie pour la communication professionnelle/business | "How may I assist you?" (German: "Wie kann ich Ihnen helfen?") |
| Informal (Du/Tu) | Adresse personnelle pour une communication informelle | "How can I help you?" (German: "Wie kann ich dir helfen?") |
La forme d'adresse n'est utilisée que pour les langues qui distinguent le formel et l'informel (par ex. allemand, français, espagnol). En anglais 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.
Step 5: Widget Design
Personnalisez l'apparence de votre widget de chat :
Position
- Bottom Right (par défaut)
- Bottom Left
- Inline (Intégré) — Le widget est affiché à l'endroit où le script d'intégration est placé, toujours ouvert, sans bulle ni bouton de fermeture. Idéal pour les pages de chat dédiées ou les sections de support.
Colors
| Setting | Description |
|---|---|
| Primary Color | Couleur d'accent principale (boutons, en-têtes) |
| Secondary Color | Dégradé et états au survol |
| Background Color | Arrière-plan de la fenêtre de chat |
| Text Color | Couleur du texte des messages |
Paramètres de couleur avancés
Développez les options avancées pour un contrôle plus précis :
| Setting | Description |
|---|---|
| User Bubble Color | Couleur d'arrière-plan des bulles de message du visiteur |
| Bot Bubble Color | Couleur d'arrière-plan des bulles de message du bot |
| Header Text Color | Couleur du texte dans l'en-tête du widget |
Dimensions
- Border Radius: Coins arrondis (0-50px)
- Widget Width: Largeur de la fenêtre de chat
- Widget Height: Hauteur de la fenêtre de chat
Branding
- Logo URL: Logo personnalisé dans l'en-tête
- Header Title: Texte dans l'en-tête du widget
- Header Subtitle: Texte secondaire dans l'en-tête
Step 6: Behavior
Configurez les comportements automatisés :
| Setting | Description |
|---|---|
| Welcome Message | Premier message affiché à l'ouverture du chat |
| Fallback Message | Réponse lorsque le bot ne peut pas répondre |
| Proactive Greeting | Saluer automatiquement les visiteurs |
| Proactive Delay | Temps d'attente avant le salut (ms) |
| Auto Open | Ouvrir automatiquement le widget |
| Auto Open Delay | Temps d'attente avant l'ouverture (ms) |
| Sound Enabled | Jouer des sons pour les nouveaux messages |
| Character Limit | Longueur maximale du message par message visiteur (par défaut : 2000 caractères, mettre "Sans limite" pour désactiver) |
| Typing Indicator | Afficher une animation de saisie |
Pre-Chat Form
Collectez les informations du visiteur avant le début du chat :
- Enable Pre-Chat Form Enabled
- Ajoutez des champs (Name, Email, Phone, Free Text)
- Marquez les champs requis comme "Required" si nécessaire
Cliquez sur Translate with AI pour traduire automatiquement tous les libellés et placeholders des champs dans toutes les langues prises en charge.
Learning Phase Behavior Mode
Pendant la phase d'apprentissage, vous pouvez déterminer comment le chatbot se comporte en cas d'incertitude sur les réponses :
| Mode | Description |
|---|---|
| Cautious | Le bot est réservé et renvoie activement vers un transfert par e-mail en cas d'incertitude. Ajoute proactivement des phrases exprimant l'incertitude. |
| Balanced (Default) | Réponses normales. N'affiche l'incertitude que lorsque l'utilisateur remet en question la précision. |
| Confident | Répond comme en fonctionnement normal. La phase d'apprentissage ne fait que collecter des retours sans modifier le comportement de réponse. |
Additional Learning Phase Instruction: Texte libre optionnel pour des instructions spéciales pendant la phase d'apprentissage, par ex. "Always refer pricing questions to the team."
Le mode de la phase d'apprentissage est également configurable dans les paramètres du chatbot après sa création.
Step 7: Restrictions & Compliance
Définissez des règles et des limitations :
Blacklist Topics
Sujets que votre chatbot doit éviter d'aborder :
- Competitor products
- Legal advice
- Pricing negotiations
Best Practice Compliance
Sélectionnez des règles de conformité standard de l'industrie :
- ✅ GDPR Data Handling
- ✅ No Medical Advice
- ✅ No Financial Advice
- ✅ Professional Language
- ✅ Escalation Protocol
Core Instructions
Règles personnalisées pour votre chatbot :
- "Always recommend scheduling a demo for complex questions"
- "Never share customer data or internal metrics"
- "Refer pricing questions to the sales team"
Response Limits
- Max Response Length: Limite de caractères pour les réponses
- Human Handoff Trigger: Mots-clés qui déclenchent l'escalade vers le chat en direct
Step 8: Summary (Required)
Passez en revue 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
After Creation
Une fois créé, vous pouvez :
- Add Knowledge - Crawlez des sites web ou ajoutez des FAQs
- Test - Utilisez la fonctionnalité Preview pour tester les conversations
- Embed - Ajoutez le widget à votre site web
- Iterate - Ajustez les paramètres en fonction des retours