Welcome to Flow Builder! 🚀
This new interface makes building a bot for conversational marketing even easier and more intuitive.
This article serves as a breakdown of the basic components of this new version of our no-code platform. We'll cover:
- blocks and cards
Think of a flow like a conversational scenario users can go through in your Facebook Messenger chatbot. You might have a flow for recommending ecommerce products, another flow for gathering email addresses, etc., all inside the same bot.
You can see all the flows in your bot in the left column. You can add a new flow there using the + button. You can group flows together in the left column for your own organization.
Inside the flow
When you click on a flow in the left column, its contents will appear in the workspace, or the canvas. There are three main elements of any flow:
- Cards (basic elements of your bot, like content)
- Blocks (vertical stacks of cards grouped together)
- Connectors (circular points from which you can drag an arrow that will connect one card to the next)
💭 Think of it this way. In real life, a conversation all starts with words, which you put together into sentences. In Flow Builder, cards are like words. Use them to build sentences, or blocks. Link the sentences with punctuation, or connectors. Once you have a few blocks, you've got a conversation, or a flow.
Blocks and cards
Remember, blocks are groups of cards that go together to form a "sentence."
- For example, you might have a block that asks a user a question and gives them response options in the form of quick replies. The cards in this example are Text and Quick reply, and together, they form a block of content.
There are six types of blocks you can build: Send message, Bot action, Split traffic, Condition, Delay, and Redirect to Flow.
The first two are the most basic, common types of blocks:
- Send message blocks. Build these blocks from content cards like Text, Image, Gallery, Quick Reply, etc. Use them when you want to send something to the user (information, photos, answer options, etc.).
- Bot action blocks. Build these blocks from action cards, like Set User Attribute, Notify Admin Via Email, etc. Use them when you want your bot to perform a background action, like saving, changing, or sending data.
When you link Send message and Bot action blocks via connectors, you can create powerful flows.
Cards for "Send message" blocks ⬇️
Cards for "Bot action" blocks ⬇️
If you need your bot to behave in a more specific or complex way, try building one of the other four block types:
3. Split traffic: Run A/B tests or randomize answers options your bot gives to users.
4. Condition: Redirect users to different parts of the flow based on conditional criteria.
5. Delay: Send messages later, after a certain amount of time has passed.
6. Redirect to Flow: Send users to the next flow when they reach a certain point.
You can see connectors (small gray circles) in the bottom-right bottom corner of blocks, and on the right side of buttons. They are points from which you can draw arrows to connect blocks. The arrows link different parts of the conversation together, showing the bot where to take the user next.
When it comes to connecting all the pieces into a cohesive flow, you have two options:
- Design the basic layout by adding blocks first. (Just click the symbol on the right side of your screen that looks like a window and a plus sign.) After you've added all your blocks, go back and connect them with arrows. (To draw an arrow, just click the connector on a block or button and drag it to the next block.)
2. Design the layout as you go by adding blocks one by one. Build your first block. Then, click its connector. A menu will appear where you can choose the next type of block you want to add. That way, you'll build your flow step by step.
Tips for connecting your flow 💡
After you've created your flow, go back and edit it to make sure it's well-connected. Here are two things to keep in mind:
- How will users exit the flow? Make sure your flow doesn't have dead ends where the conversation fizzles out. Ideally, the last card in your flow should have buttons that redirect to another flow (like a main menu) or to your website (e.g. so users can make a purchase).