{"id":626,"date":"2015-05-14T16:04:53","date_gmt":"2015-05-14T20:04:53","guid":{"rendered":"http:\/\/gregkrehbiel.com\/marketing\/?p=626"},"modified":"2015-05-14T16:16:38","modified_gmt":"2015-05-14T20:16:38","slug":"best-practices-for-emails-to-mobile-devices","status":"publish","type":"post","link":"https:\/\/gregkrehbiel.com\/marketing\/2015\/05\/14\/best-practices-for-emails-to-mobile-devices\/","title":{"rendered":"Best practices for emails to mobile devices"},"content":{"rendered":"<p>More and more people are reading emails on smartphones. For some senders <i>a majority<\/i> of the recipients open their emails on mobile devices. <\/P> <\/p>\n<p>On the web, you can make a page &#8220;responsive&#8221; &#8212; which means that the server detects what kind of a device is asking for the page, and renders it accordingly. You can have one design for desktop, one for tablet, one for smartphone, etc. <\/p>\n<p>That doesn&#8217;t work with email. People who talk about &#8220;responsive&#8221; email design are confused. <\/p>\n<p>To design emails for mobile devices you have to choose a layout that will work for all email browsers on whatever kind of device. In short, that means <i>keep it simple<\/i>. <\/p>\n<p>I&#8217;ve looked up a bunch of articles on the topic, and this, I think, is the best way to go. Follow these principles for your emails so they&#8217;ll display well on mobile devices. <\/p>\n<ul>\n<li> Link to a &#8220;view this in a web browser&#8221; version\n<li> Use a single column layout\n<li> The width should be 580px or smaller\n<li> Use tables for positioning\n<li> Put your call to action near the top\n<li> Leave room around clickable text and objects to accommodate fat fingers\n<li> Don&#8217;t put links too close together\n<li> Consider small buttons (40 x 40 pixels with 10 pixels of padding) instead of text links for calls to action\n<li> Min. 14px for text and 22px for headlines\n<li> Break up the text more by using short paragraphs\n<li> Limit images to no more than 250px wide, and keep the file size small (less than 20k)\n<li> Always use alt tags on images\n<li> As with all e-mails, do not use css (except inline) <\/ul>\n<p>Of course that&#8217;s only half the battle. If you want your recipients to take the next step to a landing page, you also have to optimize that for mobile &#8212; and for m-commerce. That&#8217;s another matter. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>More and more people are reading emails on smartphones. For some senders a majority of the recipients open their emails on mobile devices. On the web, you can make a page &#8220;responsive&#8221; &#8212; which means that the server detects what kind of a device is asking for the page, and renders it accordingly. You can &#8230;<\/p>\n<p><a href=\"https:\/\/gregkrehbiel.com\/marketing\/2015\/05\/14\/best-practices-for-emails-to-mobile-devices\/\" class=\"more-link\">Continue reading &lsquo;Best practices for emails to mobile devices&rsquo; &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-626","post","type-post","status-publish","format-standard","hentry","category-publishing"],"_links":{"self":[{"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/posts\/626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/comments?post=626"}],"version-history":[{"count":4,"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/posts\/626\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/posts\/626\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/media?parent=626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/categories?post=626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gregkrehbiel.com\/marketing\/wp-json\/wp\/v2\/tags?post=626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}