Updated: 8/13/2024

How to design a conversational flow with Bot Designer?

This article describes how to create a conversational flow in Bot Designer


Botmaker has implemented a new interface that will allow you to create conversational flows in a simpler and more intuitive way. This will enable you to visualize your conversations more easily. It will also be possible to test your chatbot to make changes and confirm the final version of your flow in real time.



Estimated lecture: 14 minutes


What is Bot Designer?


The Bot Designer interface allows you to create bots and manage your conversations using flowcharts that shape interactions with your customers. By accessing Menu > Chatbots, you can choose which chatbot to use for creating your conversational flow. Note that the Multibot functionality allows for multiple specialized chatbots on different topics (see the Annex section at the end of the article).


Here are some features of the new interface that enhance your experience designing conversations on the platform:


  • Visual and collaborative interface ⚡

Quickly create your bot and automate complex interactions through a flowchart interface. Collaborate synchronously with different team members on your bot.


  • Artificial intelligence 🤖

The natural language processing AI engine assists in creating conversational flows to:

  • Choose a response in cases with multiple valid responses (disambiguation).
  • Provide response options when the bot doesn't understand the user's message.


  • Real-time demo 📱

Test your conversation in real-time and make necessary changes before releasing the final version to your customers.


  • Templates 💪

You can create your bot using templates provided by the platform.

Watch the following video for a demonstration of the Bot Designer interface.



Furthermore, in this article you will learn about the following topics:


  1. What are flows in Bot Designer?
    1. Main flow
    2. Disambiguation flow
    3. Flow when the bot doesn't understand
    4. Agent flow
    5. Notification flow
    6. Video call flow
    7. Other flows


  1. How do I design a flow?

Blocks and organization of the main flow and alternative flows:

    1. Bot response blocks
    2. User input blocks (natural language)
    3. Action blocks
    4. Condition blocks
    5. Recommendations
    6. Welcome message
    7. Additional considerations for Bot Designer
    8. Designer tools (map and zoom, center, full screen)
    9. Content search


  1. How do I test a flow?
  2. How do I publish a flow?
  3. How do I create a new chatbot?


Annex: Multibot and Master Bot in the Bot Designer interface




  1. What are flows in Bot Designer?


The chatbot will be responsible for responding to your users. To achieve this, you'll need to design the main flow: a diagram composed of different response blocks (texts, images, actions, and conditions) that shape the interaction with the user.

You can also design alternative flows, such as determining what the bot will say when it doesn't understand a user's message (if it hasn't been configured for that scenario).

Once you select the chatbot in which you want to create your conversational flow, you will see the following screen, highlighting two essential sections with a dropdown menu:


1

  1. Chatbot: You can navigate through different chatbots and select the one you want to work on for its configuration.


  1. Flow: Divides the conversation into different sections, allowing you to define actions based on the chosen flow. There are six flows:

3


a. Main: Displays the overall conversational flow to interact with the user based on the chatbot's purpose, such as product inquiries, after-sales support, customer service, online sales, regional bots, etc. This is the most important flow.


In the Main flow, you'll see the conversation starter box or text block:

The conversation starter and welcome blocks are predefined and cannot be deleted. As shown in the image, the Conversation Starter block marks the beginning of the main flow.

In the following image, you can see how the welcome message is configured. This message will be displayed to the user at the beginning of the conversation.