Prise en main
Ce guide vous expliquera comment créer votre compte ChatReact et configurer votre premier chatbot IA.
1. Créez votre compte
Options d'inscription
ChatReact utilise une authentification sans mot de passe via Magic Links :
- Saisissez votre adresse e-mail
- Recevez un lien de connexion sécurisé par e-mail
- Cliquez sur le lien pour vous connecter — aucun mot de passe requis !
Étapes d'inscription
- Rendez-vous sur chatreact.ai et cliquez sur "Start Free Trial"
- Saisissez votre adresse e-mail
- Vérifiez votre boîte de réception et cliquez sur le lien magique pour vous connecter
Les comptes gratuits incluent 100 conversations par mois et 1 chatbot. Aucune carte de crédit requise.
2. Complétez l'intégration
Après l'inscription, vous serez guidé à travers le processus d'onboarding :
Étape 1 : Votre profil
- Saisissez votre nom (il sera affiché dans votre compte)
Étape 2 : Créer ou rejoindre une entreprise
- Nouveaux utilisateurs : Créez une nouvelle entreprise
- Saisissez le nom de votre entreprise
- Facultatif : saisissez l'URL de votre site web et cliquez sur Analyze — ChatReact préremplit le nom de l'entreprise, la couleur de la marque, le logo et une description d'entreprise générée par l'IA, que vous pouvez modifier avant de continuer
- Équipe existante : Si un collègue vous a invité, ouvrez le lien d'invitation depuis votre e-mail pour rejoindre leur entreprise — aucune création d'entreprise nécessaire
L'analyse du site web configure votre profil d'entreprise et votre image de marque. Pour faire apprendre à votre chatbot le contenu de votre site, lancez ensuite une analyse de site web dans la Knowledge Base.
3. Créez votre premier chatbot
Après l'onboarding, vous serez dirigé pour créer votre premier chatbot via le Chatbot Wizard.
L'assistant vous guide à travers 8 étapes simples :
| Step | Description |
|---|---|
| 1. Basics | Nom et description |
| 2. Persona | Personnalité et contexte |
| 3. Tonality | Style de communication (formel, humoristique, etc.) |
| 4. Languages | Langue principale et langues prises en charge |
| 5. Design | Couleurs et apparence du widget |
| 6. Behavior | Messages de bienvenue et automatisations |
| 7. Restrictions | Règles de conformité et limitations |
| 8. Summary | Revue et création |
Seules l'Étape 1 (Basics) et l'Étape 8 (Summary) sont obligatoires. Toutes les autres étapes peuvent être configurées ultérieurement.
4. Ajoutez des connaissances
Juste après la fin de l'assistant, ChatReact ouvre une Configuration des connaissances guidée : scannez votre site web (prévisualisez les pages découvertes et choisissez celles à importer) et téléversez des documents — ou passez cette étape et ajoutez des connaissances plus tard.
Vous pouvez ajouter davantage de connaissances à tout moment pour rendre votre chatbot plus intelligent :
Option 1 : Scannez votre site web
- Allez dans Knowledge Base dans la barre latérale
- Saisissez l'URL de votre site web et cliquez sur Preview Pages
- Passez en revue les pages découvertes et sélectionnez celles à importer — les pages recommandées sont présélectionnées pour vous
- Cliquez sur Import Pages et ChatReact extraira et apprendra à partir de votre contenu
Option 2 : Téléversez des documents
- Allez dans Knowledge Base dans la barre latérale
- Glissez-déposez vos fichiers dans la section Upload Documents
- Formats pris en charge : PDF, TXT, Markdown, CSV, JSON, DOCX (max 10 MB par fichier)
Option 3 : Ajoutez des FAQ manuellement
- Allez dans FAQs dans la barre latérale
- Cliquez sur Add FAQ
- Saisissez des paires question et réponse
- Votre chatbot utilisera ces éléments pour fournir des réponses précises
Option 4 : Instructions de base
- Allez dans Knowledge Base dans la barre latérale
- Dans la section Core Instructions, cliquez sur Add Instruction pour ajouter des règles spécifiques que votre chatbot doit toujours suivre
- Exemples : "Always recommend our premium plan first" ou "Never discuss competitor products"
5. Intégrez sur votre site web
Une fois configuré, ajoutez ChatReact à votre site web :
<script
src="https://www.chatreact.ai/embed/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
C'est tout ! Votre chatbot IA est maintenant en ligne.