{"id":2284,"date":"2013-12-09T07:07:09","date_gmt":"2013-12-09T07:07:09","guid":{"rendered":"http:\/\/www.digitalresponse.es\/blog\/?p=2284"},"modified":"2013-12-09T07:07:09","modified_gmt":"2013-12-09T07:07:09","slug":"email-movil-responsive-email-design-que-es-responsive-design","status":"publish","type":"post","link":"https:\/\/www.digitalresponse.es\/en\/email-movil-responsive-email-design-que-es-responsive-design\/","title":{"rendered":"Responsive Email Design: what is responsive design?"},"content":{"rendered":"

En otros posts hemos analizado la necesidad de adaptar nuestras campa\u00f1as de email marketing al m\u00f3vil<\/strong><\/a> y nos hemos acercado a different techniques<\/a> para adaptarnos a la nueva situaci\u00f3n. En los pr\u00f3ximos art\u00edculos nos centramos en la t\u00e9cnica que parece ser el futuro de la adaptaci\u00f3n de los emails: el Responsive Design.<\/strong>
\n
\nEl Responsive Design o dise\u00f1o adaptativo consiste en un mismo HTML que responde a reglas distintas de CSS seg\u00fan el ancho del dispositivo donde se muestra. Es decir, el design<\/strong>, dentro de las posibilidades de la estructura HTML puede cambiar seg\u00fan el ancho de pantalla del dispositivo<\/strong>. Teniendo en cuenta las altas tasas de apertura m\u00f3vil de los emails a d\u00eda de hoy, cabe preguntarnos si esta t\u00e9cnica puede ser la respuesta para ofrecer una mejor experiencia al usuari<\/strong>o en estos dispositivos. Por ello, dedicaremos los pr\u00f3ximos posts al Responsive Email Design.<\/strong>
\n\"email-movil\"<\/a>
\nPara entenderlo f\u00e1cilmente y antes de meternos en aspectos t\u00e9cnicos en los pr\u00f3ximos posts lo mostraremos as\u00ed:
\nESCRITORIO:<\/em>
\nPara dispositivos con un ancho mayor de 600px {dise\u00f1o principal en 2 columnas}<\/em><\/span>
\nTABLETA:<\/em>
\nPara dispositivos con un ancho entre 480px y 768px {<\/em><\/span>
\nBotones medianos;<\/em><\/span>
\n}<\/em><\/span>
\nMOBILE<\/em>
\nPara dispositivos con un ancho menor de 480px {<\/em><\/span>
\nbotones m\u00e1s grandes;<\/em><\/span>
\nestructura en una columna;<\/em><\/span>
\nespacio mayor para hacer click en los enlaces;<\/em><\/span>
\nfuente m\u00e1s grande;}<\/em><\/span>
\nDe esta manera, podemos aplicar reglas distintas seg\u00fan el dispositivo y mejorar la experiencia del usuario. Sin embargo nos encontramos un obst\u00e1culo importante en la aplicaci\u00f3n de esta t\u00e9cnica: la compatibility<\/strong> en los distintos servicios de email en m\u00f3vil y escritorio, de la que hablaremos en el pr\u00f3ximo art\u00edculo.
\nPara saber m\u00e1s sobre adaptaci\u00f3n de\u00a0Email en m\u00f3vil<\/a>, descarga nuestro\u00a0ebook<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

In other posts we have analysed the need to adapt our email marketing campaigns to mobile and we have approached different techniques to adapt to the new situation. In the next articles we will focus on the technique that seems to be the future of email adaptation: Responsive Design.<\/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-2284","post","type-post","status-publish","format-standard","hentry","category-blog","category-email-movil"],"acf":[],"yoast_head":"\nResponsive Email Design: \u00bfqu\u00e9 es responsive 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\/email-movil-responsive-email-design-que-es-responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Email Design: \u00bfqu\u00e9 es responsive design? - Digital Response\" \/>\n<meta property=\"og:description\" content=\"En otros posts hemos analizado la necesidad de adaptar nuestras campa\u00f1as de email marketing al m\u00f3vil y nos hemos acercado a distintas t\u00e9cnicas para adaptarnos a la nueva situaci\u00f3n. En los pr\u00f3ximos art\u00edculos nos centramos en la t\u00e9cnica que parece ser el futuro de la adaptaci\u00f3n de los emails: el Responsive Design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalresponse.es\/en\/email-movil-responsive-email-design-que-es-responsive-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=\"2013-12-09T07:07:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/\"},\"author\":{\"name\":\"alecastellano\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe\"},\"headline\":\"Responsive Email Design: \u00bfqu\u00e9 es responsive design?\",\"datePublished\":\"2013-12-09T07:07:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/\"},\"wordCount\":314,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png\",\"articleSection\":[\"Blog\",\"Email M\u00f3vil\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/\",\"url\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/\",\"name\":\"Responsive Email Design: \u00bfqu\u00e9 es responsive design? - Digital Response\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png\",\"datePublished\":\"2013-12-09T07:07:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage\",\"url\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png\",\"contentUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.digitalresponse.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Email Design: \u00bfqu\u00e9 es responsive 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":"Responsive Email Design: \u00bfqu\u00e9 es responsive 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\/email-movil-responsive-email-design-que-es-responsive-design\/","og_locale":"en_GB","og_type":"article","og_title":"Responsive Email Design: \u00bfqu\u00e9 es responsive design? - Digital Response","og_description":"En otros posts hemos analizado la necesidad de adaptar nuestras campa\u00f1as de email marketing al m\u00f3vil y nos hemos acercado a distintas t\u00e9cnicas para adaptarnos a la nueva situaci\u00f3n. En los pr\u00f3ximos art\u00edculos nos centramos en la t\u00e9cnica que parece ser el futuro de la adaptaci\u00f3n de los emails: el Responsive Design.","og_url":"https:\/\/www.digitalresponse.es\/en\/email-movil-responsive-email-design-que-es-responsive-design\/","og_site_name":"Digital Response","article_publisher":"https:\/\/www.facebook.com\/digitalresponse","article_published_time":"2013-12-09T07:07:09+00:00","og_image":[{"url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png","type":"","width":"","height":""}],"author":"alecastellano","twitter_card":"summary_large_image","twitter_creator":"@dresponse","twitter_site":"@dresponse","twitter_misc":{"Written by":"alecastellano","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#article","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/"},"author":{"name":"alecastellano","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe"},"headline":"Responsive Email Design: \u00bfqu\u00e9 es responsive design?","datePublished":"2013-12-09T07:07:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/"},"wordCount":314,"commentCount":1,"publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"image":{"@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png","articleSection":["Blog","Email M\u00f3vil"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/","url":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/","name":"Responsive Email Design: \u00bfqu\u00e9 es responsive design? - Digital Response","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage"},"image":{"@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png","datePublished":"2013-12-09T07:07:09+00:00","breadcrumb":{"@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#primaryimage","url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png","contentUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalresponse.es\/email-movil-responsive-email-design-que-es-responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.digitalresponse.es\/"},{"@type":"ListItem","position":2,"name":"Responsive Email Design: \u00bfqu\u00e9 es responsive 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\/2284","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=2284"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/2284\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/media?parent=2284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/categories?post=2284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/tags?post=2284"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/post_folder?post=2284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}