How to create Drag & Drop Chatbot (Chatbot Flow Builder)

How to create Drag & Drop Chatbot (Chatbot Flow Builder)

Wish to automate your Customer Support and Sales on WhatsApp?

The Alendei Chatbot Flow builder now allows you to create Static chatbots hassle-free with its Drag & Drop flow builder.


This tutorial will tell you how to create a Drag and Drop Chatbot using Alendei's Flow Builder.

Before we dive into how to create the Chatbot, let's first understand the types of messages you can create & share using the flow.

Messages you can create using Flow Builder

·        Text Replies: These are simple text replies you can send users depending on your Catalogue flow.

·        Quick Replies: You can enter three quick reply buttons that users can click to send you the exact text mentioned in the button.

·        Image: Use this to send messages along with an image. Also, you can add a button below the image.

·        List: Use List to provide users with multiple options to choose from. Lists are super effective, especially if you want to list multiple options for the user.

·        Section List: Section Lists allow you to categorize your products into relevant sections. E.g. If you offer products under multiple categories e.g. Jeans, Tees, Sweaters etc, using a Section list would be the best way to categorize these products.

·        Single Product: Use this to send only a single product to the user along with the product image & checkout link.

 

·        Multi-Product: Use this if you wish to send images & checkout links of multiple products in a single message.

 

·        Template Message - You can also set the Chatbot to trigger a template message on a particular keyword the user sends. 

Note: Template messages with Click tracking enabled can't be used for Chatbot Automation.



·        Request Intervention - If you want the Chatbot to transfer the Chat to a Live Agent, you can use "Request Intervention". Just select the Request Intervention option in Flow Builder & select a keyword that will trigger the Request Intervention option. In the below image, the user will automatically transfer from Chatbot when the user clicks the "About Alendei" button. Yes, it's that simple!!


Now, let's go ahead and show you how to use Flow Builder to create a Chatbot using Alendei's Flow Builder.

·        Ask a Question - Get the chatbot to collect important user information such as the user's preferences, age, gender & other relevant questions necessary using the "Ask a question" element.

What's more? You can also assign the answer to a particular attribute for better segregation. In the below image, when the user fills in their company name, the Chatbot will assign the reply to the attribute "companyname"


·        API Request - Seamlessly integrate API Calls into your Chatbot Flows! Fetch and send data to your endpoints/CRM effortlessly.
Deliver a personalized and efficient user experience with this Pro feature.

·        Set Attributes & Tag - Using this element, you can capture the user responses as attributes along with a value. Let's say you shoot a Template message and wish to capture the user responses as attributes.

For eg. In the below image, we have 2 quick reply buttons: Show Offers & Not Interested. We want to assign an attribute depending on which Quick reply button the user clicks.

We select the Opt-in attribute for both replies. However, when the user clicks the "Show offer", you've assigned them the attribute Opt-in but with the 'Yes' value. When you'll see the lead, you can verify that these users have opted in.

Meanwhile, users who click the "Not interested" button will also be captured under the Opt-in attribute but with a "No" value meaning these users are not opted in.

Similarly, you can assign these users tags by choosing the "Add tag" element from the Content Block.

·        Attribute Validation - With attribute validation, you ensure that the answer given by the user matches the attributes. e.g. If you have asked them for their email ID & they enter their number instead, they'll receive a validation error message to enter their email ID. Only after they provide their email ID, the attribute will get captured. This is a great way to ensure that the information collected by the Chatbot is relevant!


·        If Else Conditioning

Like the name suggests, If Else conditioning allows you to send users customized True & False responses, depending on their replies. If the reply matches the value, a True response is sent, otherwise, The Chatbot sends the False reply. You can set the If Else condition based on two conditions: Equal or exists.

Let's understand both of these in detail.

1. Equal If Else Condition

For Equal If Else condition, you can verify if the information added by the user matches the exact value you wish to receive as output.

If the input added by the user matches the exact value entered by you, they'll receive the True message. Otherwise, they'll receive the False message.

For e.g. Let's say you've asked a user about their city and added the Equal condition in If Else element. Under value, you've chosen "Delhi". This means that if a user answers Delhi under city, they'll receive a True response. Otherwise, they'll receive a False response.

As you can see, we've added another If Else condition for the False value. If the city answered by the user is Noida, they'll receive the True message.

For all other cities, the user will receive a False message.

2. Exists If Else Condition

The Exists If Else condition is useful when you wish to verify whether a user has submitted any value or not!

Meaning, if the user has submitted any value at all, they'll receive the true message, otherwise they'll receive the False message.

As you can see in the below example, if the user has submitted the Pan card, they'll receive the true message and if they haven't submitted, they'll receive the False message.

·  'Time in' & 'Date in' Conditioning - You can set up custom Chatbot responses based on specific time ranges using Time-based conditioning. For example, if your active business hours are from 10 a.m. to 7 p.m., you can automate a welcome message during these hours. Outside of these hours, you can automate an off-hour message for anyone who contacts you on WhatsApp.

Here’s how you can set this up:

  1. Select the Conditioning element.
  2. Choose the Time-based conditioning option.
  3. Select a relevant attribute:
    1. You can use the default attribute Now to fetch the current date and time.
    2. Alternatively, create a custom attribute based on your country’s time zone, formatted as 'hh:mm' in UTC.

For messages received between 10 a.m. and 7 p.m., the Chatbot will send a welcome message. Messages received outside this period will trigger an off-hour response.

Similarly, you can use Date-based conditioning for responses during longer vacations. To set this up, follow these steps:

  1. Select the Conditioning element.
  2. Choose the Date-based conditioning option.
  3. Use the Now attribute to store the current date or create a custom attribute formatted as 'dd-mm-yyyy' in UTC.

This allows your Chatbot to handle different responses based on specific dates, ensuring seamless communication during business hours and holidays.




    • Related Articles

    • How to Create Ecommerce WhatsApp Chatbot using Flow Builder?

      For creating a simple Chatbot for an Ecommerce website. Follow the steps below: 1. Unlock Flow Builder The very first step you need to do is request the Alendei Team to Unlock the Flow Builder. 2. Create a New Flow Now, go to Flow Builder and click ...
    • How to implement Chatbot through a Template Message?

      Using Flow Builder, you can enable a Chatbot even through a Template message (valid only for Template messages with quick reply buttons). This means that clicking any of the buttons in the template message will enable the Chatbot. You can add Chatbot ...
    • How to use API Calls Request feature in Chatbot Flows?

      1. Create a New Flow Go to Flow Builder and click Create Flow to create the flow for your WhatsApp Chatbot. 2. Select API Request from the Content Block 3. API Request Configuration Follow the below steps to configure API Requests: 1. URL Specify the ...
    • How to enable Chatbot for Click-to-WhatsApp Ads?

      Simply select an active Click-to-WhatsApp Ads Campaign and connect it to the relevant Chatbot. For Click to WhatsApp ads fetched via Meta, you can only connect one ad to one chatbot flow.
    • How to Set Fallback Intent for Your WhatsApp Chatbot?

      In the current beta phase, the WhatsApp Chatbot can only respond to queries as per the Chatbot. This means that if the user responds with a message that isn't included in the Chatbot, the Chatbot won't be able to provide a relevant response. For such ...