Constructeur de Chatbot
Le Constructeur de Chatbot est un editeur visuel par glisser-deposer qui vous permet de creer des flux de conversation automatises pour votre widget de chat. Creez des chatbots interactifs sans aucune connaissance en programmation.
Apercu
Le Constructeur de Chatbot utilise un editeur visuel base sur des noeuds ou vous :
- Ajoutez differents types d'etapes (noeuds) a votre flux
- Connectez les noeuds pour creer des chemins de conversation
- Configurez chaque noeud avec des messages, des options et des actions
- Enregistrez et previsualisez votre chatbot
Pour commencer
Acceder au constructeur
- Connectez-vous a votre tableau de bord Chatim
- Selectionnez votre projet dans la barre laterale
- Cliquez sur Chatbot dans le menu de navigation
Apercu de l'interface
| Element | Description |
|---|---|
| Barre d'outils | Menu superieur avec les boutons Modeles, Apercu, Ajouter, Centrer et Enregistrer |
| Canevas | Espace de travail principal ou vous construisez votre flux |
| Noeuds | Etapes individuelles dans votre flux de conversation, chacune codee par couleur selon son type |
| Connexions | Lignes reliant les noeuds pour montrer le chemin du flux |
| Minicarte | Petit apercu dans le coin pour naviguer dans les grands flux |
Actions de la barre d'outils
Modeles
Cliquez sur Modeles pour parcourir les flux de chatbot preconstruits. Les modeles vous aident a demarrer rapidement avec des cas d'utilisation courants comme la generation de leads, les bots FAQ, la prise de rendez-vous et plus encore. Consultez Modeles de chatbot pour la liste complete.
Remarque : Le chargement d'un modele remplacera votre flux actuel. Vous serez invite a enregistrer les modifications non sauvegardees au prealable.
Apercu
Cliquez sur Apercu pour tester votre chatbot dans un nouvel onglet du navigateur. Cela ouvre une page d'apercu ou vous pouvez interagir avec votre chatbot exactement comme les visiteurs le vivront.
Ajouter
Cliquez sur Ajouter pour ouvrir un panneau avec tous les types de noeuds disponibles. Cliquez ou faites glisser un type de noeud pour l'ajouter a votre canevas.
Centrer
Cliquez sur Centrer pour zoomer et deplacer le canevas afin que tous vos noeuds tiennent a l'ecran. Utile lorsque vous travaillez avec de grands flux.
Enregistrer
Cliquez sur Enregistrer pour sauvegarder la configuration de votre chatbot. Le bouton d'enregistrement devient vert lorsque vous avez des modifications non sauvegardees.
Important : Enregistrez toujours vos modifications avant de quitter la page. Les modifications non sauvegardees seront perdues.
Types de noeuds
Noeud de demarrage
Le noeud Demarrage est cree automatiquement et marque le debut de votre flux de conversation. Chaque chatbot doit avoir exactement un noeud de Demarrage. Il ne peut etre ni supprime ni modifie et possede une seule sortie qui se connecte a votre premiere etape.
Noeud de message
Affiche un message texte au visiteur. Prend en charge le formatage de texte enrichi : gras, italique, souligne, liens, listes ordonnees et a puces. Passe automatiquement au noeud connecte suivant apres l'affichage.
Cas d'utilisation : Messages de bienvenue, transmission d'informations, instructions, transitions entre les sections de conversation.
Noeud de selection (choix multiple)
Presente au visiteur plusieurs options cliquables parmi lesquelles choisir. Chaque option cree une sortie separee sur le noeud, vous permettant de creer des chemins de conversation ramifies.
Configuration :
- Message - Texte optionnel affiche avant les options (texte enrichi)
- Options - Liste de choix que le visiteur peut selectionner
Cas d'utilisation : Questions de qualification, menus de navigation, reponses rapides, chemins de conversation ramifies.
Noeud de formulaire
Collecte des informations aupres des visiteurs via des champs de formulaire. La configuration comporte deux onglets : Message (texte d'introduction optionnel) et Champs.
Types de champs pris en charge :
| Type | Description | Cas d'utilisation |
|---|---|---|
| Texte | Saisie de texte sur une ligne | Nom, entreprise |
| Saisie d'email avec validation | Email de contact | |
| Telephone | Saisie de numero de telephone | Telephone de contact |
| Zone de texte | Zone de texte multiligne | Messages detailles |
| Case a cocher | Case a cocher Oui/Non | Acceptation des conditions, consentement |
Chaque champ prend en charge une etiquette, un espace reserve, un texte d'aide et un interrupteur obligatoire.
Noeud de notification
Declenche des notifications et met a jour le statut du visiteur lorsqu'il est atteint dans le flux. Ce noeud s'execute silencieusement en arriere-plan et passe automatiquement a l'etape suivante.
Configuration :
- Changement de statut - Definit le statut du visiteur (Nouveau, Lead, Client, Ferme, Archive)
- Notifications push - Active les notifications push du navigateur avec un message personnalise
- Notifications par email - Ajoute une ou plusieurs adresses email pour recevoir des alertes
Noeud de chatbot IA
Transfere la conversation a un chatbot alimente par l'IA qui peut repondre aux questions en se basant sur votre Base de connaissances.
- Message de bienvenue - Message optionnel affiche lorsque l'IA prend le relais
- L'IA prend le controle de la conversation de maniere permanente - le flux base sur des regles ne reprend pas
Cas d'utilisation : Support automatise 24/7, reponse aux FAQ, requetes d'informations produits, couverture en dehors des heures d'ouverture.
Noeud de chat en direct
Transfere la conversation a un agent humain en direct de votre equipe.
- Message d'attente - Message affiche en attendant un agent
- Message de notification - Message optionnel dans la notification push envoyee a votre equipe
- Le chat passe en mode direct de maniere permanente - le flux base sur des regles ne reprend pas
Noeud de carrousel
Affiche un ensemble de cartes defilables avec des images, des descriptions et des boutons d'action.
- Message d'introduction - Texte optionnel affiche avant le carrousel
- Elements - Une ou plusieurs cartes, chacune avec une URL d'image, un titre, une description et jusqu'a 2 boutons
Types de boutons : Bouton URL (ouvre un lien) ou Bouton de flux (continue vers le noeud suivant, creant une sortie separee comme les options de Selection).
Cas d'utilisation : Vitrines de produits, offres de services, points forts des fonctionnalites, affichages de portfolio.
Construire votre flux
Ajouter des noeuds
- Cliquez sur Ajouter dans la barre d'outils
- Un panneau s'ouvre montrant tous les types de noeuds disponibles
- Cliquez sur un type de noeud pour l'ajouter au canevas, ou faites-le glisser
- Le canevas se reorganise automatiquement pour garder votre flux ordonne
Connecter les noeuds
- Cliquez sur le port de sortie (cote droit) d'un noeud
- Faites glisser vers le port d'entree (cote gauche) d'un autre noeud
- Relachez pour creer la connexion
Conseils :
- Les noeuds de Selection et Carrousel peuvent avoir plusieurs sorties (une par option ou bouton de flux)
- Les noeuds de Chatbot IA et Chat en direct n'ont pas de sortie - ce sont des etapes terminales
- Les autres noeuds ont une seule sortie qui avance automatiquement
Modifier les noeuds
- Cliquez sur le bouton Modifier sur n'importe quel noeud
- Un panneau de configuration glisse sur la droite
- Effectuez vos modifications
- Cliquez sur Enregistrer dans le panneau
Supprimer les noeuds
Cliquez sur le bouton Supprimer sur un noeud pour le supprimer. Le noeud de Demarrage ne peut pas etre supprime.
Bonnes pratiques
Gardez les choses simples
- Limitez le nombre d'etapes pour ne pas submerger les visiteurs
- Utilisez des messages clairs et concis
- Offrez un maximum de 3 a 5 options dans les noeuds de selection
Concevez pour le mobile
- Gardez les messages courts (visibles sur les petits ecrans)
- Utilisez des champs de formulaire simples
- Testez sur les appareils mobiles
Guidez la conversation
- Fournissez toujours une prochaine etape claire
- Utilisez les noeuds de selection pour diriger le flux
- Incluez une option pour parler a un humain en utilisant le noeud de Chat en direct
Collectez les informations strategiquement
- Ne demandez pas trop d'informations a la fois
- Expliquez pourquoi vous avez besoin des informations
- Ne marquez que les champs essentiels comme obligatoires
Testez minutieusement
- Utilisez le bouton Apercu frequemment
- Testez tous les chemins de conversation
- Verifiez que les notifications sont recues
- Verifiez sur ordinateur et mobile
Modeles de flux courants
Qualification des leads
Start → Welcome Message → "What brings you here?" (Selection)
├─ "Pricing inquiry" → Contact Form → Notification (Lead) → Thank You
├─ "Product demo" → Demo Form → Notification (Lead) → Confirmation
└─ "Support" → AI ChatbotSupport client avec escalade
Start → Welcome Message → "How can we help?" (Selection)
├─ "Quick question" → AI Chatbot
├─ "Return an item" → Return Form → Notification → Instructions
└─ "Talk to someone" → Live ChatVitrine de produits
Start → Welcome Message → Carousel (3 products)
├─ "View Product A" (URL) → opens product page
├─ "Learn More about B" (Flow) → Details Message → Contact Form
└─ "Get a Quote" (Flow) → Quote Form → Notification (Lead)Depannage
Le flux ne fonctionne pas
- Assurez-vous que tous les noeuds sont connectes
- Verifiez que le noeud de Demarrage a une connexion sortante
- Verifiez que les champs obligatoires sont correctement configures
- Enregistrez vos modifications et testez a nouveau
Les notifications ne s'envoient pas
- Verifiez que les adresses email sont correctes
- Verifiez les dossiers spam/courrier indesirable
- Assurez-vous que les notifications push sont activees dans les parametres de votre navigateur
- Confirmez que les membres de l'equipe ont accepte les autorisations de notifications push
L'apercu montre l'ancienne version
- Assurez-vous d'avoir enregistre les modifications recentes
- Actualisez la page d'apercu
- Videz le cache du navigateur si necessaire