{"id":6255,"date":"2012-05-31T13:12:05","date_gmt":"2012-05-31T11:12:05","guid":{"rendered":"http:\/\/blog.sendblaster.com\/?p=6255"},"modified":"2013-06-07T01:48:00","modified_gmt":"2013-06-06T23:48:00","slug":"evitando-problemas-de-visualizacion-de-email-comunes","status":"publish","type":"post","link":"https:\/\/blog.sendblaster.com\/es\/2012\/05\/31\/evitando-problemas-de-visualizacion-de-email-comunes\/","title":{"rendered":"Evitando Problemas De Visualizaci\u00f3n De Email Comunes"},"content":{"rendered":"<p>Desafortunadamente, muchos profesionales del marketing que reci&eacute;n se inician, y aun los m&aacute;s experimentados no tienen en cuenta las diferencias existentes entre los distintos <strong>clientes de email<\/strong>. Esto es debido a que cada cliente de email posee su propia interfaz de programaci&oacute;n. Estas diferencias entre interfaces son la causa por la cual el mismo mensaje puede ofrecer una apariencia completamente diferente de un cliente a otro. Si usted no tiene en cuenta estas diferencias, un buen porcentaje de sus emails pueden presentar dificultades para ser le&iacute;dos.<\/p>\n<p><strong>Ejemplos de Problemas de Dibujado Comunes<br \/>\n<\/strong><br \/>\nLos usuarios de clientes de email basados en web, generalmente se encuentran afectados por problemas de formateo de emails en mayor porcentaje que los clientes de email basados en PC tales como Microsoft Outlook.<\/p>\n<p>Por ejemplo, el cliente de email de Google <strong>Gmail<\/strong> que es utilizado ampliamente, agrega algunos pixeles debajo de cada imagen. Una soluci&oacute;n que tambi&eacute;n funciona en Hotmail consiste en agregar el estilo &#8220;style display:block&#8221; al elemento imagen.<\/p>\n<pre class=\"brush: html; gutter: false\">&lt;img style=&quot;display: block;&quot; src=&quot;suimagen.jpg&quot; alt=&quot;&quot; \/&gt;<\/pre>\n<p>Otro problema en Gmail se encuentra representado por los v&iacute;nculos que se dibujan en azul. Para corregir este problema, simplemente sobrescriba este color utilizando CSS inline.<\/p>\n<p>Por ejemplo este c&oacute;digo ser&aacute; dibujado en rojo:<\/p>\n<pre class=\"brush: html; gutter: false\">&amp;lt;a style=&amp;quot;color: #c00;&amp;quot; href=&amp;quot;http:\/\/www.susitioweb.com&amp;quot;&amp;gt;link&amp;lt;\/a&amp;gt;<\/pre>\n<p>Otros clientes de email basados en web populares tales como <strong>Yahoo<\/strong> y <strong>Hotmail<\/strong> poseen sus propios problemas &#8211; problemas que los profesionales del marketing por email expertos deben tener en cuenta y corregir.<\/p>\n<p>Por ejemplo Hotmail ha dejado de soportar mapas de im&aacute;genes. Esto significa que ahora usted necesita cortar su imagen en m&uacute;ltiples im&aacute;genes si desea utilizar secciones individuales de su imagen.<\/p>\n<p>Con respecto a <strong>Outlook 2010<\/strong> existe una restricci&oacute;n importante con respecto a las im&aacute;genes GIF animadas, debido a que no las soporta por completo. Outlook simplemente muestra el primer cuadro de su GIF. En este caso aseg&uacute;rese de que el primer cuadro de la imagen contenga el contenido m&aacute;s importante.<\/p>\n<p><!--more--><\/p>\n<p><strong>La importancia del Texto Plano<br \/>\n<\/strong><br \/>\nUna de las diferencias m&aacute;s importantes a tener en mente es la diferencia entre mensajes de email HTML y mensajes de texto plano. Cuando un usuario visualiza mensajes en formato HTML, el usuario puede observar no s&oacute;lo texto, sino tambi&eacute;n cualquier gr&aacute;fico embebido. Esta es una diferencia importante, ya que muchos emails de marketing incluyen ilustraciones elaboradas, logotipos y hasta animaciones. Estos elementos visuales pueden ser muy efectivos.<\/p>\n<p>El problema es que no todo usuario posee un cliente de email con capacidades HTML, y esto significa que los elementos visuales no tendr&aacute;n impacto. Peor a&uacute;n, los elementos visuales que no puedan ser dibujados en forma apropiada podr&iacute;an causar que el texto en s&iacute;, no se muestre en forma apropiada.<\/p>\n<p>Los profesionales del marketing por email deben tener en cuenta que muchas empresas fuerzan a todo mensaje de email a ser desplegado con formato de texto plano, a&uacute;n si sus clientes de email soportan formato HTML. Al forzar el dibujado en formato de texto plano, se conserva espacio en los servidores de email a la vez que se ofrece seguridad adicional contra spam y virus. Los profesionales del marketing que necesiten llegar a la comunidad empresarial, al igual que a usuarios comunes, necesitan tomar recaudos especiales a la hora de redactar sus mensajes de marketing por email.<\/p>\n<p><strong><br \/>\nUso de plantillas de email HTML<br \/>\n<\/strong><br \/>\nUna de las mejores formas de corregir este dilema com&uacute;n del marketing por email, consiste en utilizar plantillas predise&ntilde;adas para sus mensajes de marketing por email. A diferencia de los mensajes de email tradicionales, los emails basados en plantillas son dise&ntilde;ados para ser mostrados en forma apropiada independientemente del cliente de email, y sus configuraciones. Utilizar una plantilla de email tambi&eacute;n ayuda a simplificar el proceso de la creaci&oacute;n y env&iacute;o de estos mensajes. Los profesionales del marketing por email que utilizan plantillas, pueden observar exactamente c&oacute;mo sus mensajes ser&aacute;n visualizados por el lector final.<\/p>\n<p><strong><br \/>\nPlantillas GRATIS de Email de SendBlaster<br \/>\n<\/strong><a title=\"software de marketing por email sendblaster\" href=\"http:\/\/https:\/\/www.sendblaster.com\/es\/descarga-programa-correo\" rel=\"external nofollow\">SendBlaster<\/a> contiene docenas de plantillas HTML Gratis. Hemos probado cada una de ellas con los diferentes clientes de email, corregido cualquier problema posible, y luego las hemos compartido.<\/p>\n<p>Por supuesto usted puede personalizarlas, agregando sus logotipos, im&aacute;genes, etc&#8230;<\/p>\n<p>Definitivamente constituyen la mejor opci&oacute;n si usted desea enviar emails libres de riesgo.<\/p>\n<p>Aqu&iacute; ofrecemos algunas plantillas de email HTML ya incluidas en SendBlaster:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5850\" title=\"plantilla de email para hoteles\" src=\"http:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-template-hotel.png\" alt=\"plantilla de email para hoteles\" width=\"462\" height=\"533\" srcset=\"https:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-template-hotel.png 660w, https:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-template-hotel-260x300.png 260w\" sizes=\"auto, (max-width: 462px) 100vw, 462px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5851\" title=\"plantilla de email para inmobiliarias\" src=\"http:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-template-real-estate.png\" alt=\"plantilla de email para inmobiliarias\" width=\"458\" height=\"540\" srcset=\"https:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-template-real-estate.png 655w, https:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-template-real-estate-255x300.png 255w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5852\" title=\"plantilla de email para doctores\" src=\"http:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-templates-doctors.png\" alt=\"plantilla de email para doctores\" width=\"453\" height=\"547\" srcset=\"https:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-templates-doctors.png 647w, https:\/\/blog.sendblaster.com\/wp-content\/uploads\/email-templates-doctors-248x300.png 248w\" sizes=\"auto, (max-width: 453px) 100vw, 453px\" \/><\/p>\n<p>Fuente: <a title=\"Emailogy\" href=\"http:\/\/www.emailology.org\" target=\"_blank\" rel=\"external nofollow\">Emailogy<\/a><\/p>\n<p><a title=\"Descargar SendBlaster 2 GRATIS\" class=\"ctaButton ctaDownload\" href=\"https:\/\/www.sendblaster.com\/es\/descarga-programa-correo\">Descargar SendBlaster 2 GRATIS<\/a>&nbsp;<a title=\"eBook GRATIS de Marketing por Email\" class=\"ctaButton ctaEbook\" href=\"https:\/\/www.sendblaster.com\/ebook-gratuito-para-email-marketing?utm_source=sendblaster_blog&#038;utm_medium=post&#038;utm_campaign=ebook_blog\">eBook GRATIS de Marketing por Email<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desafortunadamente, muchos profesionales del marketing que reci&eacute;n se inician, y aun los m&aacute;s experimentados no tienen en cuenta las diferencias existentes entre los distintos clientes de email. Esto es debido a que cada cliente de email posee su propia interfaz de programaci&oacute;n. Estas diferencias entre interfaces son la causa por la cual el mismo mensaje<\/p>\n","protected":false},"author":6,"featured_media":5852,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[189,197,1005,195],"tags":[],"class_list":["post-6255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-buenas-practicas","category-consejos","category-email-marketing-en-espanol","category-sendblaster-es","masonry-post","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","resize-featured-image"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/posts\/6255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/comments?post=6255"}],"version-history":[{"count":0,"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/posts\/6255\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/media\/5852"}],"wp:attachment":[{"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/media?parent=6255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/categories?post=6255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.sendblaster.com\/es\/wp-json\/wp\/v2\/tags?post=6255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}