{"id":3697,"date":"2015-01-12T08:00:19","date_gmt":"2015-01-12T07:00:19","guid":{"rendered":"http:\/\/www.digitalresponse.es\/blog\/?p=3697"},"modified":"2015-01-12T08:00:19","modified_gmt":"2015-01-12T07:00:19","slug":"2015-sera-el-ano-del-responsive-email-design","status":"publish","type":"post","link":"https:\/\/www.digitalresponse.es\/en\/2015-sera-el-ano-del-responsive-email-design\/","title":{"rendered":"2015 will be the year of Responsive Email Design"},"content":{"rendered":"<p>It seems incredible that we have had to wait so long to see responsive design become a reality in the email marketing sector, but today, at Digital Response we dare to say that 2015 will be the year in which this technique becomes commonplace for brands.<!--more--> There have been many<a title=\"Design at least mobile friendly emails\" href=\"https:\/\/www.digitalresponse.es\/en\/blog\/disena-al-menos-emails-mobile-friendly\/\"> limitations posed by email clients <\/a>and great the effort of the developers to develop<a title=\"Solutions to the main email display problems\" href=\"https:\/\/www.digitalresponse.es\/en\/blog\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\"> hacks that would allow us to create customisable emails<\/a> according to the resolution of the reading devices. And at the end of 2014 we began to notice that brands are jumping into the responsive design pool and email marketing professionals feel much more comfortable with this technique, which is nothing new in the field of web design.<br \/>\n<a href=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-2319 aligncenter\" src=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png\" alt=\"email-movil-2\" width=\"322\" height=\"378\" \/><\/a><br \/>\n<strong>Why didn't it come sooner?<\/strong><br \/>\nAs we said, different email clients have limitations when rendering our HTML\/CSS. Not all services interpret all CSS rules, some add classes that break our layout and some still ignore everything we declare in the  tag, preventing us from applying media queries. All these limitations and incompatibilities mean that companies don't want to take the risk that their email might not look right on ALL clients.<br \/>\n<strong>What has enabled change in 2014?<\/strong><br \/>\nAt the end of 2013 we were beginning to see some <strong>opening statistics on mobile devices<\/strong> which forced us to focus on techniques to improve the user experience. At the beginning of 2014, mobile open rates had already reached 50% and the need for mobile solutions became indisputable. Due to this data, this year has opened a very intense debate on the opportunity that responsive design poses in the field of email marketing. <strong>Developer forums and communities<\/strong> such as that of <a title=\"Litmus Community\" href=\"https:\/\/litmus.com\/community\/\" target=\"_blank\" rel=\"noopener\">Litmus <\/a>have enabled the sharing of problems and solutions, the use and knowledge of which has been spreading. These communities, together with an increase in companies' concern for mobile usability (driven by openness data), have accelerated the process of implementing this technique, despite the fact that email client support is still not optimal, <strong>we have learned how to circumvent the problems and produce usable emails.<\/strong> on all devices by combining different techniques.<br \/>\n<strong>Trend in email development<\/strong><br \/>\nThe use of \"secure\" techniques is widespread for most email clients in order to create adaptive structures. However, not everything is possible, and<strong> the application of responsive design and its limitations in email must be taken into account in the design process.<\/strong> of the contents, to achieve an adaptable and usable email that reaches the inbox of our recipients. Given that with responsive design, the complexity of the layout increases considerably, it is very useful, to reduce the problem and development time, to achieve <strong>templates<\/strong> reliable, with common structures that can be reused.<br \/>\nTo get responsive emails, usable and optimised for deliverability, we recommend you to read the following articles:<br \/>\n<a href=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/12\/Lista.png\"><img decoding=\"async\" class=\"wp-image-3699 alignleft\" src=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/12\/Lista.png\" alt=\"Lista\" width=\"117\" height=\"144\" \/><\/a><\/p>\n<ul>\n<li><a title=\"Responsive Email Design: How to design a mobile-friendly email\" href=\"https:\/\/www.digitalresponse.es\/en\/blog\/responsive-email-design-como-disenar-un-email-para-movil\/\" target=\"_blank\" rel=\"noopener\">How to design a mobile email<\/a>l<\/li>\n<li><a title=\"Responsive Email Design: How to create a responsive email layout\" href=\"https:\/\/www.digitalresponse.es\/en\/blog\/responsive-email-design-como-maquetar-un-email-movil\/\" target=\"_blank\" rel=\"noopener\">How to create a responsive email layout<\/a><\/li>\n<li><a title=\"Responsive Email Design: Responsive Email Design and Layout Example\" href=\"https:\/\/www.digitalresponse.es\/en\/blog\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\" target=\"_blank\" rel=\"noopener\">Responsive email design and layout example<\/a><\/li>\n<li><a title=\"5 Ways to reduce the weight and loading time of your e-mails\" href=\"https:\/\/www.digitalresponse.es\/en\/blog\/5-maneras-de-reducir-el-peso-y-el-tiempo-de-carga-de-tus-emails\/\" target=\"_blank\" rel=\"noopener\">5 Ways to reduce the weight and loading time of your e-mails<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>It seems incredible that we have had to wait so long to see responsive design become a reality in the email marketing sector, but today, at Digital Response we dare to say that 2015 will be the year in which this technique becomes commonplace for brands.<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37,63],"tags":[],"post_folder":[],"class_list":["post-3697","post","type-post","status-publish","format-standard","hentry","category-blog","category-email-movil"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>2015 ser\u00e1 el a\u00f1o del Responsive Email Design - Digital Response<\/title>\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.digitalresponse.es\/en\/2015-sera-el-ano-del-responsive-email-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2015 ser\u00e1 el a\u00f1o del Responsive Email Design - Digital Response\" \/>\n<meta property=\"og:description\" content=\"Parece mentira que hayamos tenido que esperar tanto para ver como el responsive design se convert\u00eda en una realidad en el sector del email marketing, pero a d\u00eda de hoy, en Digital Response nos atrevemos a afirmar que el 2015 ser\u00e1 el a\u00f1o en que esta t\u00e9cnica se convierta en habitual para las marcas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalresponse.es\/en\/2015-sera-el-ano-del-responsive-email-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Response\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/digitalresponse\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-12T07:00:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/07\/responsive-email-marketing.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"alecastellano\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dresponse\" \/>\n<meta name=\"twitter:site\" content=\"@dresponse\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"alecastellano\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/\"},\"author\":{\"name\":\"alecastellano\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe\"},\"headline\":\"2015 ser\u00e1 el a\u00f1o del Responsive Email Design\",\"datePublished\":\"2015-01-12T07:00:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/\"},\"wordCount\":592,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png\",\"articleSection\":[\"Blog\",\"Email M\u00f3vil\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/\",\"url\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/\",\"name\":\"2015 ser\u00e1 el a\u00f1o del Responsive Email Design - Digital Response\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png\",\"datePublished\":\"2015-01-12T07:00:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage\",\"url\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png\",\"contentUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.digitalresponse.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2015 ser\u00e1 el a\u00f1o del Responsive Email Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.digitalresponse.es\/#website\",\"url\":\"https:\/\/www.digitalresponse.es\/\",\"name\":\"Digital Response\",\"description\":\"Email Marketing y Marketing Automation\",\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.digitalresponse.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\",\"name\":\"Digital Response\",\"url\":\"https:\/\/www.digitalresponse.es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png\",\"contentUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png\",\"width\":500,\"height\":135,\"caption\":\"Digital Response\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/digitalresponse\",\"https:\/\/x.com\/dresponse\",\"https:\/\/www.linkedin.com\/company\/digital-response\/\",\"https:\/\/www.youtube.com\/channel\/UCuG-okZhhBKdzJpHRwMrnYg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe\",\"name\":\"alecastellano\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g\",\"caption\":\"alecastellano\"},\"url\":\"https:\/\/www.digitalresponse.es\/en\/author\/alecastellano\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2015 ser\u00e1 el a\u00f1o del Responsive Email Design - Digital Response","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.digitalresponse.es\/en\/2015-sera-el-ano-del-responsive-email-design\/","og_locale":"en_GB","og_type":"article","og_title":"2015 ser\u00e1 el a\u00f1o del Responsive Email Design - Digital Response","og_description":"Parece mentira que hayamos tenido que esperar tanto para ver como el responsive design se convert\u00eda en una realidad en el sector del email marketing, pero a d\u00eda de hoy, en Digital Response nos atrevemos a afirmar que el 2015 ser\u00e1 el a\u00f1o en que esta t\u00e9cnica se convierta en habitual para las marcas.","og_url":"https:\/\/www.digitalresponse.es\/en\/2015-sera-el-ano-del-responsive-email-design\/","og_site_name":"Digital Response","article_publisher":"https:\/\/www.facebook.com\/digitalresponse","article_published_time":"2015-01-12T07:00:19+00:00","og_image":[{"width":640,"height":410,"url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/07\/responsive-email-marketing.png","type":"image\/png"}],"author":"alecastellano","twitter_card":"summary_large_image","twitter_creator":"@dresponse","twitter_site":"@dresponse","twitter_misc":{"Written by":"alecastellano","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#article","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/"},"author":{"name":"alecastellano","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe"},"headline":"2015 ser\u00e1 el a\u00f1o del Responsive Email Design","datePublished":"2015-01-12T07:00:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/"},"wordCount":592,"commentCount":1,"publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"image":{"@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png","articleSection":["Blog","Email M\u00f3vil"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/","url":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/","name":"2015 ser\u00e1 el a\u00f1o del Responsive Email Design - Digital Response","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage"},"image":{"@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png","datePublished":"2015-01-12T07:00:19+00:00","breadcrumb":{"@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#primaryimage","url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png","contentUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalresponse.es\/2015-sera-el-ano-del-responsive-email-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.digitalresponse.es\/"},{"@type":"ListItem","position":2,"name":"2015 ser\u00e1 el a\u00f1o del Responsive Email Design"}]},{"@type":"WebSite","@id":"https:\/\/www.digitalresponse.es\/#website","url":"https:\/\/www.digitalresponse.es\/","name":"Digital Response","description":"Email Marketing and Marketing Automation","publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitalresponse.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.digitalresponse.es\/#organization","name":"Digital Response","url":"https:\/\/www.digitalresponse.es\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/","url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png","contentUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png","width":500,"height":135,"caption":"Digital Response"},"image":{"@id":"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/digitalresponse","https:\/\/x.com\/dresponse","https:\/\/www.linkedin.com\/company\/digital-response\/","https:\/\/www.youtube.com\/channel\/UCuG-okZhhBKdzJpHRwMrnYg"]},{"@type":"Person","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe","name":"alecastellano","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g","caption":"alecastellano"},"url":"https:\/\/www.digitalresponse.es\/en\/author\/alecastellano\/"}]}},"_links":{"self":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/3697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/comments?post=3697"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/3697\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/media?parent=3697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/categories?post=3697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/tags?post=3697"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/post_folder?post=3697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}