{"id":2635,"date":"2023-07-26T12:00:00","date_gmt":"2023-07-26T10:00:00","guid":{"rendered":"https:\/\/wam.global\/wam-room\/tips-diseno-de-email-marketing\/"},"modified":"2025-12-20T20:28:31","modified_gmt":"2025-12-20T19:28:31","slug":"tips-diseno-de-email-marketing","status":"publish","type":"post","link":"https:\/\/wam.global\/es\/wam-room\/tips-diseno-de-email-marketing\/","title":{"rendered":"Tips fundamentales para dise\u00f1ar un email marketing"},"content":{"rendered":"

No podemos empezar sin dejar claro que realmente no hay ninguna \u201cGu\u00eda Oficial de Dise\u00f1o de Email Marketing\u201d. Ojal\u00e1, \u00bfverdad? Pero s\u00ed que os podemos asegurar que hay unos consejos de email marketing<\/strong> b\u00e1sicos para hacer dise\u00f1os que gusten y que, por lo menos a nosotros, nos siguen funcionando.<\/p>\n

En su momento buceamos en temas como Email Marketing con Salesforce<\/a>, hoy salimos un poco a la superficie para hablar del dise\u00f1o.<\/p>\n

Cuando tengamos claro qu\u00e9 tratamos de transmitir, c\u00f3mo queremos que sea el email y qu\u00e9 estructura queremos para nuestro contenido, es cuando debemos aplicar siete mandamientos<\/strong> a tener en cuenta.<\/p>\n

Nosotros somos fans de dise\u00f1ar una estructura de email marketing en formato emails directos y en una columna. \u201c\u00a1Qu\u00e9 listos estos!\u201d, pensar\u00e1s. Pero es que solo tienes unos segundos para impactar con un mensaje claro y sin distracciones. As\u00ed que, \u00a1all\u00e1 vamos con unas recomendaciones sobre c\u00f3mo dise\u00f1ar email marketing<\/strong>!<\/p>\n

En email marketing el tama\u00f1o importa y hacer email \u201cresponsive\u201d m\u00e1s<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing responsive<\/p>\n

El tama\u00f1o importa ya que el usuario busca comodidad y encontrar lo que le interesa de manera r\u00e1pida; por lo que el ancho del correo electr\u00f3nico debe permitir que todo nuestro contenido se vea de manera visual. Se aconseja que sea de 600 p\u00edxeles<\/strong>, medida perfecta para distribuir toda tu informaci\u00f3n.<\/p>\n

Es muy, muy, recomendable alinear tu texto a la izquierda<\/strong>, esto har\u00e1 que aparezca a ese lado. Y t\u00fa dir\u00e1s: \u201csi lo alineas a la izquierda es l\u00f3gico que aparezca a ese lado\u201d. S\u00ed, pero es que lo que queremos evitar es que el texto reciba un empuj\u00f3n al centro o a la derecha y fuerce a los usuarios a desplazarse para poder ver el email. \u00bfRecuerdas lo de la comodidad? Pues eso no ser\u00eda c\u00f3modo.<\/p>\n

Adem\u00e1s, el dise\u00f1o tiene que adaptarse por completo al dispositivo de los receptores. Es decir, tiene que ser responsive<\/em>. Con el paso de los a\u00f1os los consumidores cada vez utilizan m\u00e1s sus tel\u00e9fonos m\u00f3viles para navegar. Seg\u00fan Google, el smartphone es el dispositivo m\u00e1s utilizado para conectarse a Internet<\/strong>.<\/p>\n

Im\u00e1genes y dise\u00f1o de email marketing s\u00ed, pero sin pasarse<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing imagenes<\/p>\n

Elige las im\u00e1genes que m\u00e1s se relacionen con lo que se va a expresar en el email. De esta manera estar\u00e1s contando visualmente a los destinatarios el contenido que se quiere transmitir. Pero no todo nuestro email puede estar formado s\u00f3lo por im\u00e1genes<\/strong> ya que eso dificultar\u00eda la entregabilidad (ya hablaremos de esto en otros mandamientos), por eso tienes que encontrar un equilibrio con el texto.<\/p>\n

Tienes que tener en cuenta tres claves de dise\u00f1o en el email marketing <\/strong>a la hora de hacer plantillas e introducir im\u00e1genes:<\/p>\n

Incluir texto alternativo:<\/strong><\/p>\n

Algunos proveedores de servicio de correo electr\u00f3nico (ESP) ocultan las im\u00e1genes; por ello, si se incluye un texto alternativo, en ese caso los servidores podr\u00e1n comprender la idea que hay detr\u00e1s de la imagen aunque no puedan verla.<\/p>\n

Im\u00e1genes de enlaces:<\/strong><\/p>\n

Se espera que todo sea \u201ccliqueable\u201d, hasta las im\u00e1genes; por ello lo adecuado es que accedan a la parte de la web que concuerde con la informaci\u00f3n.<\/p>\n

Medidas imagen para email:<\/strong><\/p>\n

Al igual que el encabezado es aconsejable que el ancho de las im\u00e1genes sea de, como mucho, 600 p\u00edxeles.<\/p>\n

V\u00eddeo email marketing tambi\u00e9n… pero no<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing videos<\/p>\n

Los v\u00eddeos triunfan siempre, pero no en los emails porque los servidores no muestran su contenido. \u00bfCu\u00e1l es la soluci\u00f3n? Cambia la idea de introducir un v\u00eddeo por un gif. Si esto no es posible porque te has currado un v\u00eddeo que ni Clint Eastwood y el mundo tiene que verlo, puedes introducir una imagen de ese v\u00eddeo y vincularla al enlace donde lo tengas subido<\/strong>.<\/p>\n

Puedes a\u00f1adir un tri\u00e1ngulo encima de la miniatura para indicar a tus usuarios que no es una simple imagen sino que es la miniatura de un v\u00eddeo y as\u00ed sea m\u00e1s intuitivo acceder.<\/p>\n

Cuidado con la fuente en tu dise\u00f1o de email marketing<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing fuente<\/p>\n

El email marketing permite importar diversas fuentes editando el HTML, pero es posible que algunos ESP no soporten muchas de ellas. Por eso la mejor idea es elegir las fuentes predeterminadas;<\/strong> ya sabes, las de toda la vida como Arial, Times New Roman o Verdana.<\/p>\n

Elige una que combine con la fuente de tu marca lo m\u00e1ximo posible. Y un truquito: si necesitas s\u00ed o s\u00ed que sea tu fuente en alguna ocasi\u00f3n, introduce el texto como una imagen. Pero ya sabes, sin pasarte.<\/p>\n

Email marketing de contenido. Tres C: Contenido claro y conciso<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing contenido<\/p>\n

La raz\u00f3n principal de que el contenido sea corto y conciso es invitar al destinatario a hacer clic en el CTA o botones de llamada a la acci\u00f3n<\/strong>. No te empe\u00f1es en saturar el correo con much\u00edsima informaci\u00f3n.<\/p>\n

Recuerda que el objetivo es que el destinatario realice la acci\u00f3n para la que hemos dise\u00f1ado el email: ya sea comprar un producto, inscribirse para un evento o adoptar un elefante. Por lo general, no queremos que se queden en el correo.<\/p>\n

C\u00f3mo estructurar un dise\u00f1o de email marketing: cada cosa por su nombre<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing dinamico<\/p>\n

El contenido din\u00e1mico permite, gracias a los desarrollos y avances tecnol\u00f3gicos, personalizar los emails y hacer que el receptor se sienta m\u00e1s especial. Seguro que has recibido el t\u00edpico email que te pon\u00eda \u201cEstimado@ amig@\u201d y no te ha gustado. Sin embargo, cuando te ha llegado con tu nombre te ha hecho sentir diferente.<\/p>\n

Tambi\u00e9n tenemos que hablar del contenido din\u00e1mico avanzado. \u00bfQu\u00e9 incluye la coletilla de \u201cavanzado\u201d? La posibilidad de cambiar im\u00e1genes seg\u00fan la base de datos de la ficha del contacto o email creados con tecnolog\u00edas como AMPscript o GTL<\/strong>.<\/p>\n

Para gustos, los colores en el dise\u00f1o de email marketing<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing colores<\/p>\n

Es vital que puedan relacionar tus emails con tu marca, y los colores tienen bastante que ver. No te preocupes, tu correo no tiene que ser exactamente igual que tu sitio web pero est\u00e1 bien usar tu material corporativo para vincular la marca<\/strong>.<\/p>\n

Los colores muy fuertes o brillantes pueden hacer que la persona que lo reciba se distraiga de nuestro contenido real, y sobra decir que eso no nos interesa. De hecho si examinas tu bandeja de entrada ver\u00e1s que la mayor\u00eda de tus correos tienen colores de fondo neutrales <\/strong>como blanco. Una forma de crear continuidad corporativa es usar tu color corporativo de fondo en el pie de p\u00e1gina (o footer para los m\u00e1s modernos).<\/p>\n

Por \u00faltimo, los botones de CTA necesitamos que sean lo m\u00e1s llamativos del email, pero de una manera elegante. Al fin y al cabo tienen que llamar la atenci\u00f3n y motivar a nuestro receptor a hacer clic.<\/p>\n

Estructura de email marketing. Probando, probando<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing prueba<\/p>\n

Llegados a este punto tu email est\u00e1 configurado y casi listo para ser enviado. Pero antes de hacerlo, hay que probar que todo est\u00e9 bien enviando una prueba<\/strong>.<\/p>\n

No te olvides de comprobar que tanto en tu escritorio como en tu dispositivo m\u00f3vil tu email responden correctamente. Haz clic en todos y cada uno de los enlaces o im\u00e1genes vinculadas para confirmar que funcionen. Y comprueba tambi\u00e9n que los botones del CTA sean lo suficientemente grandes para hacer clic con el dedo, no te olvides de tener en cuenta aquellos dedos m\u00e1s grandes que el tuyo.<\/p>\n

Entregabilidad de email marketing: El spam tu peor pesadilla<\/h2>\n

\"dise\u00f1ardise\u00f1ar un email marketing spam<\/p>\n

Te puede quedar un email precioso pero si no llega a nadie, \u00bfde qu\u00e9 sirve? Lo m\u00e1s importante es que el email llegue a la bandeja de entrada de todo tu p\u00fablico, o al menos de un enorme porcentaje.<\/p>\n

Mantener una entrega consistente en todos nuestros env\u00edos es un desaf\u00edo constante para cualquier empresa que dependa de sus comunicaciones. Aunque desafortunadamente muchas de ellas no piensan en ello hasta que tienen el gran problema de que miles o incluso millones de correos electr\u00f3nicos nunca llegan.<\/p>\n

9 claves fundamentales para dise\u00f1ar un email marketing<\/p>\n

    \n
  1. Invierte en una buena plataforma de email marketing: Ni que decir tiene que Pardot o Marketing Cloud ser\u00edan una buen\u00edsima elecci\u00f3n.<\/li>\n
  2. No te olvides del responsive<\/em>. Casi la mitad de las aperturas se realizan desde un dispositivo m\u00f3vil.<\/li>\n
  3. Cuida tu base de datos: El contenido din\u00e1mico depender\u00e1 de la calidad de los datos que tengas en tu CRM.<\/li>\n
  4. Insp\u00edrate: Suscribirte a todo tipo de newsletters puede ser una buena forma de orientar tus dise\u00f1os.<\/li>\n
  5. Utiliza un asunto llamativo: Va a ser la puerta de entrada a tu comunicaci\u00f3n.<\/li>\n
  6. Escribe estilo web: Sigue una estructura l\u00f3gica, con p\u00e1rrafos cortos e incluyendo la idea principal por p\u00e1rrafo.<\/li>\n
  7. Incluir texto alternativo: Algunos proveedores de servicio de correo electr\u00f3nico (ESP) ocultan las im\u00e1genes, por ello, si se incluye un texto alternativo, en ese caso los servidores podr\u00e1n comprender la idea que hay detr\u00e1s de la imagen aunque no puedan verla.<\/li>\n
  8. Im\u00e1genes de enlaces: Se espera que todo sea \u201ccliqueable\u201d, hasta las im\u00e1genes, por ello lo adecuado es que accedan a la parte de la web que concuerde con la informaci\u00f3n.<\/li>\n
  9. Medidas imagen para email: Al igual que el encabezado es aconsejable que el ancho de las im\u00e1genes sea de, como mucho, 600 p\u00edxeles.<\/li>\n<\/ol>\n

    Por \u00faltimo, os dejamos un ejemplo de herramienta que nunca falla:<\/p>\n