Guide to build a bot with the Visual Flow Builder

Visual Flow Builder feature is now available in BevooChat. It is a graphical drag-and-drop messenger bot builder. With the graphical editor, you will be able to build a bot by dragging elements from the dock menu and drop it on the editor, adding data to each element and connect the elements to form a visual process flow.

On the Visual Flow Builder, you can control all of the data within the same interface and envision the process. This feature has made the bot-building process easier and allows you to make a highly interactive and responsive bot instantly.

Now, let us walk you through the process of building a bot with the Visual Flow Builder.

The Visual Flow Builder Feature

To start, go to the dashboard of the BevooChat. Then click on the Flow Builder menu on the left panel.

The Visual Flow Builder page will appear instantaneously with a button called “Create new flow”.

Click on the Create new flow button and a dropdown box will appear. Select desired page to build a messenger bot.

Click on the Ok button to confirm.

The editor of the flow builder will appear. There are a total of 20 elements on the dock menu. The Start Bot Flow element will be displayed when activated, it is the reference of the bot that you are going to make. You may change the name of the messenger bot on the Start Bot Flow element.

Drag element from the dock menu and place it on the Editor:
You will first drag the elements to build your desired bot from the dock menu to the editor.

Connecting elements with each other:
After dragging the elements, you need to connect the elements. Each element consists of two sockets – input socket and output socket. You should link the corresponding output socket of one element to the input socket of another element.

Adding data to the elements:
Then continue by adding data to the elements. Double-click on the element in the editor, the editing panel will appear on the right side of the editor. Fill up the editing panel with the necessary data. *Note that each element will process different types of data.

Check this blog post to find out more about the Visual Flow Editor elements.