{"id":3357,"date":"2014-10-13T09:26:08","date_gmt":"2014-10-13T07:26:08","guid":{"rendered":"http:\/\/www.digitalresponse.es\/blog\/?p=3357"},"modified":"2014-10-13T09:26:08","modified_gmt":"2014-10-13T07:26:08","slug":"soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails","status":"publish","type":"post","link":"https:\/\/www.digitalresponse.es\/en\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/","title":{"rendered":"Solutions to the main email display problems"},"content":{"rendered":"

As we have said before, there are many headaches that arise when it comes to to layout an email so that it displays correctly in all email clients<\/a>. Despite what many people think, it has little to do with web layout, as support for many properties is uneven and deficient in many of the programmes used for receiving emails.
\nHere are some of the most recurrent obstacles and their solutions:
\nBlue boxes around linked images<\/strong><\/p>\n

<img style="”border:0”" src="”ejemplo.jpg”" alt="””\/"><\/address>\n

Underlined blue links<\/strong>
\n\"Captura<\/a><\/p>\n

<a style="”text-decoration:none”" href="\/en\/”\/#”" alt="””"><span style="”color:#ebebeb”">Link<\/span><\/a><\/address>\n

Blocked images.<\/strong><\/p>\n

Recommendations for viewing without images<\/a><\/address>\n

Horizontal image spacing in Gmail<\/strong><\/p>\n

<img style="”display:block”" src="”ejemplo.jpg”" alt="””\/"><\/address>\n

\u00f3<\/p>\n

<td style="»margin:0;" padding:0; letter-spacing:0; font-size:0; line-height:0;»><img src="”ejemplo.jpg”" alt="””\/"><\/td><\/address>\n

Email client ignores head CSS<\/strong><\/p>\n

Bearing in mind that some email clients, such as Gmail, completely ignore the styles we include in the head, we must lay out a base that is readable and usable without the need for these styles, despite sacrificing some design details.<\/address>\n

Poorly closed labels<\/strong>
\nAnd if something is still going wrong... Try running your HTML through a validator such as W3C's<\/a>. Sometimes it is as simple and difficult to locate as a poorly closed cell.<\/em>
\n\"Captura<\/a> \"Captura<\/a>
\nAs a bonus track, here is a compilation of very useful hacks with simple solutions to common problems:
\nHTML Email Hacks<\/a><\/p>","protected":false},"excerpt":{"rendered":"

As we have said before, there are many headaches when it comes to designing an email that displays correctly.<\/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,39],"tags":[],"post_folder":[],"class_list":["post-3357","post","type-post","status-publish","format-standard","hentry","category-blog","category-diseno-de-emails"],"acf":[],"yoast_head":"\nSoluciones a los principales problemas de visualizaci\u00f3n de los emails - 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\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Soluciones a los principales problemas de visualizaci\u00f3n de los emails - Digital Response\" \/>\n<meta property=\"og:description\" content=\"Como ya hemos comentado otras veces, son muchos los dolores de cabeza que surgen a la hora de maquetar un email que se visualice correctamente\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalresponse.es\/en\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\" \/>\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=\"2014-10-13T07:26:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\"},\"author\":{\"name\":\"alecastellano\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe\"},\"headline\":\"Soluciones a los principales problemas de visualizaci\u00f3n de los emails\",\"datePublished\":\"2014-10-13T07:26:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\"},\"wordCount\":296,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png\",\"articleSection\":[\"Blog\",\"Dise\u00f1o de emails\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\",\"url\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\",\"name\":\"Soluciones a los principales problemas de visualizaci\u00f3n de los emails - Digital Response\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png\",\"datePublished\":\"2014-10-13T07:26:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage\",\"url\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png\",\"contentUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.digitalresponse.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Soluciones a los principales problemas de visualizaci\u00f3n de los emails\"}]},{\"@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":"Soluciones a los principales problemas de visualizaci\u00f3n de los emails - 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\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/","og_locale":"en_GB","og_type":"article","og_title":"Soluciones a los principales problemas de visualizaci\u00f3n de los emails - Digital Response","og_description":"Como ya hemos comentado otras veces, son muchos los dolores de cabeza que surgen a la hora de maquetar un email que se visualice correctamente","og_url":"https:\/\/www.digitalresponse.es\/en\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/","og_site_name":"Digital Response","article_publisher":"https:\/\/www.facebook.com\/digitalresponse","article_published_time":"2014-10-13T07:26:08+00:00","og_image":[{"url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.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":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#article","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/"},"author":{"name":"alecastellano","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe"},"headline":"Soluciones a los principales problemas de visualizaci\u00f3n de los emails","datePublished":"2014-10-13T07:26:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/"},"wordCount":296,"commentCount":3,"publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"image":{"@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png","articleSection":["Blog","Dise\u00f1o de emails"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/","url":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/","name":"Soluciones a los principales problemas de visualizaci\u00f3n de los emails - Digital Response","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage"},"image":{"@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png","datePublished":"2014-10-13T07:26:08+00:00","breadcrumb":{"@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#primaryimage","url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png","contentUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2014\/09\/Captura-de-pantalla-2014-09-19-a-las-10.53.52.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalresponse.es\/soluciones-a-los-principales-problemas-de-visualizacion-de-los-emails\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.digitalresponse.es\/"},{"@type":"ListItem","position":2,"name":"Soluciones a los principales problemas de visualizaci\u00f3n de los emails"}]},{"@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\/3357","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=3357"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/3357\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/media?parent=3357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/categories?post=3357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/tags?post=3357"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/post_folder?post=3357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}