{"id":25799,"date":"2013-09-11T12:48:00","date_gmt":"2013-09-11T11:48:00","guid":{"rendered":"http:\/\/www.smartinsights.com\/?p=25799"},"modified":"2013-09-11T15:05:40","modified_gmt":"2013-09-11T14:05:40","slug":"responsive-email-design-infographic","status":"publish","type":"post","link":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/","title":{"rendered":"Responsive Email Design [Infographics]"},"content":{"rendered":"<h2>How to create a mobile friendly email<\/h2>\n<p>In May we shared the second infographic in this post from Email Monks which summarises the importance of creating mobile responsive Email designs.<\/p>\n<p>In September Litmus published another <a href=\"https:\/\/litmus.com\/blog\/the-how-to-guide-to-responsive-email-design-infographic\">infographic on responsive email design<\/a>. We thought this was well worth sharing also since it\u00a0adds to the first with a technical explanation of \u00a0How to Create a responsive email design with a code sample. \u00a0<\/p>\n<p><a href=\"http:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-29846\" alt=\"responsive-email-design\" src=\"http:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-550x3142.png\" width=\"550\" height=\"3142\" srcset=\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-550x3142.png 550w, https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-26x150.png 26w, https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-600x3428.png 600w, https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-70x400.png 70w, https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png 975w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p><a title=\"emailmonks\" href=\"http:\/\/www.emailmonks.com\/\" target=\"_blank\">Email Monks<\/a>\u00a0infographic on\u00a0<b>Mobile Friendly Emails<\/b>\u00a0will walk you through the importance of adapting responsive mobile email design techniques in 2013.<em>\u00a0<\/em><\/p>\n<blockquote>\n<p><em>With 43% of the people now reading and responding to emails through mobiles and 97% just viewing their emails once, it is high time marketers should use responsive mobile email design and coding techniques to stop providing bad experience to more than 50% of the email subscribers.<\/em><\/p>\n<\/blockquote>\n<p>Email Monks code mobile friendly responsive emails and share their expertise in this infographic.<\/p>\n<p><a href=\"http:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-mobile-templates.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-25800\" alt=\"responsive-email-design-mobile-infographic\" src=\"http:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-mobile-templates-600x3757.gif\" width=\"600\" height=\"3757\" srcset=\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-mobile-templates-600x3757.gif 600w, https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design-mobile-templates-550x3444.gif 550w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to create a mobile friendly email In May we shared the second infographic in this post from Email Monks which summarises the importance of creating mobile responsive Email designs. In September Litmus published another infographic on responsive email design. &hellip;..<\/p>\n","protected":false},"author":96,"featured_media":29846,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-25799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-creative-and-copywriting","srace-engage"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive Email Design [Infographics] | Smart Insights<\/title>\n<meta name=\"description\" content=\"Responsive Email Design [Infographics] How to create a mobile friendly emailIn May we shared the second infographic in this post from Email Monks which summarises the importance of creating.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Email Design [Infographics] | Smart Insights\" \/>\n<meta property=\"og:description\" content=\"Responsive Email Design [Infographics] How to create a mobile friendly emailIn May we shared the second infographic in this post from Email Monks which summarises the importance of creating.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Insights\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/smartinsights\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-11T11:48:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-09-11T14:05:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"975\" \/>\n\t<meta property=\"og:image:height\" content=\"5571\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Expert commentator\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@smartinsights\" \/>\n<meta name=\"twitter:site\" content=\"@smartinsights\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Expert commentator\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/\",\"url\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/\",\"name\":\"Responsive Email Design [Infographics] | Smart Insights\",\"isPartOf\":{\"@id\":\"https:\/\/www.smartinsights.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png\",\"datePublished\":\"2013-09-11T11:48:00+00:00\",\"dateModified\":\"2013-09-11T14:05:40+00:00\",\"author\":{\"@id\":\"https:\/\/www.smartinsights.com\/#\/schema\/person\/e0c23c050e2fe4f0dead3cc46d3b909f\"},\"description\":\"Responsive Email Design [Infographics] How to create a mobile friendly emailIn May we shared the second infographic in this post from Email Monks which summarises the importance of creating.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#primaryimage\",\"url\":\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png\",\"contentUrl\":\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png\",\"width\":975,\"height\":5571},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.smartinsights.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Email Design [Infographics]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.smartinsights.com\/#website\",\"url\":\"https:\/\/www.smartinsights.com\/\",\"name\":\"Smart Insights\",\"description\":\"Digital Marketing &gt; The Marketing Strategy Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.smartinsights.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.smartinsights.com\/#\/schema\/person\/e0c23c050e2fe4f0dead3cc46d3b909f\",\"name\":\"Expert commentator\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.smartinsights.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d14fd9b3fb34d5b3e6aaaa0686d1ac5a?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d14fd9b3fb34d5b3e6aaaa0686d1ac5a?s=96&d=identicon&r=g\",\"caption\":\"Expert commentator\"},\"description\":\"This is a post we've invited from a digital marketing specialist who has agreed to share their expertise, opinions and case studies. Their details are given at the end of the article.\",\"sameAs\":[\"http:\/\/www.smartinsights.com\/\"],\"url\":\"https:\/\/www.smartinsights.com\/author\/guest-expert\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Email Design [Infographics] | Smart Insights","description":"Responsive Email Design [Infographics] How to create a mobile friendly emailIn May we shared the second infographic in this post from Email Monks which summarises the importance of creating.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Email Design [Infographics] | Smart Insights","og_description":"Responsive Email Design [Infographics] How to create a mobile friendly emailIn May we shared the second infographic in this post from Email Monks which summarises the importance of creating.","og_url":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/","og_site_name":"Smart Insights","article_publisher":"https:\/\/www.facebook.com\/smartinsights","article_published_time":"2013-09-11T11:48:00+00:00","article_modified_time":"2013-09-11T14:05:40+00:00","og_image":[{"width":975,"height":5571,"url":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png","type":"image\/png"}],"author":"Expert commentator","twitter_card":"summary_large_image","twitter_creator":"@smartinsights","twitter_site":"@smartinsights","twitter_misc":{"Written by":"Expert commentator","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/","url":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/","name":"Responsive Email Design [Infographics] | Smart Insights","isPartOf":{"@id":"https:\/\/www.smartinsights.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#primaryimage"},"image":{"@id":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png","datePublished":"2013-09-11T11:48:00+00:00","dateModified":"2013-09-11T14:05:40+00:00","author":{"@id":"https:\/\/www.smartinsights.com\/#\/schema\/person\/e0c23c050e2fe4f0dead3cc46d3b909f"},"description":"Responsive Email Design [Infographics] How to create a mobile friendly emailIn May we shared the second infographic in this post from Email Monks which summarises the importance of creating.","breadcrumb":{"@id":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#primaryimage","url":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png","contentUrl":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2013\/05\/responsive-email-design.png","width":975,"height":5571},{"@type":"BreadcrumbList","@id":"https:\/\/www.smartinsights.com\/email-marketing\/email-creative-and-copywriting\/responsive-email-design-infographic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.smartinsights.com\/"},{"@type":"ListItem","position":2,"name":"Responsive Email Design [Infographics]"}]},{"@type":"WebSite","@id":"https:\/\/www.smartinsights.com\/#website","url":"https:\/\/www.smartinsights.com\/","name":"Smart Insights","description":"Digital Marketing &gt; The Marketing Strategy Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smartinsights.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.smartinsights.com\/#\/schema\/person\/e0c23c050e2fe4f0dead3cc46d3b909f","name":"Expert commentator","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.smartinsights.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d14fd9b3fb34d5b3e6aaaa0686d1ac5a?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d14fd9b3fb34d5b3e6aaaa0686d1ac5a?s=96&d=identicon&r=g","caption":"Expert commentator"},"description":"This is a post we've invited from a digital marketing specialist who has agreed to share their expertise, opinions and case studies. Their details are given at the end of the article.","sameAs":["http:\/\/www.smartinsights.com\/"],"url":"https:\/\/www.smartinsights.com\/author\/guest-expert\/"}]}},"_links":{"self":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/posts\/25799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/comments?post=25799"}],"version-history":[{"count":3,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/posts\/25799\/revisions"}],"predecessor-version":[{"id":26014,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/posts\/25799\/revisions\/26014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/media\/29846"}],"wp:attachment":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/media?parent=25799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/categories?post=25799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/tags?post=25799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}