{"id":5874,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-text-widget\/"},"modified":"2022-06-09T12:44:54","modified_gmt":"2022-06-09T12:44:54","slug":"email-text-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/email\/creator\/text\/","title":{"rendered":"Email Text Widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The <strong>Text&nbsp;<\/strong>widget helps you add text<em>&nbsp;(including special characters and emoticons)<\/em> to your Email campaigns and format it as per your design needs.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>How to use a Text Widget in an Email campaign?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 1<\/h3>\n<h3>Navigate to the Email Creator<\/h3>\n<p>Use the <strong>Main Menu<\/strong> on the left to create an <strong>Email&nbsp;<\/strong>and subsequently <a href=\"\/hc\/en_IN\/email\/creator\/how-to-create-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigate to our Email Creator<\/a>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 2<\/h3>\n<h3>Add a Text widget to your Email<\/h3>\n<p>The blank area on the left is the <strong>Work area<\/strong> where you design your Email; and the area on the right is the Tools area where all the available design elements are displayed as <a href=\"\/hc\/en_IN\/email\/creator\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Widgets<\/a>.<\/p>\n<p>In order to add text to your Email, drag and drop the <strong>Text<\/strong> widget to the work area <em>(as highlighted in the screenshot below)<\/em>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2088\" title=\"Email text widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-creator-text-widget.png\" alt=\"Email creator, the text widget is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Step 3<\/h3>\n<h3>Type in the relevant text<\/h3>\n<p>Once you drop the widget into the work area, the widget <strong>Settings<\/strong> are displayed on the right <em>(as highlighted in&nbsp;<\/em><em>the screenshot below).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2090\" title=\"Email text settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-text-settings.png\" alt=\"Email creator, text widget. The text widget settings tab is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Type in the text in the typing area. All the formatting options that you might need, for example, text color, size, style, background color, alignment, etc., are available as Text editing tools in the area highlighted in the above screenshot.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><strong>Let&#8217;s have a closer look at our Text Editor Tool:<\/strong><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2091 size-full\" title=\"Email text formatting options\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-text-widget-formating.png\" alt=\"Email creator, text widget. Formatting options in the text editor\" width=\"506\" height=\"122\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h4><strong>3.1 Tools in the first row:<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Source&nbsp;<\/strong>(to toggle the text editor view from visual to code and vice-a-versa)<\/li>\n<li><strong>Bold<\/strong><\/li>\n<li><strong>Italic<\/strong><\/li>\n<li><strong>Underline<\/strong><\/li>\n<li><strong>Numeric Bullets<\/strong><\/li>\n<li><strong>Symbol Bullets<\/strong><\/li>\n<li><strong>Left, Center, Right,&nbsp;<\/strong>and<strong>&nbsp;Justified alignment<\/strong><\/li>\n<li><strong>Text direction<\/strong>&nbsp; (left-to-right and right-to-left)<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4><strong>3.2 Tools in the second row<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Link<em>&nbsp;<\/em><\/strong>(hyperlink options) and Unlink Anchor<\/li>\n<li><strong>Insert Image<\/strong> (link on page)<\/li>\n<li><strong>Text formatting Styles<\/strong> dropdown<\/li>\n<li><strong>Personalize tags<\/strong> (Add merge codes with info from CRM, like First Name, Last Name, Email, etc)<\/li>\n<li><strong>Normal<\/strong> (Paragraph, Heading &amp; more formatting styles)<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4><strong>3.3 Tools in the third row<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Font<\/strong><\/li>\n<li><strong>Font-size<\/strong><\/li>\n<li><strong>Font color<\/strong><\/li>\n<li><strong>Font background color<\/strong><\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3><strong>Step 4<\/strong><\/h3>\n<h3><strong>Style your Text widget<\/strong><\/h3>\n<p>If you wish to change the color of the entire text field background, you can do so by using the <strong>Widget Background Color<\/strong> field under the <strong>Style<\/strong> tab.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2092\" title=\"Email text style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-text-widget-style.png\" alt=\"Email creator, text widget. The text widget style tab is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Click <strong>Save&nbsp;<\/strong>and that\u2019s it!<\/p>\n<p>You have successfully added a text block to your Email!<\/p>\n<p>Let&#8217;s proceed, and have a look at how to add <strong>images&nbsp;<\/strong>to an Email using the <a href=\"\/hc\/en_IN\/email\/creator\/image\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Widget<\/a>!<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>The text widget helps you add text (including special characters and emoticons) to your Email campaigns.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[353],"ht-kb-tag":[],"class_list":["post-5874","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-email-creator-en_in"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb\/5874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/comments?post=5874"}],"version-history":[{"count":4,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb\/5874\/revisions"}],"predecessor-version":[{"id":9672,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb\/5874\/revisions\/9672"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/media?parent=5874"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb-category?post=5874"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb-tag?post=5874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}