{"id":2285,"date":"2021-05-26T11:05:13","date_gmt":"2021-05-26T11:05:13","guid":{"rendered":"https:\/\/chatbotzzz.com\/?p=2285"},"modified":"2021-05-26T11:05:13","modified_gmt":"2021-05-26T11:05:13","slug":"building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder","status":"publish","type":"post","link":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/","title":{"rendered":"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder"},"content":{"rendered":"\n<h4 id=\"features-of-chatpion\" class=\"wp-block-heading\">Features of ChatPion:<\/h4>\n\n\n\n<p>ChatPion is a complete social media marketing tool. It has lots of features like Messenger bot, Social media posting, Comment automation, eCommerce store builder inside or outside of Facebook messenger, QR code digital menu for restaurant, Messenger broadcasting, email broadcasting, SMS broadcasting, etc.<\/p>\n\n\n\n<p>One of the most used features of <a href=\"https:\/\/xeroneit.net\/portfolio\/xerochat-best-multichannel-marketing-application-white-label\" target=\"_blank\" rel=\"noreferrer noopener\">ChatPion<\/a> is Messenger Bot. By using this feature of ChatPion, anyone can build a Facebook Messenger bot without any coding knowledge. And the bot can continuously reply to messages on Facebook Messenger.<\/p>\n\n\n\n<h4 id=\"chatpion-visual-flow-builder\" class=\"wp-block-heading\">ChatPion Visual Flow Builder:<\/h4>\n\n\n\n<p>To make the bot building experience more pleasant and easier, ChatPion has introduced an amazing add-on named \u201cChatPion visual flow builder\u201d. While the typical bot building process is a tedious and time-consuming job, visual flow builder is compelling and takes only a while to create a very much effective chatbot. The \u201cChatPion\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from ChatPion\u2019s creator Xerone IT\u2019s official website and install the <a href=\"https:\/\/xeroneit.net\/portfolio\/flow-builder-visual-drag-drop-facebook-chatbot-builder-xerochat-add-on\" target=\"_blank\" rel=\"noreferrer noopener\">add-on<\/a> on ChatPion.<\/p>\n\n\n\n<h4 id=\"how-to-create-a-chatbot-by-using-the-chatpion-visual-flow-builder\" class=\"wp-block-heading\">How to create a chatbot by using the \u201cChatPion Visual Flow Builder\u201d:<\/h4>\n\n\n\n<p>When we have installed and activated the add-on, we will see the \u201cVisual Flow Builder\u201d option on the left navigation menu of ChatPion. As soon as we click on the \u201cVisual Flow Builder\u201d, a page will appear with a list of all the bots that are created using visual flow builder and a button at the top \u201cCreate New Flow\u201d.<\/p>\n\n\n\n<p><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2291\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data7-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<p> When we click on the button, it will ask us to select the Facebook page for which we want to build the bot. As soon as we do that, the interface of the Visual Flow Builder will appear. It has a doc menu and a canvas; we will find all the necessary components on the doc menu. It\u2019s just a drag and drop chatbot creator, we need to drag our necessary components or elements from the doc menu and drop it on the canvas, then put data for the components and connect them with a connector accordingly.<\/p>\n\n\n\n<p><img decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2292\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data4-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<h4 id=\"process-of-creating-a-chatbot-with-an-example\" class=\"wp-block-heading\">Process of creating a chatbot with an example:<\/h4>\n\n\n\n<p>In the canvas of the visual flow builder, there is a default \u201cStart Bot Flow\u201d component or element, which is a postback. We have to start from there, this element can be connected from two types of element, one is Trigger and the other one is Action Button. We can drag the Trigger or Action button from the doc menu and connect any or both of them with the \u201cStart Bot Flow\u201d. The Trigger is nothing but a group of Keywords, for which the bot will start. And the Action buttons could be the Get started template, No-match template, Un-subscribe or Re-subscribe template, Email Quick reply template, and many more.<\/p>\n\n\n\n<p><img decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2293\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data2-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<p>To configure Trigger or the Action button, double click on the element an option will appear on the right side of the canvas. We can add keywords for Trigger and can select the Action for Action button from there.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2294\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<p>Because I have added both trigger and action button, this Bot can start from both the way, it could be triggered by keywords or by the Action Button. We can use any or both of them. We also need to configure the \u201cStart Bot Flow\u201d, we must give a name for it and we can choose labels and sequence if we want to.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2295\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data6-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<p>Now, we will add a reply to the bot, there are many types of replies we can use. There are Text, Image, Audio, Video, Carousels, etc. which could be used as a reply. There are more like, generic template, Quick reply, and buttons. These all are a very fantastic way to send a reply on the messenger.<\/p>\n\n\n\n<p>Here in the example, I am using a generic template for the first reply. We can add an image on the generic template also we can make the image clickable by adding a link with the image. We can also enable Typing on display and set the time duration of the delay.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2296\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data5-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<p>Now we can add the next reply, buttons, or quick reply with the generic template. We can add multiple buttons and define what will happen when they click on the buttons. In this example bot, I have added 2 buttons to collect their email and phone number.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"384\" class=\"wp-image-2297\" style=\"width: 800px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min.png 1406w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min-300x144.png 300w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min-1024x492.png 1024w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min-768x369.png 768w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min-380x182.png 380w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min-800x384.png 800w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data3-min-1160x557.png 1160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n\n\n\n<p>This bot will look this way in the messenger.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"470\" class=\"wp-image-2298\" style=\"width: 400px;\" src=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data8-min.png\" alt=\"\" srcset=\"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data8-min.png 574w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data8-min-255x300.png 255w, https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Add-data8-min-380x447.png 380w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n\n\n\n<p>Besides, we can use an eCommerce store or store products on a carousel as a reply, which means if anyone is looking to buy any products we have, we can redirect them to the eCommerce store inside\/outside of the Messenger and sell the product to them. We just need to set the bot that way.<\/p>\n","protected":false},"excerpt":{"rendered":"Features of ChatPion: ChatPion is a complete social media marketing tool. It has lots of features like Messenger&hellip;\n","protected":false},"author":1,"featured_media":2299,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5,6,12],"tags":[],"class_list":{"0":"post-2285","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-chatbot","8":"category-facebook","9":"category-messenger-bot"},"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder - Chatbotzzz<\/title>\n<meta name=\"description\" content=\"The \u201cXeroChat\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from XeroChat\u2019s creator Xerone IT\u2019s official website and install the add-on on XeroChat.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder - Chatbotzzz\" \/>\n<meta property=\"og:description\" content=\"The \u201cXeroChat\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from XeroChat\u2019s creator Xerone IT\u2019s official website and install the add-on on XeroChat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Chatbotzzz\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-26T11:05:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Building-a-chatbot-is-super-easy-with-XeroChats-Visual-Flow-Builder.jpg?fit=800%2C500&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kamrul Hasan Ranzu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kamrul Hasan Ranzu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/\",\"url\":\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/\",\"name\":\"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder - Chatbotzzz\",\"isPartOf\":{\"@id\":\"https:\/\/chatbotzzz.com\/#website\"},\"datePublished\":\"2021-05-26T11:05:13+00:00\",\"dateModified\":\"2021-05-26T11:05:13+00:00\",\"author\":{\"@id\":\"https:\/\/chatbotzzz.com\/#\/schema\/person\/4e8160e1fe3b1169f7832e92518df00c\"},\"description\":\"The \u201cXeroChat\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from XeroChat\u2019s creator Xerone IT\u2019s official website and install the add-on on XeroChat.\",\"breadcrumb\":{\"@id\":\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chatbotzzz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chatbotzzz.com\/#website\",\"url\":\"https:\/\/chatbotzzz.com\/\",\"name\":\"Chatbotzzz\",\"description\":\"Create your own bot\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chatbotzzz.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/chatbotzzz.com\/#\/schema\/person\/4e8160e1fe3b1169f7832e92518df00c\",\"name\":\"Kamrul Hasan Ranzu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chatbotzzz.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c95b99d78e7c83ad112249fda3288512ad953ef6861a06db9acd628fe8dea3ac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c95b99d78e7c83ad112249fda3288512ad953ef6861a06db9acd628fe8dea3ac?s=96&d=mm&r=g\",\"caption\":\"Kamrul Hasan Ranzu\"},\"sameAs\":[\"http:\/\/chatbotzzz.com\"],\"url\":\"https:\/\/chatbotzzz.com\/index.php\/author\/ranzuchatbotzzz\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder - Chatbotzzz","description":"The \u201cXeroChat\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from XeroChat\u2019s creator Xerone IT\u2019s official website and install the add-on on XeroChat.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/","og_locale":"en_US","og_type":"article","og_title":"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder - Chatbotzzz","og_description":"The \u201cXeroChat\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from XeroChat\u2019s creator Xerone IT\u2019s official website and install the add-on on XeroChat.","og_url":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/","og_site_name":"Chatbotzzz","article_published_time":"2021-05-26T11:05:13+00:00","og_image":[{"width":800,"height":500,"url":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Building-a-chatbot-is-super-easy-with-XeroChats-Visual-Flow-Builder.jpg?fit=800%2C500&ssl=1","type":"image\/jpeg"}],"author":"Kamrul Hasan Ranzu","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kamrul Hasan Ranzu","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/","url":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/","name":"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder - Chatbotzzz","isPartOf":{"@id":"https:\/\/chatbotzzz.com\/#website"},"datePublished":"2021-05-26T11:05:13+00:00","dateModified":"2021-05-26T11:05:13+00:00","author":{"@id":"https:\/\/chatbotzzz.com\/#\/schema\/person\/4e8160e1fe3b1169f7832e92518df00c"},"description":"The \u201cXeroChat\u2019s Visual Flow Builder\u201d gives a bird\u2019s eye view of the full chatbot, we can see the complete chatbot on the canvas of the visual flow builder. We just need to get the add-on from XeroChat\u2019s creator Xerone IT\u2019s official website and install the add-on on XeroChat.","breadcrumb":{"@id":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/26\/building-a-chatbot-is-super-easy-with-xerochats-visual-flow-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chatbotzzz.com\/"},{"@type":"ListItem","position":2,"name":"Building a chatbot is super easy with ChatPion\u2019s Visual Flow Builder"}]},{"@type":"WebSite","@id":"https:\/\/chatbotzzz.com\/#website","url":"https:\/\/chatbotzzz.com\/","name":"Chatbotzzz","description":"Create your own bot","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chatbotzzz.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/chatbotzzz.com\/#\/schema\/person\/4e8160e1fe3b1169f7832e92518df00c","name":"Kamrul Hasan Ranzu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chatbotzzz.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c95b99d78e7c83ad112249fda3288512ad953ef6861a06db9acd628fe8dea3ac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c95b99d78e7c83ad112249fda3288512ad953ef6861a06db9acd628fe8dea3ac?s=96&d=mm&r=g","caption":"Kamrul Hasan Ranzu"},"sameAs":["http:\/\/chatbotzzz.com"],"url":"https:\/\/chatbotzzz.com\/index.php\/author\/ranzuchatbotzzz\/"}]}},"jetpack_featured_media_url":"https:\/\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Building-a-chatbot-is-super-easy-with-XeroChats-Visual-Flow-Builder.jpg","jetpack-related-posts":[{"id":2226,"url":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/20\/the-easiest-way-to-build-a-facebook-messenger-bot\/","url_meta":{"origin":2285,"position":0},"title":"The easiest way to build a Facebook Messenger Bot","date":"May 20, 2021","format":false,"excerpt":"What is a Facebook Messenger Bot? A Facebook Messenger Bot is a piece of software that utilizes artificial intelligence (AI) to converse with people on Messenger automatically. The Facebook Messenger bot can understand what the person\u2019s query is and send a quick reply accordingly. A Chatbot can communicate on Messenger\u2026","rel":"","context":"In &quot;Chatbot&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/The-easiest-way-to-build-a-Facebook-Messenger-Bot-min.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2318,"url":"https:\/\/chatbotzzz.com\/index.php\/2021\/06\/02\/how-to-use-xerochats-messenger-broadcasting-effectively\/","url_meta":{"origin":2285,"position":1},"title":"How to use ChatPion\u2019s Messenger Broadcasting effectively","date":"June 2, 2021","format":false,"excerpt":"In the previous article, we have talked about how to create Email and SMS Broadcasting from ChatPion. In this article, we will deep dive into Messenger Broadcasting. Facebook has some restrictions on Messenger Broadcasting. If we don\u2019t follow the rules of Facebook while broadcasting through Facebook Messenger, Facebook may block\u2026","rel":"","context":"In &quot;Chatbot&quot;","img":{"alt_text":"Messenger Broadcasting","src":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/06\/How-to-use-XeroChats-Messenger-Broadcasting-effectively.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2377,"url":"https:\/\/chatbotzzz.com\/index.php\/2021\/09\/19\/how-to-create-an-instagram-bot-by-using-xerochat\/","url_meta":{"origin":2285,"position":2},"title":"How to create an Instagram bot by using ChatPion","date":"September 19, 2021","format":false,"excerpt":"ChatPion has recently released an add-on called IniChat: Instagram Chatbot. Now we can create an artificially intelligent Instagram bot by using ChatPion with this add-on. An Instagram bot can automatically reply to messages on Instagram messenger, moreover, it can help users to initiate a communication with Icebreakers. Sometimes users hesitate\u2026","rel":"","context":"In &quot;Instagram&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/09\/chatbotzzz-min.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2361,"url":"https:\/\/chatbotzzz.com\/index.php\/2021\/07\/07\/xerochat-visual-flow-builder-most-convenient-way-to-build-a-facebook-messenger-bot\/","url_meta":{"origin":2285,"position":3},"title":"ChatPion Visual Flow Builder: Most convenient way to build a Facebook Messenger Bot.","date":"July 7, 2021","format":false,"excerpt":"ChatPion has lately launched an Add-on called Visual Flow Builder. This helps to create a Messenger bot comfortably. This gives a bird\u2019 eye view of the bot. This is just a drag and drops visual conversation Bot builder for Facebook Messenger. We can also add condition logic to the chatbot,\u2026","rel":"","context":"In &quot;Chatbot&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/07\/XeroChat-Visual-Flow-Builder-Most-convenient-way-to-build-a-Facebook-Messenger-Bot-min.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2303,"url":"https:\/\/chatbotzzz.com\/index.php\/2021\/05\/30\/how-to-use-xerochats-broadcasting-feature-email-and-sms-effectively\/","url_meta":{"origin":2285,"position":4},"title":"How to use ChatPion\u2019s Broadcasting feature (Email and SMS) effectively.","date":"May 30, 2021","format":false,"excerpt":"ChatPion\u2019s broadcasting feature is used to broadcast through Messenger, email, and SMS. Whenever a business has something new to share with their existing customer or the contacts they have on their list, broadcasting is the solution. While email and SMS broadcastings are just a simple process, Messenger broadcasting is a\u2026","rel":"","context":"In &quot;Facebook Marketing&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/05\/Broadcasting-feature-Email-and-SMS-min.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2340,"url":"https:\/\/chatbotzzz.com\/index.php\/2021\/06\/30\/how-to-create-an-ecommerce-store-inside-facebook-messenger-with-xerochat\/","url_meta":{"origin":2285,"position":5},"title":"How to create an eCommerce store inside Facebook Messenger with ChatPion","date":"June 30, 2021","format":false,"excerpt":"ecommerce store inside Facebook Messenger","rel":"","context":"In &quot;Facebook Marketing&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/chatbotzzz.com\/wp-content\/uploads\/2021\/06\/How-to-create-eCommerce-store-inside-Facebook-Messenger-with-XeroChat-min.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/posts\/2285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2285"}],"version-history":[{"count":2,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/posts\/2285\/revisions"}],"predecessor-version":[{"id":2301,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/posts\/2285\/revisions\/2301"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/media\/2299"}],"wp:attachment":[{"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/categories?post=2285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chatbotzzz.com\/index.php\/wp-json\/wp\/v2\/tags?post=2285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}