{"id":25352,"date":"2018-12-18T14:34:01","date_gmt":"2018-12-18T16:34:01","guid":{"rendered":"https:\/\/powertic.com\/?p=25352"},"modified":"2019-10-22T16:40:42","modified_gmt":"2019-10-22T19:40:42","slug":"5-reasons-to-use-blank-template-in-emails-on-mautic","status":"publish","type":"post","link":"https:\/\/powertic.com\/en\/5-reasons-to-use-blank-template-in-emails-on-mautic\/","title":{"rendered":"5 Reasons to use Blank Template in Emails on Mautic"},"content":{"rendered":"<p>Whenever I am asked about the structure of an email, whether it is a newsletter, a communication or a simple transactional email, I come across some dilemmas about layout, composition, usability and so many other items that should be addressed and the Blank Template always helps my decision.<\/p>\n\n\n\n<p>In this <g class=\"gr_ gr_5 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep\" id=\"5\" data-gr-id=\"5\">article<\/g> I've listed five items that are always in my checklist. These are important features you may not have noticed in the development of your emails with the <a href=\"\/pt-br?page_id=9574\">Mautic<\/a> Blank template. Ready?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Is your email compatible with the major email clients?<\/strong><\/h2>\n\n\n\n<p>According to the litmus <a href=\"https:\/\/emailclientmarketshare.com\/\" target=\"_blank\" rel=\"noopener\">report<\/a> after monitoring more than 1.2 billion emails in April 2018, iPhone's email client continues to be the lead followed by Gmail and the native iPad customer. Incredibly Outlook has less <g class=\"gr_ gr_6 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace\" id=\"6\" data-gr-id=\"6\">marketshare<\/g> than Apple Mail (for MacOS) followed by the Android native email client. These numbers are based on statistics from around the world. I recommend that you bookmark the <a href=\"https:\/\/emailclientmarketshare.com\/\" target=\"_blank\" rel=\"noopener\">website<\/a> with the report that is updated monthly.<\/p>\n\n\n\n<p>With this data in hand based on the North American scenario where Apple and Gmail are the predominate email clients, the question is: Is your email compatible with these main email clients?<\/p>\n\n\n\n<p>For those who answered yes, review these small items:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Have you changed the font family of your email? Remember that most users customize the size, weight, and font family of email clients. You are overwriting this preference.<\/li><li>Are you setting up your email thinking about mobile? Remember that simple, well-formatted email follows the email client rendering pattern. Do not force the bar.<\/li><li>Are you using unsubscribe links as required by Brazilian law? Remember that many providers bar emails that do not have the possibility of unsubscribing.<\/li><\/ul>\n\n\n\n<p>These 3 items are essential for meeting compatibility benchmarks of your email. Do not overlook these points in overly complex email designs. We recommend the Blank Template because by default the Blank Template takes care of these items for you ????<\/p>\n\n\n\n<p>Mautic's native Blank Template centers content and applies a 600px layout to content. If you do not want this layout with 600px you can use our alternative layout that removes 100% of the default layout of the blank theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Download the New Blank Theme<\/strong><br><\/h2>\n\n\n\n<p>Remove all default Mautic mail formatting with this exclusive theme developed by Powertic!<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/powerticmkt\/new-blank-theme\/raw\/master\/new-blank.zip\" target=\"_blank\" rel=\"noopener\"><strong>Download here.<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/powertic.com\/pt-br\/wp-content\/uploads\/sites\/7\/2017\/11\/tema-new-blank.png\" alt=\"\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Do you know how Outlook and Outlook.com work? Blank Template knows!<br><\/h2>\n\n\n\n<p>Many email systems do not pay much attention in Outlook. The mautic Blank Template is compatible with several Outlook standards and if I were you, I would think twice before abandoning it. But if you are not aware of the limitations of Outlook, I suggest that you write down the following items in your personal checklist:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Background images are not supported in DIV and TD (cells)<\/li><li>Float or Positions are not supported through CSS<\/li><li>Shadows are not supported in text (still good, right?)<\/li><li>Unreliable and inconsistent support for margins and paddings<\/li><li>Even more precarious support for Width and Attura through CSS<\/li><li>Problems with Backgrounds in general<\/li><\/ul>\n\n\n\n<p>Yes, Outlook is not capable of most items that <g class=\"gr_ gr_4 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar multiReplace\" id=\"4\" data-gr-id=\"4\">makes<\/g> our emails look more beautiful. So always opt for the simple approach ????<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stay tuned with image lock<\/h2>\n\n\n\n<p>While Google now allows images from safe environments to appear automatically, the latest versions of Outlook for Windows and Mac block images by default. Therefore, it is advisable that you try to write consistent and useful ALT attributes if your images are blocked.<\/p>\n\n\n\n<p>Here is an example of an email where the images have been blocked and nothing can be accurately viewed, making the email unreadable:<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/powertic.com\/wp-content\/uploads\/2018\/12\/jcrew-images-off.png\" alt=\"\" class=\"wp-image-25355\" title=\"\"><\/figure>\n\n\n\n<p>Now with a little more care, you can compose emails with over 70% text so that if your images are blocked your message is consistent and does not detract from the user experience. Look:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/powertic.com\/wp-content\/uploads\/2018\/12\/exacttarget-images-off-aol-chrome.jpg\" alt=\"\" class=\"wp-image-25356\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile Compatible Buttons<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/powertic.com\/?page_id=9536\">Mautic<\/a> Blank Template provides 3 button sizes that are fully compatible with mobile devices. Nothing is more annoying than trying to touch a link and end up accessing the link on the side.<\/p>\n\n\n\n<p><g class=\"gr_ gr_6 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep\" id=\"6\" data-gr-id=\"6\">Also<\/g> remember to give the button a little breathing room. Avoid placing text just above or below to avoid an involuntary selection or a very close image. Think about your user ????<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preview Text<br><\/h2>\n\n\n\n<p>Since Mautic 2.8 where we can use a code widget in Email <g class=\"gr_ gr_6 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep\" id=\"6\" data-gr-id=\"6\">Builder<\/g> it is even easier to include the Preview Text in your emails. There is a very interesting tip where we can insert a series of white spaces after the preview so that other texts are not visualized. Go ahead and explore the code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=\"display: none; max-height: 0px; overflow: hidden;\"> \nHere the Preview&lt;\/div> \n&lt;div style=\"display: none; max-height: 0px; overflow: hidden;\">&lt;\/div><\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>This way you get a lot of white space in the email preview. See this example:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/powertic.com\/wp-content\/uploads\/2018\/12\/hp-preview-text.png\" alt=\"\" class=\"wp-image-25358\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>I hope these 5 tips help your email marketing campaigns and allow you to clearly see the important benefits of using the Blank Template. ????<\/p>","protected":false},"excerpt":{"rendered":"<p>Whenever I am asked about the structure of an email, whether it is a newsletter, a communication or a simple transactional email, I come across&hellip;<\/p>","protected":false},"author":16,"featured_media":43431,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2973],"tags":[],"class_list":["post-25352","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mautic-4"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/posts\/25352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/comments?post=25352"}],"version-history":[{"count":0,"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/posts\/25352\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/media\/43431"}],"wp:attachment":[{"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/media?parent=25352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/categories?post=25352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/powertic.com\/en\/wp-json\/wp\/v2\/tags?post=25352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}