Flow.ai Design — Branch out a conversation.

Jan 11, 2018 · 2 min read

What we are going to learn?

In this tutorial, we will learn how to create a conversation branch. We will also attach quick-reply buttons to a text reply.

Image for post
We are going to design a simple branched flow with quick reply buttons.

Create an account

Log in to your account or create a new one at

Let’s start

Create a new flow and drag and drop a text trigger. We will create an intent to understand someone ordering a pizza. Train the intent with at least 5 examples (I want to order a pizza, I would love some pizza, etc.)

Image for post
Drag and drop the user-trigger text to your flow.

In our example we want to know if the customer wants the pizza to be delivered or if it’s a carryout. We will ask this in a text reply and make it easier for the user by presenting two quick replies.

Quick replies

These type of buttons make it really easy for a user to select an answer instead of typing it. In order to create a quick reply, select the text reply and in the sidebar press the “+” button next to “quick replies”.

Image for post
Select the reply-action and add 2 quick replies: Delivery and Carryout.
Image for post
Image for post
Drag and drop a new user-trigger “Text” next to the “Delivery” intent.
Image for post
You final flow should look like this.

Source project

You can

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store