{"id":6804,"date":"2022-01-20T11:04:25","date_gmt":"2022-01-20T10:04:25","guid":{"rendered":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/?p=6804"},"modified":"2023-12-26T18:33:56","modified_gmt":"2023-12-26T17:33:56","slug":"como-crear-mailing-perfecto-gestores-correo","status":"publish","type":"post","link":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/","title":{"rendered":"C\u00f3mo crear tu mailing perfecto para distintos gestores de correo"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos <\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #3acdef;color:#3acdef\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #3acdef;color:#3acdef\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#%c2%bfque-son-las-campanas-de-email-marketing\" >\u00bfQu\u00e9 son las campa\u00f1as de email marketing?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#email-marketing-automatizado-%c2%bfcuales-son-sus-ventajas\" >Email Marketing Automatizado \u00bfCu\u00e1les son sus ventajas?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#best-practices-email-marketing\" >Best practices\u00a0email marketing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#%c2%bfcomo-hacer-un-email-pilares-basicos-para-tener-un-buen-diseno-de-plantilla\" >\u00bfC\u00f3mo hacer un email? Pilares b\u00e1sicos para tener un buen dise\u00f1o de plantilla<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#como-hacer-email-marketing-y-no-morir-en-el-intento\" >C\u00f3mo hacer email marketing y no morir en el intento<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#principales-clientes-de-correo-desafios-y-soluciones\" >Principales clientes de correo: Desaf\u00edos y soluciones<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#apple-mail\" >Apple Mail<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#gmail\" >Gmail<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#outlook\" >Outlook<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/como-crear-mailing-perfecto-gestores-correo\/#conclusiones\" >Conclusiones<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%c2%bfque-son-las-campanas-de-email-marketing\"><\/span>\u00bfQu\u00e9 son las campa\u00f1as de email marketing?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Antes de meternos de lleno en la maquetaci\u00f3n y recomendaciones en los distintos gestores de correo, queremos definir <strong>qu\u00e9 es el email marketing o marketing por correo electr\u00f3nico.<\/strong><\/p>\n<p><strong>Muchas definiciones resaltan que es una de las principales v\u00edas de marketing digital ya que se basa en el env\u00edo de correos o emails con fines informativos o comerciales. <\/strong>La ventaja que tiene este canal son inmensas y, por ello, uno de los canales m\u00e1s utilizados.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"email-marketing-automatizado-%c2%bfcuales-son-sus-ventajas\"><\/span>Email Marketing Automatizado \u00bfCu\u00e1les son sus ventajas?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En primer lugar,<strong> tiene un coste \u00ednfimo, <\/strong>si lo comparemos con otros canales, adem\u00e1s de establecer una <strong>relaci\u00f3n frecuente con el cliente de manera personalizada<\/strong>, al poder <strong>segmentar<\/strong> adecuadamente por este canal.\u00a0 De esta \u00faltima ventaja, podemos observar que no solo incrementar\u00e1 el <strong>reconocimiento de marca<\/strong>, sino tambi\u00e9n incrementar <strong>las oportunidades de venta<\/strong>. Por \u00faltimo, querr\u00eda destacar de las campa\u00f1as de mailing<strong>, la rapidez de dicho canal<\/strong>, adem\u00e1s de poder <strong>analizar el comportamiento de nuestro target.<\/strong><\/p>\n<p><strong>M\u00e1s informaci\u00f3n sobre plataformas que realizan esta funci\u00f3n: <\/strong><a href=\"https:\/\/www.efor.es\/servicios\/marketing-online\/marketing-automation.html\"><strong>Marketing Automation<\/strong><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"best-practices-email-marketing\"><\/span>Best practices\u00a0email marketing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un punto muy importante antes de empezar a maquetar es <strong>hacer un estudio de nuestra base de datos <\/strong>\u00bfPor qu\u00e9? Muy f\u00e1cil, dependiendo de cada tipolog\u00eda de base de datos podemos ver qu\u00e9 cliente de correo electr\u00f3nico es el m\u00e1s utilizado por nuestros usuarios, <strong>los dispositivos que usan,<\/strong> y, todo ello, nos orienta para saber cu\u00e1l es <strong>el mejor formato para cada cliente y dispositivo<\/strong> en el que nos tenemos que centrar.<\/p>\n<p>Obviamente tenemos que conseguir que se vea lo mejor posible en todos los dispositivos y clientes de correo electr\u00f3nico, pero si por ejemplo nuestra BBDD tiene <strong>una tasa de apertura del 95% en Gmail, si tenemos alg\u00fan problema con Outlook que no conseguimos solucionar, podemos centrarnos m\u00e1s adelante en ese problema <\/strong>en vez de que urja solucionarlo para una campa\u00f1a inminente, en cambio si en este mismo caso no se ve correctamente en Gmail si que tendr\u00edamos que trabajar para solucionarlo.<\/p>\n<p>A continuaci\u00f3n, os mostramos los <strong>datos recogidos por Litmus en 2021:<\/strong><\/p>\n<p>Tasa de apertura general en clientes de correo electr\u00f3nico:<\/p>\n<p><a class=\"lightbox\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/tasa-apertura.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6815 aligncenter\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/tasa-apertura.jpg\" alt=\"\" width=\"217\" height=\"261\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>Imagen referenciada por: Litmus<\/em><\/p>\n<p><strong>Aperturas seg\u00fan los dispositivos:<\/strong><\/p>\n<p><a class=\"lightbox\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/apertura-dispositivos.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6816 aligncenter\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/apertura-dispositivos.png\" alt=\"\" width=\"248\" height=\"208\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>Imagen referenciada por: Litmus<\/em><\/p>\n<p>En los \u00faltimos a\u00f1os <strong>esta gr\u00e1fica ha cambiado considerablemente con los multidispositivo.<\/strong> Vivimos en un mundo en el que estamos siempre conectados <strong>y cada vez se abren m\u00e1s los correos desde dispositivo m\u00f3vil. <\/strong>Es un dato muy importante a la hora de maquetar ya que ahora <strong>tenemos que pensar m\u00e1s en dise\u00f1os adaptativos para dispositivos m\u00f3viles. <\/strong>Siempre es mejor dise\u00f1ar para m\u00f3vil ya que el dise\u00f1o pensado para m\u00f3vil se ve perfectamente en escritorio, pero al rev\u00e9s nos puede dar m\u00e1s problemas. Nos podemos encontrar dise\u00f1os que no se adapten y ver botones muy peque\u00f1os y textos ilegibles.<\/p>\n<p>Os habr\u00e1 pasado, m\u00e1s de una vez, <strong>que cuando consigues un dise\u00f1o perfecto en la herramienta o en uno de los clientes de correo, en otro, se ve completamente desconfigurado.<\/strong><\/p>\n<p><strong>Para intentar solucionarlo os vamos a ofrecer unos tips generales<\/strong> y luego detallaremos diferentes retos con los que nos encontramos en los principales clientes de correo electr\u00f3nico.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%c2%bfcomo-hacer-un-email-pilares-basicos-para-tener-un-buen-diseno-de-plantilla\"><\/span>\u00bfC\u00f3mo hacer un email? Pilares b\u00e1sicos para tener un buen dise\u00f1o de plantilla<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un mismo dise\u00f1o\u00a0<strong>no se ve igual\u00a0en todos los\u00a0clientes de\u00a0correo\u00a0ni en todos los\u00a0dispositivos.<\/strong><\/p>\n<ul>\n<li>Buscar el <strong>equilibrio\u00a0<\/strong><b>entre texto e\u00a0imagen<\/b>.<\/li>\n<li>Dise\u00f1os con una\u00a0<strong>anchura m\u00e1xima\u00a0de 650px<\/strong>. Recomendamos una anchura de 650px.<\/li>\n<li><strong>Pensar en dise\u00f1o m\u00f3vil y responsivo<\/strong>.<\/li>\n<li>Los <strong>dise\u00f1os cuanto m\u00e1s simples<\/strong><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"como-hacer-email-marketing-y-no-morir-en-el-intento\"><\/span>C\u00f3mo hacer email marketing y no morir en el intento<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Im\u00e1genes:\n<ul>\n<li>Utilizar siempre la <strong>etiqueta ALT<\/strong>: es muy importante ya que en algunos clientes de correo como Outlook aparecen las im\u00e1genes bloqueadas y de esta forma aparecer\u00e1 una peque\u00f1a descripci\u00f3n. Esta descripci\u00f3n tambi\u00e9n sirve para que los dispositivos programados para personas con discapacidad puedas leer esta etiqueta y de esta forma puedan tener una buena experiencia de usuario con nuestros emails.<\/li>\n<li><strong>No incrustar v\u00eddeos y\/o flash:<\/strong> estos archivos son archivos muy pesados que entorpecen la renderizaci\u00f3n del mail y a d\u00eda de hoy a\u00fan hay algunos clientes de correo que lo leen correctamente estos archivos.<\/li>\n<li><strong>No utilizar im\u00e1genes muy pesadas.<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Si maquetas en HTML:\n<ul>\n<li><strong>Dise\u00f1o con tablas<\/strong>: varios clientes de correo electr\u00f3nico no soportar HTML flotantes ni muy complicado, por eso hay que maquetar en tablas.<\/li>\n<li><strong>CSS lineal<\/strong>: algunos clientes de correo no aceptan el bloque de estilos, as\u00ed que para que se visualice de forma correcta, hay que incluirlo dentro de las etiquetas.<\/li>\n<li><strong>No usar accesos directos u opciones de flotaci\u00f3n<\/strong> ya que como hemos comentado no lo soporta de forma correcta todos los clientes de correo.<\/li>\n<li><strong>No usar im\u00e1genes de fondo<\/strong>. No todos los clientes de correo soportan las im\u00e1genes de fondo y puede perder la est\u00e9tica que queremos conseguir, si a\u00fan as\u00ed optamos por utilizar im\u00e1genes de fondo habr\u00eda que poner un color de fondo plano al bloque para que cuando los clientes que oculten esa imagen no pierdan del todo la forma.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>Y , sobre todo, nuestra recomendaci\u00f3n como expertos en Marketing Automation:<\/p>\n<p><a class=\"lightbox\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/pruebas-email-marketing.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6819 aligncenter\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/pruebas-email-marketing.png\" alt=\"\" width=\"567\" height=\"97\" \/><\/a><\/p>\n<h2><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"principales-clientes-de-correo-desafios-y-soluciones\"><\/span>Principales clientes de correo: Desaf\u00edos y soluciones<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"apple-mail\"><\/span>Apple Mail<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Las im\u00e1genes en los modelos\u00a0m\u00e1s\u00a0nuevos tienen pantallas\u00a0m\u00e1s\u00a0grandes<\/strong>\u200b, as\u00ed que algunas veces se pueden ver borrosas. <strong>Nos enfrentamos tambi\u00e9n a las pantallas de retina<\/strong>. No solo en los dispositivos apple ya que cada vez m\u00e1s dispositivos los incluyen, pero Apple fue el pionero en este tipo de pantallas.<\/p>\n<p>En cuanto a las im\u00e1genes, <strong>podemos solucionar dicho problema<\/strong> creando im\u00e1genes con un <strong>m\u00ednimo de 400px.<\/strong> De esta forma, al ampliarse no deber\u00edan de dar problemas en la mayor\u00eda de los dispositivos.<\/p>\n<ul>\n<li><strong>\u00bfQu\u00e9 son las im\u00e1genes de retina o retina web?<\/strong><\/li>\n<\/ul>\n<p><strong>Las pantallas de retina son las pantallas de alta resoluci\u00f3n<\/strong>. Estas pantallas aparecieron en 2010 con el lanzamiento del iPhone 4. Con este tipo de pantallas, <strong>vemos las im\u00e1genes y los textos mucho m\u00e1s n\u00edtidos<\/strong>. En Email Marketing, las im\u00e1genes en muchas campa\u00f1as juegan un papel fundamental para atraer al cliente a una compra. Este tipo de im\u00e1genes proporcionan al cliente una mejor experiencia de visualizaci\u00f3n. Con esto surge un problema, <strong>las im\u00e1genes que no est\u00e1n optimizadas para este tipo de pantallas se ver\u00e1n borrosas y pueden dar al cliente una sensaci\u00f3n de dejadez.<\/strong><\/p>\n<ul>\n<li><strong>\u00bfC\u00f3mo podemos optimizar nuestras im\u00e1genes para pantallas retina?<\/strong><\/li>\n<\/ul>\n<p>Para saber c\u00f3mo solucionarlo, tenemos que saber c\u00f3mo funcionan. <strong>Las pantallas de retina tienen el doble de ppp (pixeles por pulgada)<\/strong> que las pantallas tradicionales. As\u00ed <strong>que la primera soluci\u00f3n ser\u00eda hacer las im\u00e1genes el doble de grandes.<\/strong> Posteriormente las <strong>reduciremos en el mail,<\/strong> pero cuando este tipo de pantallas busque ese segundo pixel lo encontrar\u00e1 sin problema.<\/p>\n<p><a class=\"lightbox\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/optimizar-imagenes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6820 aligncenter\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/optimizar-imagenes.png\" alt=\"\" width=\"285\" height=\"143\" \/><\/a><\/p>\n<h4 style=\"text-align: center;\"><em>Imagen referenciada por: decodecms<\/em><\/h4>\n<p><strong>Esta soluci\u00f3n tambi\u00e9n nos plantea nuevos problemas<\/strong>. <strong>Algunas versiones de Outlook, no redimensionan las im\u00e1genes a los tama\u00f1os que se le indican<\/strong>. Las muestran a tama\u00f1o real. Para solucionar este problema <strong>tendr\u00edamos que incluir un atributo de ancho m\u00e1ximo en el estilo de la imagen.<\/strong><\/p>\n<p><strong>Ejemplo:<\/strong> <strong>width: 100%; max-width: 600px;<\/strong>\u00a0Otro problema que genera ampliar las im\u00e1genes, <strong>es que el peso aumenta y el email tarda m\u00e1s a cargar.<\/strong> Esto, supone una mala experiencia de usuario que, siempre, intentamos evitar. Esto no depende solo <strong>del tama\u00f1o de la imagen, sino tambi\u00e9n del terminal, ubicaci\u00f3n y conexi\u00f3n de red.<\/strong> As\u00ed que <strong>recomendamos valorar la necesidad de utilizar estas im\u00e1genes<\/strong>; Ya que si nuestro mail tiene muchas im\u00e1genes puede ser que la experiencia de usuario empeore.\u00a0<strong>Pero, si aun as\u00ed necesitamos utilizarlas, podemos guardar im\u00e1genes muy grandes con muy baja calidad.<\/strong> Ya que al reducirlas no se notar\u00e1 la p\u00e9rdida de calidad.\u00a0<strong>Por otro lado, el texto se redimensiona:<\/strong> los textos muy peque\u00f1os se redimensionan autom\u00e1ticamente. Por eso <strong>recomendamos utilizar siempre como m\u00ednimo tama\u00f1o de fuente 14px <\/strong>y para <strong>t\u00edtulos utilizar textos con 20px<\/strong> de tama\u00f1o.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"gmail\"><\/span>Gmail<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Recorte del mensaje:<\/strong> De un tiempo a esta parte Gmail corta los correos electr\u00f3nicos que considera muy pesados. El peso m\u00e1ximo que soporta sin cortar el mensaje (pone un texto para \u201cVer mensaje completo\u201d) es de 102kb. Para evitar que esto suceda deberemos evitar atributos y etiquetas innecesarias y mail excesivamente largos. Recordemos que cuanto m\u00e1s simple mejor.<strong>Las fechas y los n\u00fameros se vuelven azules en iPhone<\/strong>: eliminar la decoraci\u00f3n de los textos en los estilos de HTML.<strong>No siempre se adapta a todos los dispositivos m\u00f3viles<\/strong> ni la adaptaci\u00f3n es de la misma forma, as\u00ed que muchas veces afecta al dise\u00f1o inicial, por eso recomendamos dise\u00f1ar para dispositivos m\u00f3viles, ya que el dise\u00f1o m\u00f3vil siempre se va a ver igual de bien en escritorio.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"outlook\"><\/span>Outlook<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>En cuanto a gestores de correo m\u00e1s utilizado, Outlook, es el tercer o cuarto email m\u00e1s usado, aunque destacar que <strong>para 2B2 es el m\u00e1s usado<\/strong>, por tanto, debemos pensar en el dise\u00f1o de la maquetaci\u00f3n en este gestor:<\/p>\n<p><strong>\u00bfCu\u00e1les son los desaf\u00edos que nos encontramos con Hotmail en email marketing?<\/strong><\/p>\n<p><strong>-Giff:<\/strong> \u00a0No soporta este formato. La soluci\u00f3n radica en poner el <em>claim<\/em> principal para que se muestre la informaci\u00f3n relevante en el primer fotograma.<\/p>\n<p><strong>-Margin:<\/strong> Si pones margin no lo coge adecuadamente (excepto Outlook.com), optamos por sustituirlo por padding.<\/p>\n<p><strong>&#8211;<\/strong><strong>Se elimina el espacio entre p\u00e1rrafos y m\u00e1rgenes:<\/strong> Outlook elimina del c\u00f3digo el espacio entre p\u00e1rrafos y m\u00e1rgenes. <strong>Usa el dise\u00f1o basado en tablas td \/ tr para agregar espacio adicional.<\/strong> html: &lt;tr&gt;&lt;td style=\u00bbfont-size: 5px; line-height: 20px; mso-line-height-rule: exactly;\u00bb&gt;&amp;nbsp;&lt;\/td&gt;&lt;\/tr&gt;<\/p>\n<p>&#8211;<strong>Ampliaci\u00f3n de im\u00e1genes en algunas versiones de m\u00f3vil.<\/strong> Se propone como soluci\u00f3n, <strong>dise\u00f1ar las im\u00e1genes a un m\u00ednimo de 400px.<\/strong><\/p>\n<p>\u00bfPor qu\u00e9? Porque cuando ponemos alguna imagen menor a este tama\u00f1o, lo que hace Outlook es redimensionarlo al tama\u00f1o de dispositivo m\u00f3vil que es en torno a 300px\/400px de ancho. De esta forma, cuando se adapte a dispositivo m\u00f3vil y autom\u00e1ticamente ampli\u00e9 las im\u00e1genes, no se deformar\u00e1n ni se pixelar\u00e1n.<\/p>\n<p><strong>En AC (<\/strong><a href=\"https:\/\/www.efor.es\/activecampaign\/es\"><strong>ActiveCampaign<\/strong><\/a><strong>), permite redimensionar las im\u00e1genes y adecuarlo al tama\u00f1o deseado,<\/strong> por tanto, en escritorio se ver\u00e1n correctamente y se adaptar\u00e1 sin problema a dispositivo m\u00f3vil al coger el tama\u00f1o original de la imagen.<\/p>\n<p><strong>-RGB:<\/strong> Los bordes RGB no son compatibles con Outlook.com. Para el color de fondo, usa el c\u00f3digo HEX en lugar de los bordes RGB.<\/p>\n<p><strong>En conclusi\u00f3n,<\/strong> dependiendo del canal al que te dirijas, aunque hay que subrayar, que <strong>se suele abrir m\u00e1s en m\u00f3vil, <\/strong>seg\u00fan estudios recientes de email marketing. Por tanto, para una correcta adaptaci\u00f3n a m\u00f3vil, <strong>se recomienda dise\u00f1ar directamente para m\u00f3vil<\/strong>, evitando as\u00ed muchos problemas de maquetaci\u00f3n ya que el dise\u00f1o del m\u00f3vil se adaptar\u00e1 sin problema a escritorio. Bien es cierto que, <strong>queda m\u00e1s largo<\/strong>, pero de escritorio a m\u00f3vil es donde nos encontramos los principales problemas, tanto en Outlook como en Gmail.<\/p>\n<p><a class=\"lightbox\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/disenos-dispositivos-moviles.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6821 aligncenter\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/disenos-dispositivos-moviles.png\" alt=\"\" width=\"576\" height=\"97\" \/><\/a><\/p>\n<p>A continuaci\u00f3n, se va a observar un ejemplo de la principal problem\u00e1tica, que observamos:<strong> ampliaci\u00f3n de las im\u00e1genes:<\/strong><\/p>\n<p><a class=\"lightbox\" href=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/ampliacion-imagenes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6822 aligncenter\" src=\"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-content\/uploads\/2023\/12\/ampliacion-imagenes.png\" alt=\"\" width=\"470\" height=\"228\" \/><\/a><\/p>\n<p>Como se observa y hemos comentado en el punto anterior, la imagen, en este caso, el logo al ser un tama\u00f1o inferior a 300\/400px en m\u00f3vil, se ampliar\u00e1 al tama\u00f1o dispositivo<strong>. Esto es una pr\u00e1ctica muy com\u00fan ya que en escritorio se puede ajustar al tama\u00f1o deseado y, por tanto, no hay problemas de una correcta visualizaci\u00f3n.<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"conclusiones\"><\/span><strong>Conclusiones<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&#8211; Ventajas email Marketing:<\/p>\n<ul>\n<li>Una de las principales v\u00edas de marketing digital<\/li>\n<li>Coste econ\u00f3mico peque\u00f1o<\/li>\n<li>Contenidos personalizados y segmentados<\/li>\n<li>Branding<\/li>\n<li>Aumento de ventas y oportunidades de ventas<\/li>\n<li>Canal r\u00e1pido<\/li>\n<li>F\u00e1cil an\u00e1lisis<\/li>\n<\/ul>\n<p>&#8211; An\u00e1lisis del gestor de correo electr\u00f3nico m\u00e1s usado por nuestros clientes y dispositivo.<\/p>\n<p>&#8211; Pensar m\u00e1s en dise\u00f1os adaptativos para dispositivos m\u00f3viles.<\/p>\n<p>-Los dise\u00f1os cuanto m\u00e1s simples mejor.<\/p>\n<p>-Realizar pruebas de nuestros dise\u00f1os.<\/p>\n<p>-Im\u00e1genes de retina: HTML y redimensi\u00f3n de imagen para su optimizaci\u00f3n en newsletter<\/p>\n<p>-Problemas m\u00e1s usuales en distintos gestores de correo:<\/p>\n<ul>\n<li>GMAIL: l\u00edmite de peso, no superar 120KB.<\/li>\n<li>OUTLOOK\/HOTMAIL: redimensi\u00f3n de las im\u00e1genes peque\u00f1as menores de 300px de ancho.<\/li>\n<\/ul>\n<p>En\u00a0<strong>EFOR<\/strong>, contamos con un equipo de marketing digital especializado en estrategias en marketing automation y un equipo de expertos certificados en diferentes plataformas, como\u00a0<a href=\"https:\/\/www.efor.es\/watson\/campaign-automation\/\" target=\"\u201d_blank\u201d\" rel=\"noopener\">IBM Watson Campaign Automation<\/a>,\u00a0<a href=\"https:\/\/www.efor.es\/activecampaign\/\" target=\"\u201d_blank\u201d\" rel=\"noopener\">ActiveCampaign<\/a>, Hubspot, SendinBlue o Salesforce Marketing Cloud. \u00a1Nosotros te ayudamos, \u00a0<a href=\"https:\/\/www.integratecnologia.es\/quieres-saber-mas-sobre-nuestros-servicios\">contacta con nosotros<\/a> !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 son las campa\u00f1as de email marketing? Antes de meternos de lleno en la maquetaci\u00f3n y recomendaciones en los distintos gestores de correo, queremos definir qu\u00e9 es el email marketing o marketing por correo electr\u00f3nico. Muchas definiciones resaltan que es una de las principales v\u00edas de marketing digital ya que se basa en el env\u00edo [&hellip;]<\/p>\n","protected":false},"author":125,"featured_media":10966,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[7],"tags":[117],"class_list":{"0":"post-6804","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-marketing-digital","8":"tag-email-marketing","9":"entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/posts\/6804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/comments?post=6804"}],"version-history":[{"count":0,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/posts\/6804\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/media\/10966"}],"wp:attachment":[{"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/media?parent=6804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/categories?post=6804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.integratecnologia.es\/la-innovacion-necesaria\/wp-json\/wp\/v2\/tags?post=6804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}