Create a Conversation Flow


If you haven't already, first login to the core web app and complete the onboarding wizard to create your first workspace and chatbot.

Next, navigate to the conversation flows page inside the chatbot builder. It should look like this:

Conversation Flow Page

Click on the button to create a new conversation flow and give it a name such as "example".

Create Conversation Flow

Conversation Flow Editor

Click on the newly created flow and it will take you into the conversation flow editor:

Conversation Flow Editor

A new conversation flow has a single node it in, the start node. Every conversation flow must start with a chatbot utterance node. This node represents the first message that will be played by the chatbot at the start of a conversation. It cannot be deleted.

Click on the edit icon to change the message played by this start node.

The right sidebar shows a list of actions that can be dragged onto the canvas and connected together to design the flow. Blue nodes represent chatbot actions and green nodes represent user actions.

Let's drag a user text option node and connect it to the start node. This will cause a user button option to appear below the start utterance in the chat window.

Conversation Flow Text Option

In order for the text option to result in another chatbot action, we have to connect another chatbot node to it. Let's connect another utterance node.

Utterance Node Two


Finally, let's see how this all looks in the chat window. First, we need to make sure our conversation flow is enabled. Exit the editor and make sure your flow is the default flow for the chatbot. Chatbots can dynamically switch between flows during a conversation, but only one flow can be enabled at a time. At the start of a conversation, the default flow will be enabled if one exists.

Flow Enabled

Now switch over to the preview tab to see a demo of how this conversation flow plays out in the chat window.

Utterance Node Two

That's it! You've created a simple conversation flow. Try experimenting with other node types to get more familiar with how it works. You can also see other guides, for example forms and webhook-actions to learn more advanced features.

© 2021 Bavard AI, Inc. All rights reserved.