Utiliser le constructeur visuel
Le constructeur visuel de Reepli vous permet de concevoir des flux conversationnels complets en assemblant des blocs sur un canevas interactif. Ce guide vous explique comment naviguer dans l'interface, ajouter et configurer des noeuds, et organiser vos flux efficacement.
Acceder au constructeur visuel
- Connectez-vous a votre espace Reepli.
- Dans le menu principal, cliquez sur Chatbot Builder.
- Selectionnez un chatbot existant ou cliquez sur Nouveau chatbot.
- Le constructeur visuel s'ouvre automatiquement avec le canevas au centre.
Navigation sur le canevas
Le canevas est votre espace de travail principal. Voici les commandes de navigation essentielles.
Deplacer la vue
| Action | Souris | Clavier |
|---|---|---|
| Faire defiler le canevas | Clic droit + glisser | Maintenir Espace + glisser |
| Zoomer | Molette vers le haut | Ctrl + Plus |
| Dezoomer | Molette vers le bas | Ctrl + Moins |
| Ajuster a la vue | -- | Ctrl + 0 |
| Centrer sur un noeud | Double-clic sur le noeud dans la liste | -- |
Raccourcis clavier
| Raccourci | Action |
|---|---|
| Ctrl + S | Sauvegarder le flux |
| Ctrl + Z | Annuler la derniere action |
| Ctrl + Maj + Z | Retablir l'action annulee |
| Ctrl + C | Copier le(s) noeud(s) selectionne(s) |
| Ctrl + V | Coller le(s) noeud(s) copie(s) |
| Suppr | Supprimer le(s) noeud(s) selectionne(s) |
| Ctrl + A | Selectionner tous les noeuds |
| Echap | Deselectionner tout |
Utilisez le raccourci Ctrl + 0 pour recentrer la vue sur l'ensemble du flux. C'est particulierement utile lorsque vous travaillez sur des flux complexes avec de nombreux noeuds.
Ajouter des noeuds
Methode 1 : Glisser-deposer
- Ouvrez la barre laterale gauche en cliquant sur l'icone de catalogue si elle est repliee.
- Parcourez les categories de noeuds disponibles :
- Messages -- texte, image, video, document, boutons, liste
- Entree -- question ouverte, choix multiple, saisie de date
- Logique -- condition, aiguillage, delai, boucle
- Actions -- assigner agent, ajouter tag, webhook, variable
- IA -- reponse IA, analyse de sentiment
- Cliquez sur le noeud souhaite et maintenez le bouton enfonce.
- Faites glisser le noeud vers l'emplacement desire sur le canevas.
- Relacher le bouton pour deposer le noeud.
Methode 2 : Menu contextuel
- Faites un clic droit sur une zone vide du canevas.
- Le menu contextuel affiche les categories de noeuds.
- Cliquez sur le type de noeud a ajouter.
- Le noeud apparait a l'emplacement du clic.
Methode 3 : Depuis une connexion
- Survolez la sortie d'un noeud existant (le petit cercle a droite).
- Tirez un lien vers une zone vide du canevas.
- Un menu s'affiche avec les types de noeuds disponibles.
- Selectionnez le noeud souhaite : il est automatiquement cree et connecte.
Configurer un noeud
- Cliquez sur un noeud dans le canevas pour le selectionner.
- Le panneau de configuration s'ouvre a droite.
- Remplissez les champs propres au type de noeud :
- Nom du noeud -- identifiant visible sur le canevas (pour votre reference)
- Contenu -- le message, la question, la condition, etc.
- Options avancees -- delai, variables, comportement en cas d'erreur
- Les modifications sont enregistrees automatiquement dans le panneau.
- Cliquez sur Sauvegarder dans la barre superieure pour valider l'ensemble du flux.
Renommer un noeud
Chaque noeud possede un nom par defaut (ex : "Message 1", "Condition 2"). Pour le renommer :
- Selectionnez le noeud.
- Dans le panneau de droite, modifiez le champ Nom du noeud.
- Le nouveau nom apparait sur le canevas.
Les noms de noeuds sont visibles uniquement dans l'editeur. Ils n'apparaissent pas dans la conversation avec le contact.
Gerer les connexions
Les connexions definissent l'enchainement entre les noeuds. Chaque noeud possede un ou plusieurs points de sortie et un point d'entree.
Creer une connexion
- Survolez le point de sortie d'un noeud (cercle a droite ou en bas du noeud).
- Cliquez et maintenez le bouton.
- Tirez le lien vers le point d'entree du noeud cible (cercle a gauche ou en haut).
- Relacher pour creer la connexion.
Supprimer une connexion
- Survolez la connexion (la ligne entre deux noeuds).
- Un icone de suppression (croix) apparait au centre de la ligne.
- Cliquez dessus pour supprimer la connexion.
Ou bien :
- Faites un clic droit sur la connexion.
- Selectionnez Supprimer la connexion dans le menu contextuel.
Connexions multiples
Certains noeuds possedent plusieurs sorties :
- Noeud Condition -- une sortie par branche (Vrai / Faux, ou plusieurs cas)
- Noeud Boutons -- une sortie par bouton
- Noeud Liste -- une sortie par element de liste
Chaque sortie peut etre connectee a un noeud different, creant ainsi des parcours ramifies.
Organiser le canevas
Aligner les noeuds
- Selectionnez plusieurs noeuds en maintenant Maj et en cliquant sur chacun, ou en dessinant un rectangle de selection.
- Faites un clic droit sur la selection.
- Choisissez l'option d'alignement souhaitee :
- Aligner a gauche
- Aligner au centre
- Aligner a droite
- Aligner en haut
- Aligner au milieu
- Aligner en bas
Espacer les noeuds
- Selectionnez les noeuds a espacer.
- Clic droit puis Distribuer horizontalement ou Distribuer verticalement.
Regrouper les noeuds
Pour les flux complexes, vous pouvez creer des groupes visuels :
- Selectionnez les noeuds a regrouper.
- Clic droit puis Creer un groupe.
- Donnez un nom et une couleur au groupe.
- Le groupe cree un cadre visuel autour des noeuds selectionnes.
Utilisez des groupes de couleurs differentes pour distinguer les sections de votre flux : accueil (bleu), qualification (vert), support (orange), vente (violet).
Gestion des flux
Creer un nouveau flux
- Dans la barre laterale gauche, cliquez sur l'onglet Flux.
- Cliquez sur le bouton + en haut de la liste.
- Saisissez un nom pour le nouveau flux.
- Selectionnez le type de declencheur :
- Mot-cle -- le flux demarre quand le contact envoie un mot specifique
- Premier message -- le flux demarre a la premiere interaction
- Evenement -- le flux demarre sur un evenement systeme
- Appel depuis un autre flux -- sous-flux appele manuellement
- Cliquez sur Creer.
Dupliquer un flux
- Dans la liste des flux, survolez le flux a dupliquer.
- Cliquez sur l'icone de menu (trois points).
- Selectionnez Dupliquer.
- Le flux copie apparait dans la liste avec le suffixe "(copie)".
Supprimer un flux
- Dans la liste des flux, survolez le flux a supprimer.
- Cliquez sur l'icone de menu (trois points).
- Selectionnez Supprimer.
- Confirmez la suppression dans la boite de dialogue.
La suppression d'un flux est irreversible. Si d'autres flux appellent ce flux en tant que sous-flux, ces appels echoueront. Verifiez les dependances avant de supprimer.
Utiliser les sous-flux
Les sous-flux permettent de reutiliser des sequences de noeuds dans plusieurs flux.
- Creez un flux de type Appel depuis un autre flux.
- Concevez la sequence de noeuds souhaitee.
- Dans un autre flux, ajoutez un noeud Appeler un sous-flux.
- Selectionnez le sous-flux a appeler dans la liste deroulante.
- Lorsque le sous-flux est termine, la conversation reprend dans le flux appelant.
Cas d'usage courants pour les sous-flux
- Collecte d'informations (nom, e-mail, adresse) reutilisable dans plusieurs parcours
- Processus de verification d'identite
- Menu d'aide commun a plusieurs flux
- Confirmation de commande standardisee
Versionning et historique
Le constructeur visuel conserve un historique des modifications.
- Cliquez sur Historique dans la barre d'outils superieure.
- La liste des versions enregistrees s'affiche avec la date et l'auteur.
- Cliquez sur une version pour en voir l'apercu.
- Cliquez sur Restaurer cette version pour revenir a cet etat.
Restaurer une version anterieure ecrase les modifications non publiees. Sauvegardez votre travail en cours avant de restaurer.
Resolution de problemes courants
| Probleme | Solution |
|---|---|
| Impossible de connecter deux noeuds | Verifiez que le noeud source a une sortie libre et que le noeud cible a une entree disponible |
| Le noeud ne s'affiche pas correctement | Rafraichissez la page (F5) ou videz le cache du navigateur |
| Le flux ne se sauvegarde pas | Verifiez votre connexion internet et vos permissions sur le chatbot |
| Le canevas est trop lent | Reduisez le nombre de noeuds visibles en utilisant des sous-flux |
| Les raccourcis clavier ne fonctionnent pas | Cliquez d'abord sur le canevas pour lui donner le focus |
Prochaines etapes
- Types de messages -- decouvrez les formats de messages disponibles
- Conditions et logique -- ajoutez des branchements a vos flux
- Variables -- personnalisez les messages avec des donnees dynamiques
- Tester votre chatbot -- validez le flux avant publication
Si vous rencontrez un probleme avec le constructeur visuel, contactez notre equipe support via le chat en bas a droite de l'application ou envoyez un e-mail a [email protected].