{"id":236020,"date":"2021-05-14T22:41:38","date_gmt":"2021-05-15T05:41:38","guid":{"rendered":"https:\/\/messengerbot.app\/?p=236020"},"modified":"2026-04-19T09:14:12","modified_gmt":"2026-04-19T16:14:12","slug":"cach-tao-mau-email-trong-bot-messenger","status":"publish","type":"post","link":"https:\/\/messengerbot.app\/vi\/how-to-create-email-templates-in-messenger-bot\/","title":{"rendered":"C\u00e1ch T\u1ea1o M\u1eabu Email Trong Bot Messenger"},"content":{"rendered":"<input type=\"hidden\" value=\"\" data-essbisPostContainer=\"\" data-essbisPostUrl=\"https:\/\/messengerbot.app\/vi\/how-to-create-email-templates-in-messenger-bot\/\" data-essbisPostTitle=\"How To Create Email Templates In Messenger Bot\" 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;][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.3&#8243; _module_preset=&#8221;default&#8221;]<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/SvE4CZx-CZA?&#038;autoplay=1\" 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;][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.3&#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;]<span style=\"text-decoration: underline;\">Table of Contents:<\/span><\/p>\n<ul>\n<li><a href=\"#create_email_temp\">How To Create Email Templates In Messenger Bot<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/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;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<h2 id=\"create_email_temp\"><strong><span>How To Create Email Templates In Messenger Bot<\/span><\/strong><\/h2>\n<p><span>Now, there&#8217;s no need to pay third parties for building email templates!<\/span><\/p>\n<p><span>Messenger Bot has come up with a brand new module called <strong>Drag &amp; Drop Email Template Builder<\/strong>. It has a very simple interface. It has been made such a way that its user <strong>can create an HTML Email template<\/strong> within a few seconds. Just <strong>drag and drop the element<\/strong>s you need and <strong>build your HTML email templates<\/strong> without paying third-party services for months.<\/span><\/p>\n<p><span>Let\u2019s see how to build your email templates for your products or any other purposes. Today, I\u2019m going to show you how to create an HTML email template using Messenger Bot\u2019s Drag &amp; Drop Email Template Builder. Say, we\u2019re going to create a campaign for our specific product.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Log in to your Messenger Bot\u2019s dashboard. Click on the menu named <strong>Broadcasting &gt; Email Broadcasting<\/strong>.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/1.EmailTemplates.png&#8221; title_text=&#8221;1.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>When you\u2019re on that page, find out the section that says <strong>Email Templates<\/strong> and click on the <strong>Actions<\/strong> link. After clicking, you should see an interface where you can find templates that have already been created.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/2-3.EmailTemplates.gif&#8221; title_text=&#8221;2-3.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>When you\u2019re there, click on the button named <strong>New template<\/strong> and then click again on the link named <strong>Drag &amp; Drop<\/strong>. It will take you to the interface where you need to choose which template you\u2019re going to work with.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/4-5.0.EmailTemplates.gif&#8221; title_text=&#8221;4-5.0.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#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;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>In my case, I\u2019m going to choose the builder <strong>template without sidebars<\/strong> as marked below:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/5.1.EmailTemplates.png&#8221; title_text=&#8221;5.1.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Now it\u2019s time to <strong>build the email template<\/strong> for the product I want to promote\/campaign with. But before starting, let me tell you what <strong>components<\/strong> do what tasks. Please check out notes on the following screenshot:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/6.EmailTemplates.png&#8221; title_text=&#8221;6.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Well, assuming, we are now somewhat familiar with the components and parts of the template builder. Let start building our template. First, I will change the <strong>background color of the body<\/strong>. To do that you need to click on the <strong>Layout options<\/strong> button which is the <strong>1st button<\/strong> from the left side as the screenshot says below:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/7.EmailTemplates.png&#8221; title_text=&#8221;7.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Upon clicking on that button, it will open up a <strong>box from the left side<\/strong> as seen on-screen: (<strong>set<\/strong> up the body <strong>background color to sky blue<\/strong>.)<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/8.EmailTemplates.png&#8221; title_text=&#8221;8.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#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;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>You may choose the one that you prefer. Now I will save the template and continue editing. To save and continue editing the template, I will click on the <strong>Save template<\/strong> button. Okay, now our template has been saved. Now I will drag the <strong>image element<\/strong> from the <strong>Drag &amp; Drop elements<\/strong> bar to the middle section of the template. It will look like the following screenshot:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/9.EmailTemplates.png&#8221; title_text=&#8221;9.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Now click on the <strong>dummy image<\/strong> that we get after dragging the image element. It will <strong>pop up a tiny modal<\/strong>. You can either <strong>upload an image<\/strong> from your computer or put the <strong>image source<\/strong> in the specified <strong>input field<\/strong>. Check out the following screenshot:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/10.EmailTemplates.png&#8221; title_text=&#8221;10.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Now I will u<strong>pload my product\u2019s image<\/strong>, for example, and set the <strong>product\u2019s link<\/strong> to the image as described in the screenshot above.<\/span><\/p>\n<p>[\/et_pb_text][\/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;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Next, I will <strong>add a button<\/strong>. To do that I need to drag the <strong>button element<\/strong> to the <strong>template\u2019s end section<\/strong>.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/11.EmailTemplates.png&#8221; title_text=&#8221;11.EmailTemplates&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>And to change its background color and to set up a link to the product\u2019s page I need to <strong>click on the button<\/strong> and will <strong>get this modal<\/strong> after:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/12.EmailTemplates.png&#8221; title_text=&#8221;12.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>Now I will add a couple of <strong>link elements and a text element<\/strong>. Before doing that let\u2019s see what\u2019s in it. Check out the screenshot below:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/13.EmailTemplates.png&#8221; title_text=&#8221;13.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#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;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>I\u2019ve added <strong>two text elements<\/strong> and <strong>made two links<\/strong>. One is for the <strong>Facebook page<\/strong> and the other is for <strong>unsubscribing<\/strong>. Now I\u2019m done. See its <strong>preview<\/strong> as the following:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/14.EmailTemplates.png&#8221; title_text=&#8221;14.EmailTemplates&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<p><span>As I&#8217;m done with building the HTML email template, it&#8217;s time to save the template and quit the interface. To do that you need to click on the <strong>Save &amp; Quit<\/strong> button. It will then <strong>pop up a modal<\/strong> that will ask for the <strong>Template name and Email Subject<\/strong> So fill out the following and click on the <strong>OK<\/strong> button when done. See the following screenshot:<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/messengerbot.app\/wp-content\/uploads\/2021\/04\/15.EmailTemplates.png&#8221; title_text=&#8221;15.EmailTemplates&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#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\/vi\/how-to-create-email-templates-in-messenger-bot\/\" data-essbisPostTitle=\"How To Create Email Templates In Messenger Bot\" data-essbisHoverContainer=\"\"><p>Table of Contents: How To Create Email Templates In Messenger Bot How To Create Email Templates In Messenger Bot Now, there&#8217;s no need to pay third parties for building email templates! Messenger Bot has come up with a brand new module called Drag &amp; Drop Email Template Builder. It has a very simple interface. It has been made such a way that its user can create an HTML Email template within a few seconds. Just drag and drop the elements you need and build your HTML email templates without paying third-party services for months. Let\u2019s see how to build your email templates for your products or any other purposes. Today, I\u2019m going to show you how to create an HTML email template using Messenger Bot\u2019s Drag &amp; Drop Email Template Builder. Say, we\u2019re going to create a campaign for our specific product.Log in to your Messenger Bot\u2019s dashboard. Click on the menu named Broadcasting &gt; Email Broadcasting.When you\u2019re on that page, find out the section that says Email Templates and click on the Actions link. After clicking, you should see an interface where you can find templates that have already been created.When you\u2019re there, click on the button named New [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":236026,"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":"How To Create Email Templates In Messenger Bot","rank_math_description":"No need to pay third parties for building email templates! Messenger Bot has come up with a brand new module called Drag & Drop...","rank_math_focus_keyword":"Email Templates","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,40],"tags":[],"class_list":["post-236020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-email"],"_links":{"self":[{"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/posts\/236020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/comments?post=236020"}],"version-history":[{"count":15,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/posts\/236020\/revisions"}],"predecessor-version":[{"id":237548,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/posts\/236020\/revisions\/237548"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/media\/236026"}],"wp:attachment":[{"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/media?parent=236020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/categories?post=236020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/messengerbot.app\/vi\/wp-json\/wp\/v2\/tags?post=236020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}