Éditeur visuel de flux¶
L'éditeur visuel vous permet de construire des flux de conversation en arrangeant et connectant des blocs sur un canevas. Cette interface glisser-déposer facilite la visualisation de toute votre conversation d'un coup d'œil et permet des modifications rapides.
Ouvrir l'éditeur visuel¶
- Allez à Conversations dans le menu de gauche
- Cliquez sur Créer un flux pour un nouveau flux, ou cliquez sur Modifier (icône crayon) sur un flux existant
- L'éditeur visuel s'ouvre en mode plein écran
Comprendre l'interface¶
Le canevas¶
La zone principale où vous construisez votre flux. C'est là que vous verrez toutes vos étapes comme des boîtes (nœuds) connectées par des lignes.
La barre d'outils¶
En haut de l'éditeur, vous trouverez :
- Enregistrer - Sauvegarder vos modifications
- Disposition auto - Arranger automatiquement les nœuds proprement
- Contrôles de zoom - Zoomer avant/arrière ou ajuster à l'écran
- Ajouter une étape - Créer une nouvelle étape
- Retour à la liste - Revenir à la liste des flux
Couleurs des nœuds¶
Les différents types d'étapes ont différentes couleurs :
| Couleur | Type d'étape |
|---|---|
| Bleu | Étape de départ/Introduction |
| Vert | Étape de message régulière |
| Jaune | Étape question/Choix |
| Orange | Étape d'action externe |
| Rouge/Rose | Étape de fin |
Naviguer sur le canevas¶
Zoomer¶
- Molette de défilement - Zoomer avant et arrière
- Boutons de zoom - Cliquez sur + ou - dans la barre d'outils
- Ajuster à l'écran - Cliquez sur le bouton d'ajustement pour voir tous les nœuds
Se déplacer¶
- Cliquez et glissez sur l'espace vide du canevas pour vous déplacer
- Utile pour les grands flux qui ne tiennent pas à l'écran
Sélectionner des nœuds¶
- Cliquez sur un nœud pour le sélectionner
- Les nœuds sélectionnés montrent une bordure en surbrillance
- Cliquez sur l'espace vide pour désélectionner
Travailler avec les étapes (nœuds)¶
Ajouter une nouvelle étape¶
- Cliquez sur + Étape dans la barre d'outils
- Un nouveau nœud apparaît sur le canevas
- Cliquez sur le nœud pour le configurer
Déplacer des étapes¶
- Cliquez et maintenez sur une étape
- Faites-la glisser vers une nouvelle position
- Relâchez pour la déposer
La logique du flux (connexions) reste la même—seule la position visuelle change.
Modifier une étape¶
- Cliquez sur n'importe quelle étape pour la sélectionner
- Un panneau s'ouvre montrant les détails de l'étape
- Modifiez le nom, le message et les options de l'étape
- Les modifications sont sauvegardées quand vous cliquez ailleurs ou appuyez sur Enregistrer
Supprimer une étape¶
- Sélectionnez l'étape que vous voulez supprimer
- Cliquez sur l'icône supprimer/corbeille
- Confirmez la suppression
Attention
Supprimer une étape retire également toutes les connexions vers et depuis cette étape. Assurez-vous de reconnecter les étapes orphelines.
Travailler avec les connexions¶
Les connexions montrent comment la conversation passe d'une étape à une autre.
Créer une connexion¶
- Survolez une étape pour voir les points de connexion
- Cliquez et faites glisser depuis le point de sortie (généralement en bas ou à droite)
- Déposez sur le point d'entrée de l'étape cible (généralement en haut ou à gauche)
- Une ligne apparaît connectant les deux étapes
Modifier une connexion¶
- Cliquez sur une ligne de connexion
- Un panneau s'ouvre pour configurer les conditions
- Définissez quand ce chemin doit être pris
Supprimer une connexion¶
- Cliquez sur la ligne de connexion pour la sélectionner
- Appuyez sur supprimer ou cliquez sur l'option retirer
- La ligne disparaît
Connexions conditionnelles¶
Quand une étape a plusieurs étapes suivantes possibles (comme après un choix), vous pouvez définir des conditions :
- « Si le visiteur choisit l'Option A » → Aller à l'Étape X
- « Si le visiteur choisit l'Option B » → Aller à l'Étape Y
- « Par défaut » → Aller à l'Étape Z (repli)
Disposition automatique¶
Si votre flux semble désordonné, utilisez la disposition automatique :
- Cliquez sur le bouton Disposition auto dans la barre d'outils
- Les nœuds se réarrangent automatiquement
- Les connexions restent les mêmes
C'est particulièrement utile après avoir ajouté beaucoup d'étapes ou fait de gros changements.
Sauvegarder votre travail¶
Sauvegarde manuelle¶
Cliquez sur le bouton Enregistrer dans la barre d'outils à tout moment.
Quitter l'éditeur¶
Cliquez sur Retour à la liste pour revenir à la page des flux. Vous serez invité à sauvegarder si vous avez des modifications non enregistrées.
Conseils pour utiliser l'éditeur visuel¶
Gardez-le organisé¶
- Mettez les étapes liées près les unes des autres
- Utilisez la disposition automatique quand ça devient désordonné
- Laissez de l'espace entre les nœuds pour la lisibilité
Travaillez de haut en bas¶
La plupart des flux fonctionnent mieux organisés du haut (début) vers le bas (fin) :
[Début]
↓
[Question]
↓
[Collecter Info]
↓
[Fin]
Nommez clairement les étapes¶
Donnez à chaque étape un nom descriptif :
- ✅ « Demander le courriel »
- ✅ « Montrer les options de service »
- ❌ « Étape 3 »
- ❌ « Suivant »
Testez au fur et à mesure¶
N'attendez pas que le flux soit complet :
- Construisez quelques étapes
- Sauvegardez et testez
- Continuez à construire
- Testez à nouveau
Tâches courantes¶
Créer un flux linéaire simple¶
- Commencez avec l'étape d'introduction (créée automatiquement)
- Ajoutez l'Étape 1 : Votre premier message
- Connectez intro → Étape 1
- Ajoutez l'Étape 2 : Votre message suivant
- Connectez Étape 1 → Étape 2
- Continuez jusqu'à atteindre l'étape de fin
Créer un flux avec branchements¶
- Ajoutez une étape de choix avec plusieurs options
- Ajoutez différentes étapes pour chaque branche
- Connectez le choix à chaque branche selon l'option
- Les branches peuvent fusionner à nouveau à une étape ultérieure
Ajouter un point de fin¶
- Chaque flux a besoin d'au moins une étape de fin
- Connectez vos étapes finales à la fin
- L'étape de fin délivre un message de clôture
Dépannage¶
Les modifications ne se sauvegardent pas¶
- Vérifiez votre connexion internet
- Essayez de cliquer sur Enregistrer manuellement
- Rafraîchissez la page et vérifiez si les modifications apparaissent
Les connexions ne se créent pas¶
- Assurez-vous de glisser des points de sortie vers les points d'entrée
- Vérifiez que les deux étapes existent et sont visibles
- Essayez de zoomer pour plus de précision
Le flux semble encombré¶
- Utilisez la disposition automatique
- Supprimez les étapes inutilisées
- Augmentez le zoom et espacez les nœuds
Je ne trouve pas une étape¶
- Utilisez Ajuster à l'écran pour voir tous les nœuds
- Dézoomez pour avoir une vue complète
- Vérifiez si l'étape a été accidentellement supprimée
Prochaines étapes¶
- Créer des étapes - En savoir plus sur les types d'étapes et leur configuration
- Tester les flux - Testez votre flux avant la mise en ligne
- Générateur de flux IA - Créez des flux avec l'assistance de l'IA