ChatFlow Quick Start

Introduction

This ChatFlow tutorial provides a quick overview on how to access and navigate KITT.AI’s ChatFlow platform.

By the end of this tutorial, you will be able to:
  • access ChatFlow
  • create a Project
  • orient yourself in the ChatFlow editor

Accessing ChatFlow

ChatFlow is hosted by KITT.AI and can be accessed using any web browser.

To Access:

  1. Go to http://chatflow.kitt.ai
  2. Log in with your Google, Facebook, Twitter or Github account.
_images/Login.png

Create a New App from a Sample Project

  1. Click on “Create new app” to start creating a new app. Each app or project corresponds to a bot.
_images/CreateNewApp.png
  1. In the pop-up, under the Use a sample project section, Look for the “Hello Goodbye!” sample project. Click on it. When the page refreshes, you will be in the ChatFlow Editor.
_images/Editor.png
  • The Node Library is on the left side of the Editor and contains various types of nodes.

    _images/EditorLibrary.png
  • The main area of the Editor is the Canvas. The nodes in your canvas will become the content of our project.

    Note

    When you select a sample project, the canvas will be already populated by several nodes. If you start with a “clean project”, the canvas will be empty.

    _images/EditorCanvas.png
  • The Info Tab on the right side of the Editor provides information about the current node.

    Tip

    This is a great resource to learn more about each type of node.

    _images/EditorInfo.png

    Warning

    The Info Tab may be hidden. Click on “≡” in the upper right hand corner of the Canvas to toggle the Info Tab.

    _images/triplebar.png

    Note

    You can switch between the Info Tab and the Debug Tag. Check out the Debug Tutorial for more info!

    _images/debugtab.png
  1. Click Deploy to deploy your bot allowing for you and your user to interact with it.
_images/deploy.png
  1. Click the Chat Tab on the left side of the Editor. This is where you can talk directly with the bot.
_images/EditorChat.png
  1. Test your bot. Try saying “hi”, “hello”,”howdy” ,“goodbye”, “bye”, “bye bye” to the bot. The bot respond will respond with the appropriate message. If you try to say anything else, it will not understand you.
_images/convo_sample.png

You are now officially oriented with the ChatFlow Editor! A world of bots is waiting to be created! Are you up to the task?