Chatbot
...
Flow Builder (v8)
Bot Message
12 min
overview bot messages are a fundamental category of elements within the flow builder used for one way communication from the chatbot to the user their primary purpose is to present information, provide responses, and display rich media to guide and engage users throughout a conversation unlike "prompts," which are designed to collect user input, bot messages are purely for output these elements are essential for crafting a user friendly and interactive experience you can use them to send a simple greeting, display a product image, share a detailed brochure, or present a scrollable list of options the exo chatbot platform supports a wide variety of message types to cater to different conversational needs and channels the available bot message types are text for standard text based communication image for displaying static images file for sharing downloadable documents audio for playing sound clips table for presenting data in a structured grid video for sharing video content carousel for showcasing a series of interactive, scrollable cards by combining these elements, you can build rich, dynamic, and visually appealing bot responses that go far beyond simple text how to use bot messages bot messages are added as elements inside a node on the flow builder canvas 2 1 adding a bot message on the flow builder canvas, either click the + icon on an existing node or the add more button inside a node to add to the current step from the element menu, select the bot messages category choose the specific type of message you want to send (e g , text, image, carousel) 2 2 configuration details for each message type text enter message text type your message in the text box you can use the formatting toolbar for bold , italics, and headers variables insert dynamic data (e g , a user's name) by using curly braces {} to select a saved variable recommendations add quick reply buttons that appear below the text message to suggest the user's next step image upload drag and drop an image or click choose file(s) to upload from your computer url alternatively, paste a publicly accessible image url constraints maximum file size is 10 mb supported formats are jpg, jpeg, png, gif file upload/url upload a document or provide a public link constraints maximum file size is 50 mb supported formats are pdf, docx audio upload/url upload an audio file or provide a public link constraints maximum file size is 50 mb the primary supported format is mp3 table configuration click within the cells to enter values use the floating + icons that appear on hover to add new rows or columns constraints a maximum of 4 columns is allowed video upload/url upload a video file or provide a public link constraints maximum file size is 50 mb supported formats include mp4, mov, avi, mpeg, webm, mkv carousel the carousel is a powerful element for displaying a list of items it consists of multiple cards that the user can scroll through horizontally card setup for each card, you can upload an image or file (pdf, docx, jpg, etc , up to 50 mb) enter title & description add a title and descriptive text for each card add quick action each card can have up to two buttons configure each button to either open link redirect the user to an external url trigger flow start a different conversation flow when the button is clicked common use cases product showcase (carousel) display a catalog of products, where each card shows a product image, its name, and a "view details" button that triggers a specific flow for that item sending a ticket (file) after a user books an event, send them a confirmation message with their ticket attached as a downloadable pdf file displaying business hours (table) use a table to clearly show opening and closing times for each day of the week video tutorial (video) when a user asks "how do i set up my account?", respond with a short, helpful video tutorial personalized welcome (text) greet a returning user with, "welcome back, {user name}!" by pulling their name from a variable best practices use rich media to enhance experience don't rely solely on text use images, carousels, and videos to make the conversation more engaging and to convey information more effectively keep text concise break down large blocks of information into multiple, smaller text messages to avoid overwhelming the user provide context for media when you send an image, file, or video, always accompany it with a text message that explains what it is and why the user is receiving it optimize for mobile ensure images and videos are of a reasonable file size to load quickly on mobile devices check your links double check that all urls provided for images, videos, and files are public and not broken common mistakes broken media links using internal or private urls for images or files will result in them not displaying for the user always use publicly accessible links overly long carousels a carousel with 15 20 cards can be frustrating to scroll through if you have many items, consider categorizing them and using multiple, smaller carousels or a different approach missing a call to action sending a carousel of products without any buttons for the user to click ("quick actions") is a missed opportunity always guide the user on what to do next ignoring channel limitations a rich, interactive element like a carousel will look great on the web or facebook messenger but will not render on a simpler channel like sms use the channel filter logic element to design fallback experiences for different channels
🤔
Have a question?
Our knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.