Introduction à l'éditeur de Flux (KiliFlow)

Introduction à l'éditeur de Flux (KiliFlow)

08 Apr, 2020 2280 Bot Messenger
Imprimer la rubrique

LES PARTIES DU CONSTRUCTEUR DE FLUX

Le Constructeur de flux (KiliFlow) est composé de quatre parties :
L'espace d'édition - C'est là que vous placerez vos composants et que vous configurerez votre flux.
Le Menu Dock - Vous pouvez créer des composants en utilisant le menu Dock en faisant glisser le composant depuis le menu du Dock et en le déposant sur l'espace d'édition.
Composants - C'est l'élément de base de votre flux. Chaque composant possède une prise "Entrée (FromStep)" et une prise "Sortie (Nextstep)". Vous pouvez connecter chaque composant l'un à l'autre en branchant des prises d'entrée et de sortie compatibles. 
Boutons de contrôle - Cette partie contient 4 boutons pour le fonctionnement du constructeur de flux. Vous pouvez sauvegarder, arranger, envoyer un test et enfin, vous pouvez maximiser et minimiser la fenêtre de l'éditeur.


Le Menu Dock 

  • Vous pouvez déplacer dans le menu dock en le faisant glisser. Vous pouvez également le réduire et l'agrandir en double-cliquant.


LA CRÉATION D'UN COMPOSANT

  • Vous pouvez créer un composant à l'aide du menu Dock en faisant glisser le composant choisi puis en le déposant sur l'espace d'édition.

 

  • Vous pouvez également créer un composant en faisant un CLIC DROIT n'importe où sur l'écran de l'éditeur, puis le menu contextuel s'affiche. Une fois que le menu contextuel apparaît, il suffit de cliquer sur le composant de votre choix et il sera créé sur l'écran de l'éditeur.

 

LES TYPES DE STATUT DES COMPOSANTS

 

Les composantes ont trois statuts
Configuré - signifie que le composant a une valeur et est configuré correctement. (coloré en vert)
Aucune valeur - signifie que le composant est déconnecté de la structure de référence, mais qu'il n'a pas de valeur. (coloré en bleu) 
Déconnecté - Ce composant peut avoir ou non une valeur, mais il est déconnecté de la structure de référence de l'arbre de liens des composants.


CONFIGURATION D'UN COMPOSANT

  • Pour configurer un composant, il suffit de DOUBLE CLIQUER sur le composant et un fenêtre contextuelle apparaîtra pour la configuration.


CONNEXIONS DES COMPOSANTS

  • L'exemple ci-dessous montre que vous ne pouvez pas connecter des prises incompatibles.

 

  • Dans l'exemple ci-dessous, vous ne pouvez brancher des prises que si elles sont compatibles. Ex : Raccordement de Texte à des boutons en utilisant la bonne sortie.

 

Vous pouvez vous référez aux profils de connexion ci-dessous pour savoir quel sont les différents compatibilités entre les éléments.


Profil de connexion :

 

Texte :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem
Sortie (Boutons) : Réponse rapide, Boutons


Carrousel :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem
Sortie (CarouselItem) : CarouselItem
Sortie (QuickReply) : QuickReply

 

CarouselItem :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (Boutons) : Réponse rapide, Bouton


FacebookMedia :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem
Sortie (Boutons) : Réponse rapide, Boutons


Image :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem


Vidéo :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem


File (Fichier) :

Entrée (FromStep) : Référence, NewMessageSet, Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Delay
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem


QuickReply (Réponse rapide) :

Entrée (FromStep) : Texte, Carousel, CarouselItem, FacebookMedia
Sortie (NewMessageSet) : Référence, NewMessageSet


Boutons :

Entrée (FromStep) : Texte, Carousel, CarouselItem, FacebookMedia
Sortie (NewMessageSet) : Référence, NewMessageSet


NewMessageSet :

Input (Boutons) : QuickReply, Bouton
Entrée (Triggers) : Triggers (déclencheurs)
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem
Sortie (étiquettes) : Labels


Référence :

Entrée (Boutons) : QuickReply, Bouton
Entrée (Triggers) : Triggers (déclencheurs)
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem


Delays (Typing) :

Entrée (FromStep) : Reference, NewMessageSet, Text, Carousel, FacebookMedia, Image, Video, File, Delay, CarouselItem
Sortie (NextStep) : Texte, Carousel, FacebookMedia, Image, Vidéo, Fichier, Délai, CarouselItem


Étiquettes (Labels) :

Entrée (NewMessageSet) : NewMessageSet.

Les étiquettes ne sont pas doter de sortie.


Triggers (déclencheurs) :

Sortie (NewMessageSet) : Référence, NewMessageSet

Les triggers ne sont pas doter d'entrer.


SAUVEGARDER LE FLUX

  • Vous ne pourrez pas enregistrer le flux si un ou plusieurs de vos composants sont déconnectés ou n'ont pas de valeur. Les composants qui ne sont pas prêts sont mis en évidence par un bord rouge lumineux.

 

  • Si tous les composants du flux sont colorés en VERT, cela signifie que tous les composants sont configurés.

Le flux ne sera prêt à être enregistré que si tous les composants ont été configurés et sont en couleur verte.


UTILISATION DE L'APERÇU

  •  Vous pouvez également revoir les valeurs de vos composants en SURVOLANT chacun d'entre eux. Un aperçu apparaîtra chaque fois que vous passerez la souris sur votre composant - et à l'intérieur de cet aperçu se trouve la valeur de votre composant.

 

  • Vous pouvez également déplacer l'aperçu en le faisant glisser, afin de le positionner où vous le souhaitez.

L'extrait de prévisualisation disparaîtra après quelques secondes.

Pour en allez plus loin avec l'éditeur nous avons une série de vidéos dédié à la prise en main de l'éditeur de flux disponible ici.

Nous espérons que cet article a répondu à vos attentes.

Si vous avez des questions ou rencontrer des problèmes avec KiliBot n'hésiter pas à ouvrir un ticket afin qu'un agent du service client vous assiste. 

N’oubliez pas de vous abonnez à notre page Facebook www.facebook.com/kilibot.inter et à notre chaîne Youtube afin de ne rien rater de nos dernières  news et conseils pour mieux mettre KiliBot au service de la croissance de votre entreprise.

 

Pour obtenir de l'aide :

Groupe Facebook d'accompagnement : https://community.kilibot.com

Documentation KiliBot : https://docs.kilibot.com

KiliBot Launch : https://launch.kilibot.com

Ligne WhatsApp : +22951020739

Mail : [email protected]