{"id":232424,"date":"2021-02-23T01:33:16","date_gmt":"2021-02-23T09:33:16","guid":{"rendered":"https:\/\/messengerbot.app\/?p=232424"},"modified":"2026-04-19T09:13:12","modified_gmt":"2026-04-19T16:13:12","slug":"messenger-%e6%a9%9f%e5%99%a8%e4%ba%ba-ui-%e6%a6%82%e8%a6%bd","status":"publish","type":"post","link":"https:\/\/messengerbot.app\/zh_hk\/messenger-bot-ui-overview\/","title":{"rendered":"Messenger Bot \u2013 UI \u6982\u89bd"},"content":{"rendered":"<input type=\"hidden\" value=\"\" data-essbisPostContainer=\"\" data-essbisPostUrl=\"https:\/\/messengerbot.app\/zh_hk\/messenger-bot-ui-overview\/\" data-essbisPostTitle=\"Messenger Bot &#8211; UI Overview\" data-essbisHoverContainer=\"\"><p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.8.1&#8243; background_color=&#8221;rgba(239,103,40,0.96)&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#fcf52d&#8221; background_color_gradient_end=&#8221;#ff915e&#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;7vw||5vw||false|false&#8221; bottom_divider_style=&#8221;arrow&#8221; bottom_divider_color=&#8221;#F5F5F5&#8243; bottom_divider_height=&#8221;29vw&#8221; bottom_divider_repeat=&#8221;0.8x&#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; 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; custom_padding__hover=&#8221;|||&#8221;][et_pb_code _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;]<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/YA7TyljVbus?&#038;autoplay=1\" 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.8.1&#8243; background_color=&#8221;#F4F4F4&#8243; custom_padding=&#8221;50px|0|50px|0px|false|false&#8221;][et_pb_row _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.0&#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;]<\/p>\n<p><span style=\"text-decoration: underline;\">Table of Contents:<\/span><\/p>\n<ul>\n<li><a href=\"#ui_overview\">UI Overview<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<h2 id=\"ui_overview\">UI Overview<\/h2>\n<p>This is the default view of the UI that appears on the screen after user login activity once the account is (required only the first time).<\/p>\n<p><span>\u00a0<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/1.jpg\" width=\"1920\" height=\"943\" alt=\"1\" class=\"wp-image-232430 alignnone size-full\" title=\"\" srcset=\"https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/1.jpg 1920w, https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/1-1280x629.jpg 1280w, https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/1-980x481.jpg 980w, https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/1-480x236.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1920px, 100vw\" \/><\/span><\/p>\n<h2 id=\"accessing-mb\"><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][dvmd_table_maker tbl_column_header_count=&#8221;0&#8243; tbl_row_header_count=&#8221;0&#8243; tbl_responsive_breakpoint=&#8221;none&#8221; tbl_tcell_cell_color=&#8221;#FFFFFF&#8221; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#D6D6D6&#8243; custom_padding=&#8221;5px|0px|5px|0px|true|true&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; border_width_right=&#8221;6px&#8221; border_color_right=&#8221;#FFFFFF&#8221; border_width_left=&#8221;6px&#8221; border_color_left=&#8221;#FFFFFF&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_style_tbl_rhead_cell_shadow=&#8221;preset1&#8243; box_shadow_color_tbl_rhead_cell_shadow=&#8221;#000000&#8243;][dvmd_table_maker_item col_label=&#8221;Field name&#8221; col_content=&#8221;<b>Field Name<\/b><br \/>\nActive Profile<br \/>\nNotifications <img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/notification-Icon.jpg%22 width=25><\/img><br \/>\nNavigation Sidebar (Hamburger Menu) <img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/hamburger-icon.jpg%22 width=25><\/img><br \/>\nSwitch Language&#8221; col_column_max_width=&#8221;300px&#8221; col_column_min_width=&#8221;200px&#8221; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][\/dvmd_table_maker_item][dvmd_table_maker_item col_label=&#8221;Description&#8221; col_content=&#8221;<b>Description<\/b><br \/>\nIt is located at the top left corner of the UI next to Current Profile. It displays the name of the active profile. User can access the following:<\/p>\n<ul>\n<li>Profile: Change the profile settings<\/li>\n<li>Activities: View your calendar<\/li>\n<li>Tutorial<\/li>\n<li>Short cut to Facebook profile<\/li>\n<li>Change password<\/li>\n<li>Logout<\/li>\n<\/ul>\n<p><img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/1-2.gif%22><\/img><br \/>\nThe alarm icon beside the active profile displays all the latest notifications that are either new or unread by a user. <img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/3.0.jpg%22><\/img><br \/>\nIt is located in the top left corner of the UI. Click on the hamburger menu icon <img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/hamburger-icon.jpg%22 width=25><\/img> to expand\/minimize it. It allows the user to switch between various views provided by Messenger Bot\u2019s UI. <img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/4.1-4.gif%22><\/img><br \/>\nIt is located at the bottom right of the UI. Click on the already selected language, a list of available languages will appear on the screen. Select any language to which you want to switch. <img src=%22https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/5-6.gif%22><\/img>&#8221; col_chead_cell_color=&#8221;RGBA(0,0,0,0)&#8221; col_rhead_cell_color=&#8221;RGBA(0,0,0,0)&#8221; col_tcell_text_wrap=&#8221;normal&#8221; col_rhead_text_wrap=&#8221;normal&#8221; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][\/dvmd_table_maker_item][\/dvmd_table_maker][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;50px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text ul_position=&#8221;inside&#8221; ul_item_indent=&#8221;44px&#8221; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; ul_font=&#8221;||||||||&#8221; custom_padding=&#8221;6px||||false|false&#8221;]<\/p>\n<p>To have a detailed overview for each, click on the respective section name from the list of various views shared below:<\/p>\n<ul>\n<li><span>Dashboard<\/span><\/li>\n<li><span>My Account<\/span><\/li>\n<li><span>Customer Support<\/span><\/li>\n<li><span>Tutorials<\/span><\/li>\n<li><span>Import Account<\/span><\/li>\n<li><span>Flow Builder<\/span><\/li>\n<li><span>Opt-in Form Builder<\/span><\/li>\n<li><span>Facebook Interest Explorer<\/span><\/li>\n<li><span>Automation<\/span><\/li>\n<li><span>Broadcasting<\/span><\/li>\n<li><span>Ecommerce<\/span><\/li>\n<li><span>GMB Manager<\/span><\/li>\n<li><span>Messenger Bot<\/span><\/li>\n<li><span>Social Media Management<\/span><\/li>\n<li><span>Subscriber Manager<\/span><\/li>\n<li><span>Image Editor<\/span><\/li>\n<li><span>Search Tools<\/span><\/li>\n<li><span>Affiliate Program<\/span><\/li>\n<li><span>Payment<\/span><\/li>\n<li><span>Support Desk<\/span><span><\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/02\/7-8.gif&#8221; title_text=&#8221;7-8&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|58px||58px|false|true&#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\/zh_hk\/messenger-bot-ui-overview\/\" data-essbisposttitle=\"Messenger Bot &#8211; UI Overview\" data-essbishovercontainer=\"\"><p>\u76ee\u9304\uff1a\u7528\u6236\u754c\u9762\u6982\u89bd \u7528\u6236\u754c\u9762\u6982\u89bd \u9019\u662f\u7528\u6236\u767b\u9304\u5f8c\u986f\u793a\u5728\u5c4f\u5e55\u4e0a\u7684\u7528\u6236\u754c\u9762\u7684\u9ed8\u8a8d\u8996\u5716\uff08\u50c5\u5728\u9996\u6b21\u767b\u9304\u6642\u9700\u8981\uff09\u3002. \u00a0 <div class=\"et_pb_with_border et_pb_module dvmd_table_maker dvmd_table_maker_0 dvmd_tm_version_4_0_1\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"dvmd_outer\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"dvmd_inner\">\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"dvmd_outer\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"dvmd_inner\">\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/p>","protected":false},"author":1,"featured_media":237497,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","rank_math_title":"Messenger Bot - UI Overview","rank_math_description":"This is the default view of the UI that appears on the screen after user login activity once the account is (required only first time).","rank_math_focus_keyword":"UI","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],"tags":[],"class_list":["post-232424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/posts\/232424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/comments?post=232424"}],"version-history":[{"count":1,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/posts\/232424\/revisions"}],"predecessor-version":[{"id":234933,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/posts\/232424\/revisions\/234933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/media\/237497"}],"wp:attachment":[{"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/media?parent=232424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/categories?post=232424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/messengerbot.app\/zh_hk\/wp-json\/wp\/v2\/tags?post=232424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}