GMB: Getting Started With Chatbot Flow Builder
A step-by-step process to build a GMB Chat Flow
What is a Chatbot flow?
A chatbot is a software that can speak with users automatically in a human-like, conversational style. They can be connected to Google My Business and social media sites like Facebook and Instagram.
It can help you manage your general customer support without a customer agent.
MMIO Chatbot can:
and perform other actions.
Creating A Chatbot Flow
Prerequisite: You must have a GMB Agent in order to create Chatbot flow.
Click Google My Business on the Navigation Pane and Select Flows
Select Agent and Click on Create GMB Flow
Enter a Flow Name and press ok
Now you can see a Chatbot Automation Interface
Elements Section: You get multiple elements to make your ChatBot rich and interactive. It includes Texts, Images, Carousel, GIF, Video, Files, etc.
You can double-click at the elements section for better usability.
Node Socket: The small circle (we call it "node socket") is used to connect message flows.
Adding Text, and Images
Now let's create a basic GMB flow in MMIO:
Please Right Click on the interface, select a text element and connect the node socket.
You can rename the text if needed.
Message: Click on the message area and enter a message. You can also use Variables and Emojis.
Protip: You can also Auto Generate messages through the AI option.
Quick Reply: You can add one or more quick reply texts. It's easier for users because they don't need to type anything. They can just click on a quick reply.
Now, Let's create the Next Step for the above messages.
Right-click on the interface > Add an Image element, > Connect the Node Socket with Quick Replies
You can also add Quick Reply within the response steps to make the conversation engaging and effective.
GMB supports 5+ conversation elements such as Text, Images, Carousel, Generic, and more. You can choose the relevant elements and configure them easily by the provided steps.
Using Generic and Carousel elements
Generic Element: It consists of an Image, Title, and Description.
Please Right Click on the interface > select Generic and connect the node socket.
Configure: Click on the generic element box, Upload an image >> Enter Title, Description, and Save it.
Your Generic element is ready.
Carousel Element: A set of two or more generic elements.
Please Right Click on the interface, select Carousel, and connect the node socket.
Configure: Click on the carousel element box, Upload an image >> Enter Title, Description, and Save it.
Repeat the above steps for 2nd card.
You can add more cards by clicking "+" button.
Your Carousel element is ready.
We have an option to set up flows with specific scenarios and triggers so that our bots answer customers’ questions according to an in advance specified scenario.
Triggers are subscribers' actions or keywords sent in their messages.
How to add triggers in Chatbot Flow?
Please Right Click on the interface, select Triggers
Click on Trigger to configure
Select Trigger type: Keyword based
You can add one or more keyword triggers (E.g., Camping, Backpack)
Select a Match type and Save it.
Now, you need to connect your trigger with the element.
Select the Node Socket in the trigger and connect with the relevant element.
Congratulations, You have successfully created a Chatbot flow and configured a trigger.
Using the UserInput element
A user input element will help you collect data from your subscribers and store it in a database to later segment them and target the right audience with personalized messages.
You can run a messenger ad campaign on Facebook and capture leads using the UserInput element.
Please Right Click on the interface > select Text and connect the node socket.
Add Message within the Text element and add quick replies to initiate the UserInput element.
Right Click on the interface > select UserInput element
Configure UserInput: Click on the UserInput element
Select Custom Variable: You can select an existing custom variable from dropdown options and click Confirm Changes.
Create New Custom Variable: Click on the toggle button > Enter Custom Variable Name
Dynamic or Pre-defined Data: Select Dynamic if you want users to enter their preferred input. If you have any pre-defined data, users will be able to pick from that.
Enable Google Sheet: You can enable it and select google sheet to keep the user input data.
Click on Confirm Changes button
Connect socket nodes as per the flow.
Congrats, your UserInput element is configured successfully.
Using the Condition element
Conditional elements can be very helpful to make the conversation personalized. You can also validate user inputs by adding condition elements.
Now let's add a condition element for UserInput.
Please Right Click on the interface > select Condition element
Click on the Condition element box to configure
You can create conditions based on Customer Tags, Name and Custom Variables.
Select preferred condition parameter and click Add Condition
Now select a qualifier for your preferred condition and clicks on Confirm Changes
Now add preferred elements for True and False Condition and connect node sockets.
Congrats, the Condition element is done.
Using the Action element
Action elements are one of the very useful elements in chatbot flow. It is
used to trigger a set of predefined actions within the chatbot flow. It basically helps you automate your actions based on users' responses.
For example: You can initiate an email sequence, SMS sequence, or modify custom variables based on users' responses.
This is just an example. There are tons of uses cases of the action element.
Now let's add an action element:
Please Right Click on the interface > select Action element
Click Add action to configure
You can see many types of actions in the selection bar. You can select your preferred action and click Add Action
Here I want to tag the user based on his inputs.
Protip: You can also select multiple actions.
Click on Confirm Changes and connect node sockets with the relevant element.
Using Product Search Element
The product search element is very useful if you have an e-commerce store. You can automatically display your products within the chat conversation and users can directly navigate to the product page by clicking Buy Now button.
Please Right Click on the interface > select Product Search element element
Click on Product Search element > Select Product and Enter Call to Action
Add a User Input element to grab users' queries for product search.
Add a Text element and request for a product search.
Add one more Text element for the unavailable product.
Add a keyword-based trigger to initiate the flow.
Connect node sockets correctly.
Our first product search flow is now ready.
Using the TimeGap Element
The TimeGap element is a delay manager in the chatbot flow. It's very useful for all businesses to smartly manage the flow and engage users. In the article, we are going to use the TimeGap element to create a customer feedback flow.
Please Right Click on the interface > select TimeGap element element
Click on it and enter TimeGap Value > select TimeGap Unit and click on OK
Now, add a text element asking for customer feedback and include quick replies.
Add one more text element for the Thankyou message.
Connect node sockets correctly.
Using the HTTP request element
Your bot might need to access an external service, on behalf of the user or as part of your business logic. For example, you are looking to generate leads through the UserInput and need to send data to your server. Or you need to get data from the server and send it through chatbot flow.
In this case, the HTTP requests will help you achieve your goals.
Let's create an Inspirational Quotes bot using the HTTP request element.
Custom Variable: Go to Facebook & Instagram > Chat Flow Builder > Custom Variables > Create New Custom Variable > Enter Variable Name and click Confirm
Create a new GMB Flow > Right-click and select an HTTP element > Add a Trigger element > enter a keyword to trigger the flow and click OK
Click on the HTTP element > Add request URL > Click on Test Request Button
Now, you need to map the response.
Please click on the Map Response button > Select correct response value and map it with the custom variable which you have created > click on "+" button and click on "Confirm Changes"
Make sure you have clicked "+" button otherwise mapping will not work.
HTTP input is done, now we need to add a text element to send the inspirational quote.
Add a Text element > enter a Message > select Custom variable and click on Confirm Changes.
Save the flow > Our inspiration quote bot is ready.