{"id":239257,"date":"2021-06-25T17:46:37","date_gmt":"2021-06-26T00:46:37","guid":{"rendered":"https:\/\/messengerbot.app\/?p=239257"},"modified":"2026-04-19T09:15:36","modified_gmt":"2026-04-19T16:15:36","slug":"manual-yang-rinci-dan-komprehensif-tentang-pembangun-alur-bot-pengirim-pesan","status":"publish","type":"post","link":"https:\/\/messengerbot.app\/id\/a-detailed-and-comprehensive-manual-of-messenger-bots-flow-builder\/","title":{"rendered":"Manual Terperinci dan Komprehensif dari Pembuat Alur Bot Messenger"},"content":{"rendered":"<input type=\"hidden\" value=\"\" data-essbisPostContainer=\"\" data-essbisPostUrl=\"https:\/\/messengerbot.app\/id\/a-detailed-and-comprehensive-manual-of-messenger-bots-flow-builder\/\" data-essbisPostTitle=\"A Detailed And Comprehensive Manual Of Messenger Bot\u2019s Flow Builder\" data-essbisHoverContainer=\"\"><p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.9.3&#8243; background_enable_color=&#8221;off&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#ffc929&#8243; background_color_gradient_end=&#8221;#006aff&#8221; background_color_gradient_direction=&#8221;148deg&#8221; background_color_gradient_start_position=&#8221;19%&#8221; background_image=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/01\/software-06.png&#8221; parallax=&#8221;on&#8221; custom_margin=&#8221;||||false&#8221; custom_padding=&#8221;6vw||5vw||false|false&#8221; bottom_divider_style=&#8221;arrow&#8221; bottom_divider_color=&#8221;#F5F5F5&#8243; bottom_divider_height=&#8221;23vw&#8221; bottom_divider_repeat=&#8221;0.8x&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.8.1&#8243; background_color=&#8221;#181818&#8243; custom_padding=&#8221;60px|40px|40px|40px|false|true&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;20px|20px|20px|20px||true&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;10px&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_blur=&#8221;22px&#8221; box_shadow_spread=&#8221;5px&#8221; box_shadow_color=&#8221;rgba(0,0,0,0.64)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_vertical__hover=&#8221;50px&#8221; box_shadow_vertical__hover_enabled=&#8221;on&#8221; box_shadow_blur__hover=&#8221;180px&#8221; box_shadow_blur__hover_enabled=&#8221;on&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_code _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ZO3jwgh9Olg\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Features&#8221; _builder_version=&#8221;4.9.1&#8243; background_color=&#8221;#F4F4F4&#8243; custom_padding=&#8221;50px|0|50px|0px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; link_font=&#8221;ABeeZee|700|||||||&#8221; link_text_color=&#8221;#FFC929&#8243; link_font_size=&#8221;17px&#8221; background_enable_color=&#8221;off&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#242424&#8243; background_color_gradient_end=&#8221;#282828&#8243; background_layout=&#8221;dark&#8221; custom_padding=&#8221;18px|30px|18px|30px|true|true&#8221; border_radii=&#8221;on|22px|22px|22px|22px&#8221; border_width_all=&#8221;4px&#8221; border_color_all=&#8221;#FFFFFF&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical=&#8221;7px&#8221; box_shadow_spread=&#8221;0px&#8221; box_shadow_color=&#8221;rgba(0,0,0,0.67)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"text-decoration: underline;\">Table of Contents:<\/span><\/p>\n<ul>\n<li><a href=\"#d-c-manual\">A Detailed And Comprehensive Manual Of Messenger Bot\u2019s Flow Builder<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;24px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;d-c-manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Messenger Bot is mainly a messenger bot building platform, though it has multiple features that can do online marketing. Messenger Bot\u2019s messenger bot is a robust and powerful tool to talk to people smoothly and automatically. Messenger Bot has a classic bot builder to build a bot. With the classic bot builder, you can build a bot, though the process is a bit complex.<\/p>\n<p>Therefore, to make bot-building easy, straightforward, and fast, Messenger Bot has presented Flow Builder, a Messenger Bot add-on. After you have added the add-on, the Flow Builder will be available on Messenger Bot. It is a graphical drag and drops Messenger bot builder. With the graphical editor, you can easily build a bot by dragging elements from the dock menu and dropping them on the editor, adding data to the elements, and connecting them to each other. On the Flow Builder, you can control all of the messages in the same place without moving to and fro. Moreover, you can envision all of the messages. Therefore, you can make a highly interactive and remarkably responsive bot easily in a short time.\u00a0<\/p>\n<p>Now let\u2019s be familiar with the process of building a bot with the flow builder. In fact, in the article, I will discuss the elements or components of the Flow builder and how to build a bot on it. After you have read the article, you will be familiar with the elements and how to work with them. Therefore, you will able to build a messenger bot easily as you like.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Go to the flow builder:\u00a0<\/strong><\/p>\n<p>To build a bot with the Flow Builder, first, go to the dashboard of the Messenger Bot. Then click on the Flow Builder menu on the left side of the Dashboard.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/1A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;1A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Instantly, the Visual Flow Builder page will appear with a button called to create a new flow.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/2.0A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;24px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Now click on the create new flow button and a dialog box will appear. Now click on the select a page field and a drop-down menu of your page will appear. Now select a page on which you want to build a messenger bot. Now click on the ok button and instantly the editor of the flow builder will appear where you will build your bot.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/2.1A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;2.1A Detailed &#038; Comprehensive Manual&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Now click on the ok button and instantly the editor of the flow builder will appear where you will build your bot.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/3A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;3A Detailed &#038; Comprehensive Manual&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Let\u2019s see the Editor:\u00a0<\/strong><\/p>\n<p>The Flow builder is divided into two parts&#8211; dock menu and editor. On the dock menu, all the elements are gathered together. And the editor is the place where you will build your messenger bot. There are 20 types of elements for the Messenger Bot Flow Builder if you have added some special add-ons, such as user input flow and message bot enhancers. Anyway, all the elements are on the Dock menu except one&#8211; the start bot flow that is already placed on the editor. The Start bot Flow is the reference of the bot that you are going to make. You will give the name of the messenger bot on the Start bot Flow element.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/4A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;4A Detailed &#038; Comprehensive Manual&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;24px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Drag element from the dock menu and place on the Editor:\u00a0<\/strong><\/p>\n<p>You have to drag elements that you need to build your desired bot from the dock menu and drop them on the editor.\u00a0<\/p>\n<p class=\"fw-bold text-primary\"><strong>Connecting elements with each other:\u00a0<\/strong><\/p>\n<p>Then you have to connect the element with each other. The elements have two types of sockets\u2014\u00a0 input socket and output socket. You have to link the input socket of one element to the output socket of another element.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/5A-Detailed-Comprehensive-Manual.png&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Adding data to the elements:<\/strong><\/p>\n<p>Now you have to add data to the elements. To add data, you have to double-click on the element. Just as you double-click on an element, a form will appear on the left side of the editor. Thereupon, you have to fill out the form with the necessary data. Each element takes a different type of data and the process of inserting data is a bit different.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/6A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\">Now let\u2019s skim through the elements one by one.<\/p>\n<p class=\"fw-bold text-primary\"><strong>Trigger element:\u00a0<\/strong><\/p>\n<p>Trigger element takes text data as keywords\u2014\u00a0 you can add multiple keywords in the trigger element. This element is required to build a messenger bot, placing at the beginning of the bot and it is responsible to start the bot. If the words a user types in the messenger match with the keywords in the trigger element, the messenger bot will start.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/7A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Text element:<\/strong><\/p>\n<p>Text element takes text data. This element is used to give text messages or text reply to the users. Of course, you can insert the first name or the last name of the user into the text data.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/8A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Image element:<\/strong><\/p>\n<p>The image element take images. For the image element, you have to upload an image from your local computer. The image element supports multiple image formats&#8211; jpg, png, and gif.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/9A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;9A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Audio element:<\/strong><\/p>\n<p>The audio element takes an audio file. And you have to upload an audio file from the local computer. It supports multiple audio file formats&#8211; amr, mp3, and wave.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/10A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Video element:\u00a0<\/strong><\/p>\n<p>Video element takes video file. And you have to upload a video file from the local computer. It supports multiple video file formats&#8211; mp4, Flv, and wmv.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/11A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>File element:<\/strong><\/p>\n<p>The file element takes different kinds of files. And you have to upload the files from the local computer. It supports multiple file formats&#8211;doc, Docx, pdf, txt, ppt, pptx, xls, and xlsx.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/12A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;12A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Button element:<\/strong><\/p>\n<p>The button element will work as a button in the messenger bot. When you double click on the button element, a form with two from fields&#8211; button text and button type&#8211; will appear at the right side of the editor. In the first field, button text, you have to give a name for the button. And in the second field, you have to select a button type from a drop-down menu of different types of buttons, such as:<\/p>\n<ul class=\"list-group\">\n<li class=\"list-group-item list-group-item-success\">New postback<\/li>\n<li class=\"list-group-item list-group-item-success\">Postback<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li>Web URL<\/li>\n<li>Webview[Full]<\/li>\n<li class=\"list-group-item list-group-item-success\">Webview[Compact]<\/li>\n<li class=\"list-group-item list-group-item-success\">User birthday<\/li>\n<li class=\"list-group-item list-group-item-success\">User email<\/li>\n<li class=\"list-group-item list-group-item-success\">User Phone<\/li>\n<li class=\"list-group-item list-group-item-success\">User Location<\/li>\n<li class=\"list-group-item list-group-item-success\">Call us<\/li>\n<li class=\"list-group-item list-group-item-success\">Unsubscribe<\/li>\n<li class=\"list-group-item list-group-item-success\">Resubscribe<\/li>\n<li class=\"list-group-item list-group-item-success\">Chat with human<\/li>\n<li class=\"list-group-item list-group-item-success\">Chat with Robot<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/13A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;13A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>IF you select the new postback button, a new postback element connected with a button element will appear on the editor. Thereupon, you have to configure the new postback element. In the New postback section of the article, I will show you how to configure the new postback element.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/15A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>On the other hand, if you select web URL or web view, an additional form field will appear where you have to provide the URL. In this case, when a user clicks on the button, the user will redirect to the page of the URL.<\/p>\n<p>if you select postback, a field called postback id will appear. Click on the postback id field and the drop-down menu of predefined postback will appear and select a postback id from them.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/16A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Also, to collect user birthday, user phone number, user mail, user location, you have to select the respective button type. Also, you can give the option to unsubscribe and resubscribe by selecting the unsubscribe and resubscribe buttons. By selecting chat with a human, you can give the option to the user to talk with a human. Likewise, if you select the chat with bot option, the users can start to talk with the bot again. Similarly, if you select the call us button, the user can call you directly by pressing the button.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/17A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;17A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Generic template element:<\/strong><\/p>\n<p>You can create a generic template with a generic template element. In the generic template element, you have to add an image, an URL, a title, and a subtitle. When you drag a generic template element from the dock menu and drop it on the editor, the template comes with a button. And in the button element, you have to add data. From the button element section, you may already know how to work with the button element. Besides buttons, you can add quick reply elements to the output socket called Quick replies.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/18A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;18A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Carousel element:<\/strong><\/p>\n<p>Carousel element only works as the parent of carousel single element. And it itself receives no data. When you drag and drop the carousel element, it comes with three carousel single elements with three-button elements connecting with the carousel single. You have to add data to the carousel single and to the button elements. \u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/19A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;19A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Of course, you can add more carousel single elements to the carousel element.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/20A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Carousel single element:<\/strong><\/p>\n<p>In the carousel single element, like a generic template, you have to add an image, link, title, and subtitle. The carousel single element is ultimately the child of the carousel element. That is, it could only be connected to the carousel element.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/21A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;21A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Facebook Media:<\/strong><\/p>\n<p>The Facebook media element shows a media&#8211; images and video\u2014 posted on your Facebook page. In Facebook media, you have to add the link to any image or video post of your page. If so, the user can see the image or video post of your page in the messenger.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/22A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;22A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>Ecommerce element:<\/strong><\/p>\n<p>With the ECommerce element, you can make a carousel generic reply to the products of your e-commerce store. In the Ecommerce element, first, you have to select an ECommerce store you have created before from a dropdown menu, then you have to select products to make a carousel or generic replies of these products. Thereupon, you have to add text for the buy now button. And that&#8217;s all. It will create a nice carousel or generic reply of the products of your eCommerce store you have selected.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/23A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;23A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>User Input Flow element:<\/strong><\/p>\n<p>With the element, you can add your user input flow to your bot easily. From a drop-down menu, you just have to select a predefined campaign for User Input Flow. If you don\u2019t have any campaign, first you have to create one. Please, read the article to know how to create a campaign for User Input Flow.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/24A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Quick Reply element:<\/strong><\/p>\n<p>You can only connect the quick reply element with elements that have an output socket called Quick replies. For the quick reply type, you can select New postback, postback, phone, and email from a dropdown menu.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/25A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;25A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>If you select a new postback, a button text field will appear. You just have to fill out the field and click the okay button. Instantly, a new postback element connected to the Quick reply element will appear on the editor. In the new postback, you have to give a title. Also, you can choose a label. Then you have to choose a sequence from a drop-down menu. In the drop-down menu, you will see a list of New sequences and other sequences that you have created earlier. If you select a new sequence, a new sequence element with other elements, three sequences single and three new postback elements will appear. Now you have to create the sequence. Follow the below section to know how to create sequence messages.\u00a0<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/26A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;26A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>New sequence element:<\/strong><\/p>\n<p>If you want to create sequence messages, you have to use a new sequence element. With the sequence messages, you can create a conditional flow of the messages. That is, the same bot can flow in different ways for different types of people.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/27A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;27A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>New postback:\u00a0<\/strong><\/p>\n<p>To configure New postback, you have to give it a title. You can choose a label. Then you have to select a predefined sequence from a drop-down menu.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/28A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;28A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><span>New postback is mainly used to create campaigns for sequence messages. The element usually is placed before the new sequence and is connected to it. Besides, you can start a bot with a new postback. In this case, you have to connect the trigger element with the new postback. You can use the new postback as the reference of a bot. That is, you can connect the trigger element to a new postback element. \u00a0<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/29A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>OTN element:<\/strong><\/p>\n<p>In the OTN element, you have to give a title and select a predefined OTN postback ID from a dropdown list.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/28A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;28A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Action Button element:<\/strong><\/p>\n<p>Besides, trigger element, you can also start a bot flow with the action button. In this case, you have to connect the action button element to the action button socket of the start bot flow element. Besides the action button, you can, of course, connect the trigger element with the Start bot flow element.<\/p>\n<p>Well, as for the action button element, you can select any from the different actions as follows:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/28A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;28A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Action Button element:<\/strong><\/p>\n<p>Besides, trigger element, you can also start a bot flow with the action button. In this case, you have to connect the action button element to the action button socket of the start bot flow element. Besides the action button, you can, of course, connect the trigger element with the Start bot flow element.<\/p>\n<p>Well, as for the action button element, you can select any from the different actions as follows:<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul class=\"list-group\">\n<li class=\"list-group-item list-group-item-success\">Get started template<\/li>\n<li class=\"list-group-item list-group-item-success\">no-match template<\/li>\n<li class=\"list-group-item list-group-item-success\">Un-subscribe template<\/li>\n<li class=\"list-group-item list-group-item-success\">Re-subscribe template<\/li>\n<li class=\"list-group-item list-group-item-success\">Email quick reply template<\/li>\n<li class=\"list-group-item list-group-item-success\">Phone Quick reply template<\/li>\n<li class=\"list-group-item list-group-item-success\">Location Quick reply template<\/li>\n<li class=\"list-group-item list-group-item-success\">Birthday Quick reply template<\/li>\n<li class=\"list-group-item list-group-item-success\">Chat with human template<\/li>\n<li class=\"list-group-item list-group-item-success\">Chat with Robot template<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/31A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;31A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"fw-bold text-primary\"><strong>User friendly<\/strong><\/p>\n<p>The Messenger Bot Flow builder is very user-friendly. By double click, you can collapse the dock menu to increase the place of the editor. Of course, by double click, you get back the dock menu when you need it. \u00a0<\/p>\n<p>Besides, you can move the dock menu and place it anywhere on the editor.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/33A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>After you have drag and drop an element, you can clone it and delete it easily.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/34A-Detailed-Comprehensive-Manual.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>And if you right-click on the editor, all of the elements listed will appear in a vertical bar on the editor. And from the vertical bar, you can pick any specific element by clicking on it.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/35A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;35A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>You can also zoom in and zoom out the elements on the editor by scrolling the mouse.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/36A-Detailed-Comprehensive-Manual.gif&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Moreover, you can see the type of socket by hovering your mouse over the tiny circle of the socket. Just as you hover your mouse over the tiny circle of the socket, the tiny circle will be green outlined and a tooltip will appear with the information about the socket.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/37A-Detailed-Comprehensive-Manual.png&#8221; title_text=&#8221;37A Detailed &#038; Comprehensive Manual&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>In fact, you can hide the part of the bot, by dragging the surface of the editor, to free up space to connect more elements to the bot. another bot.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/06\/38A-Detailed-Comprehensive-Manual.gif&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<input type=\"hidden\" value=\"\" data-essbisPostContainer=\"\" data-essbisPostUrl=\"https:\/\/messengerbot.app\/id\/a-detailed-and-comprehensive-manual-of-messenger-bots-flow-builder\/\" data-essbisPostTitle=\"A Detailed And Comprehensive Manual Of Messenger Bot\u2019s Flow Builder\" data-essbisHoverContainer=\"\"><p>Table of Contents: A Detailed And Comprehensive Manual Of Messenger Bot\u2019s Flow Builder Messenger Bot is mainly a messenger bot building platform, though it has multiple features that can do online marketing. Messenger Bot\u2019s messenger bot is a robust and powerful tool to talk to people smoothly and automatically. Messenger Bot has a classic bot builder to build a bot. With the classic bot builder, you can build a bot, though the process is a bit complex. Therefore, to make bot-building easy, straightforward, and fast, Messenger Bot has presented Flow Builder, a Messenger Bot add-on. After you have added the add-on, the Flow Builder will be available on Messenger Bot. It is a graphical drag and drops Messenger bot builder. With the graphical editor, you can easily build a bot by dragging elements from the dock menu and dropping them on the editor, adding data to the elements, and connecting them to each other. On the Flow Builder, you can control all of the messages in the same place without moving to and fro. Moreover, you can envision all of the messages. Therefore, you can make a highly interactive and remarkably responsive bot easily in a short time.\u00a0 Now let\u2019s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":239258,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","rank_math_title":"A Detailed And Comprehensive Manual Of Messenger Bot\u2019s Flow Builder","rank_math_description":"Now let\u2019s be familiar with the process of building a bot with the flow builder. In fact, in this video, I will discuss the elements or...","rank_math_focus_keyword":"Flow Builder","rank_math_canonical_url":"","rank_math_robots":"noindex","rank_math_facebook_title":"","rank_math_facebook_description":"","rank_math_twitter_title":"","rank_math_twitter_description":""},"categories":[30,52],"tags":[53],"class_list":["post-239257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-visual-flow-builder","tag-visual-flow-builder"],"_links":{"self":[{"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/posts\/239257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/comments?post=239257"}],"version-history":[{"count":20,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/posts\/239257\/revisions"}],"predecessor-version":[{"id":242227,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/posts\/239257\/revisions\/242227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/media\/239258"}],"wp:attachment":[{"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/media?parent=239257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/categories?post=239257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/messengerbot.app\/id\/wp-json\/wp\/v2\/tags?post=239257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}