All Collections
AiSensy Platform
How to create Drag & Drop Chatbot in just 10 minutes?
How to create Drag & Drop Chatbot in just 10 minutes?
Complete tutorial on how to use Flows to create Drag and Drop Chatbot
Shivam Aggarwal avatar
Written by Shivam Aggarwal
Updated over a week ago

Wish to automate your Customer Support and Sales on WhatsApp?

The AiSensy 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 AiSensy'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 AiSensy" button. Yes, it's that simple!!

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

How to create WhatsApp Chatbot using Flow Builder?

Creating Chatbot using Flow Builder is extremely easy. All you need to do is choose the necessary element (like Lists, or single products) and drag & drop the relevant elements onto the builder.

Let's create a simple Chatbot for an Ecommerce website. Follow the steps below to create your first Drag and Drop WhatsApp Chatbot via AiSensy.

1. Unlock Flow Builder

The very first step you need to do is Unlock the Flow Builder. Flow Builder is an Add-on feature you need to purchase to unlock or claim your 14-day free trial (for existing and new users).

2. Create a New Flow

Now, go to Flow Builder and click Create Flow to create the flow for your WhatsApp Chatbot.

3. Add Keywords that will trigger the Catalogue

Clicking the button will open the Flow Builder. Here, you can build the complete flow for your WhatsApp Catalogue.

To start creating your flow, you first need to add Keywords to the "Flow start" element that will trigger the Catalogue flow.

Enter common keywords like Shop, products, and e-commerce depending on what your users enter most to ensure the catalogue gets triggered.

In the below image, we've added multiple keywords that will trigger the chatbot, like 'hi', 'Hello' etc.

4. Choose an element from the Content Block

Next, drag & drop another element from the Content block or stretch a thread from the "Flow Start" element and choose another element.

Since we need to provide multiple options to the user, we've chosen the "List" element.

5. Enter body text and relevant buttons

6. Use relevant elements & link them carefully

Building a Chatbot with AiSensy is as easy as it can get. All you need to be careful about is choosing the correct elements from the Content block and linking it to the right element using threads.

It's that simple!!

7. Your Chatbot is ready to go LIVE

In the below image, you can see that we have created a chatbot in which the end goal is to showcase the relevant products to the users and hot deals currently active.

You can see that we have different responses based on the user's reply. If they reply with 'View all products', they'll receive a Multi-product message with all your products, and if they respond with 'Hot deals', they'll receive a single-product message mentioning the hot deal.

You can make as many changes as you want in the Chatbot. After creating the Chatbot, press 'Save Changes' to save your progress.

8. Enable the Chatbot

Last, return to 'Flow Builder' and enable the Chatbot you've just created.

Congratulations🎊

You just activated your first flow!

9. Test the Chatbot

This is how the chatbot will work whenever a user enters the keyword that triggers the Chatbot.

This is just an example. You can create a flow with 100s of elements in just one Chatbot.

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 instances, you can set up a Fallback intent. A fallback intent will trigger whenever a user doesn't respond according to the flow.

Here's how to set a Fallback intent👇

1. Click on Fallback & Intents

2. Enter Fallback Intent

Next, add a message that will trigger the Fallback intent. You can set the Fallback intent as text, image, or video.

Once you've set the fallback intent, press Done.

How to transfer Chats from Chatbot to LiveChat Agent?

If the user doesn't get the answer to their query from the Chatbot & wishes to talk to a human, here's how you can set up the Chatbot to transfer the chat to a Live Chat agent.

1. Add a 'Talk to Human' button

To enable Chat transfer, you first need to add a Talk to Human button to your flow.

2. Link Request Intervention Element from Content Block

Pick the Request Intervention element from the content block to enable the chat transfer and link it with the Talk to Human button.

Users who click the Talk to Human button will move into the Requesting tab on AiSensy's Live Chat page.

How to implement Chatbot through a Template Message?

Using AiSensy's 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 to up to 3 template messages in a single flow. You must create another flow to add a chatbot for more Template messages.

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

1. Click "Choose Template" from the "Flow Start" element

Click Choose Template in the Flow Start element to enable Chatbot on a template message.

2. Select the preferred template and link the Template Message

You can choose the template message with Clickable buttons that you'd like to enable a Chatbot on and link it to the relevant element, as shown in the image below.

How to enable Chatbot for Click-to-WhatsApp Ads?

You can also link your WhatsApp Chatbot with your Click-to-WhatsApp Ads created via AiSensy.

Simply select an active Click-to-WhatsApp Ads Campaign and connect it to the relevant Chatbot as shown in the image below.

You can add Chatbot to only one Click-to-WhatsApp Ads per flow.

This covers everything you need to know about creating a Drag & Drop Chatbot easily using AiSensy's Flow builder.

Still, if you have any queries, don't hesitate to reach the team via Live Chat or by connecting with us directly

Did this answer your question?