{"id":5902,"date":"2021-12-13T10:25:36","date_gmt":"2021-12-13T10:25:36","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/the-email-creator-widgets\/"},"modified":"2022-06-09T12:38:20","modified_gmt":"2022-06-09T12:38:20","slug":"the-email-creator-widgets","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/email\/creator\/widgets\/","title":{"rendered":"The Email Creator Widgets"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The Email Creator Widgets offer you all the design elements you might need to design your Email campaigns.<\/p>\n<p>This article gives you an overview of all the Email creator widgets and the purpose they serve.<\/p>\n<p>Before you proceed, make sure that you are familiar with the basic steps involved in <a href=\"\/hc\/en_IN\/email\/creator\/how-to-create-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">creating an Email<\/a>.<\/p>\n<p>Here&#8217;s a quick recap of the<strong>&nbsp;Email Creator&nbsp;<\/strong>before we proceed:<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3310\" title=\"Email creator workarea\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-creator-drag-drop-widgets.png\" alt=\"Email creator. The work area is highlighted\" width=\"640\" height=\"490\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>The area marked as the <strong>Work area<\/strong> is where you create your Email. You can build your Email by dragging and dropping the required <strong>W<\/strong><strong><strong>idgets<\/strong><\/strong> from the tools area into the <strong>Work area<\/strong>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>The Email Creator Widgets<\/h2>\n<h3>1. Button<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/button\/\" target=\"_blank\" rel=\"noopener noreferrer\">Button widget<\/a> is used for adding a clickable button to your Email. You can configure various click actions for the Button, such as redirecting the clicks to an external web URL, a Landing Page, or trigger a file download, etc.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>2. Text<\/h3>\n<p>As the name suggests, the <a href=\"\/hc\/en_IN\/email\/creator\/text\/\" target=\"_blank\" rel=\"noopener noreferrer\">Text widget<\/a> helps you add text (including special characters and emoticons) to your Email and format it as per your design needs.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>3. Image<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/image\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image widget<\/a> is used for adding images to your Email. You can also hyperlink the image to an external web URL.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>4. Image + Text<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/text-image\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image + Text widget<\/a> is used for adding an image and text combination to your Email. You can edit the relative position of the text with respect to the image as per your design preference.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>5. Video<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/video\/\" target=\"_blank\" rel=\"noopener noreferrer\">Video widget<\/a> is used to add a video to your Email. Currently, we support video addition via Youtube or Vimeo.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>6. Social<\/h3>\n<p>Use the <a href=\"\/hc\/en_IN\/email\/creator\/social\/\" target=\"_blank\" rel=\"noopener noreferrer\">Social widget<\/a> to add social media profile links to your Email. Using this widget, you can add links to your Facebook page, Instagram profile, Twitter handle, Youtube channel, and LinkedIn profiles.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>7. Footer<\/h3>\n<p>An optimized footer section is a marker of a well-designed Email campaign. The <a href=\"\/hc\/en_IN\/email\/creator\/footer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Footer widget<\/a> helps you add a well-designed and optimized footer section to your Email campaign.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>8. Columns<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/columns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns widget<\/a> is used to split the Work area into columns. Then, you can proceed to drag and drop any other widget onto the created columns. For example, add a text\/image\/button or any other design element as per your requirements.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>9. Spacer<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/spacer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spacer widget<\/a> is used for adding a negative space between two widgets. Negative space allows you to create focus areas in your marketing campaigns and makes your campaigns easier to read and visually attractive.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>10. Line<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/line\/\" target=\"_blank\" rel=\"noopener noreferrer\">Line widget<\/a> is used for adding a horizontal line to the Email. You can customize the width and color, etc., of the line.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>11. Link<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/link\/\" target=\"_blank\" rel=\"noopener noreferrer\">Link widget<\/a> helps you add a <strong>View on Web<\/strong> option to your Email. By default, this widget is added at the top for every new Email that you create.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>12. Section<\/h3>\n<p>The <a href=\"\/hc\/en_IN\/email\/creator\/section\/\" target=\"_blank\" rel=\"noopener noreferrer\">Section widget<\/a> helps you add distinct content sections to your Email. A section along with the widgets it contains can be moved\/copied\/deleted as a single unit.<\/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 Email Creator widgets offer you all the design elements you might need to design your Email campaigns. This article gives you an overview of the widgets and the purpose they serve.<\/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-5902","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\/5902","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=5902"}],"version-history":[{"count":4,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb\/5902\/revisions"}],"predecessor-version":[{"id":9660,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb\/5902\/revisions\/9660"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/media?parent=5902"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb-category?post=5902"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/wp-json\/wp\/v2\/ht-kb-tag?post=5902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}