Mejores prácticas para el diseño de emails en 2026

47 min
Actualizado:

¿Quieres que tus campañas de email marketing destaquen y atraigan a tu público? Entonces hablemos del diseño en email marketing.

Un buen diseño de correo electrónico no solo tiene como objetivo resultar atractivo a la vista. Su finalidad es ayudarte a establecer relaciones más sólidas con tu público, vender más productos y mejorar el rendimiento general de tu inversión en email marketing.

En pocas palabras, si quieres tener éxito con el email marketing, necesitarás correos electrónicos bien diseñados.

No te preocupes si el diseño no es lo tuyo. Tú también puedes aprender a crear correos electrónicos atractivos y a llevar a cabo campañas de email marketing eficaces.

Todo lo que tienes que hacer es seguir y aplicar estas prácticas recomendadas al preparar tus propias plantillas de correo electrónico.

¿No eres diseñador? Echa un vistazo al generador de email con IA de GetResponse o a nuestras 150 plantillas de correo electrónico gratuitas y pon en marcha tus campañas en cuestión de segundos.

18 mejores prácticas de diseño de correos electrónicos

Tú lo sepas o no, el diseño de tu plantilla de correo electrónico (y su optimización) comienza incluso antes de que tus suscriptores abran tu mensaje, directamente en sus bandejas de entrada.

Hay tres elementos principales de tu correo electrónico que tu público verá antes de decidir leerlo: el nombre del remitente, el asunto y el preencabezado. Comenzaremos con estos tres elementos, a veces denominados «sobre», y luego pasaremos a los componentes básicos de tu mensaje.

Para ayudarte a visualizar mejor cada elemento, utilizaremos esta plantilla de correo electrónico que hemos creado para nuestro newsletter imaginario para creadores de contenido 🙂

Example of an email template designed for our imaginary content creators newsletter.

1. Gánate la confianza con tu nombre de remitente

Lo que normalmente ves en una bandeja de entrada de correo electrónico: el nombre del remitente, la línea de asunto y el preencabezado.

El objetivo principal del campo del nombre del remitente del correo electrónico es informar al destinatario de quién proviene el mensaje. Pero eso no es todo. El nombre del remitente también tiene el poder de reforzar el asunto y la vista previa del texto, lo que aumenta las tasas de apertura de tus correos electrónicos.

Para que esto suceda, tu nombre de remitente debe ser reconocible y confiable, y no puede ser engañoso en absoluto. Siempre que tus suscriptores tengan experiencias positivas con tu marca, serán más propensos a abrir los mensajes que tengan tu nombre de remitente junto a ellos.

Qué poner en tu nombre de remitente

Hay varias formas de construir tu nombre de remitente. Estos son algunos de los patrones más populares que puedes seguir (con ejemplos):

  • [Nombre de la empresa] – GetResponse
  • [Nombre de la persona] de [Nombre de la empresa] – Jorge de GetResponse
  • [Nombre de la empresa] [Nombre del mensaje o tema] – Newsletter de GetResponse
  • [Nombre del departamento] en [Nombre de la empresa] – Marketing GetResponse
  • Equipo/Comunidad/Plantilla de [nombre de la empresa] – Equipo de GetResponse
  • [Nombre del empleado] – John Smith

Cuando elijas tu nombre de remitente, asegúrate de comprobar cómo aparece en el buzón de correo de tu destinatario. Si es demasiado largo, es posible que se trunque y tu suscriptor tenga problemas para reconocer de quién proviene el correo electrónico.

Nombre del remitente truncado en un correo electrónico de la American Marketing Association.
Nombre del remitente truncado en un correo electrónico de la American Marketing Association.

Consejo profesional: para mejorar la imagen y la capacidad de entrega de tu marca, asegúrate de enviar tu correo electrónico utilizando un dominio de correo electrónico personalizado, por ejemplo, jorge@tudominio.com, en lugar de utilizar dominios gratuitos de servicios como Google o Yahoo! Y de paso, no olvides autenticarlo también.

Plantillas de correo electrónico gratuitas en GetResponse – categoría Educación.

2. Capta la atención con el asunto

Al igual que un buen tráiler de película, el asunto debe ser interesante, entretenido o atractivo, y proporcionar suficiente información para convencer a los destinatarios de que abran el correo electrónico. Y como las bandejas de entrada de correo electrónico suelen estar muy llenas, no está de más que el asunto también destaque de alguna manera.

Qué hacer y qué no hacer con las líneas de asunto de los correos electrónicos

Estos son algunos de los elementos que puedes utilizar en tus líneas de asunto para que sean más visibles en una bandeja de entrada. Para conocer más estrategias, lee nuestra guía sobre cómo escribir líneas de asunto de correo electrónico eficaces.

  • Personalización (por ejemplo, el nombre del destinatario)
  • Números
  • Emojis
  • Palabras poderosas
  • Preguntas
  • Juegos de palabras
  • Modismos
  • Términos relacionados con tu marca
  • Nombres de marcas que tu público reconocerá de inmediato

Al mismo tiempo, debes evitar lo siguiente:

  • Escribir el asunto del correo en mayúsculas
  • Usar puntuación excesiva
  • Usar RE:, FW: y otras frases que puedan engañar al destinatario y hacerle pensar que se trata de una comunicación personal
  • Usar frases que se asocian comúnmente con el spam
  • Engañar o inducir a las personas a abrir tus correos electrónicos

Para inspirarte, aquí tienes algunos asuntos de correo electrónico creativos que Phrasee utiliza en sus newsletters:

Creative email subject lines from Phrasee.

Longitud del asunto

Si el asunto tiene demasiados caracteres, es posible que se trunque en algunos proveedores de correo electrónico. Debido a esto, tu mensaje puede perder su significado (y su impacto), o incluso llegar a parecer extraño o incómodo en ocasiones. Para asegurarte de que tu mensaje se transmita correctamente, es recomendable que los asuntos sean relativamente cortos (menos de 60 caracteres).

Dicho esto, no te preocupes demasiado si no puedes reducir el número de palabras. Nuestro estudio ha demostrado que los asuntos más eficaces no siguen la regla de «ser breves» y se centran más en ser específicos. Al fin y al cabo, si tu marca tiene un público comprometido, a este no le importará si utilizas emojis o un número excesivo de caracteres.

Imagen que muestra dos correos electrónicos con líneas de asunto de longitudes muy diferentes.

Observa la diferencia de longitud entre estas líneas de asunto de los correos electrónicos

Uso de emojis en los asuntos de los correos electrónicos

Los emojis pueden ayudar a que tus correos electrónicos destaquen, pero ¿siempre es buena idea incluirlos en los asuntos? Hasta ahora, no hay consenso al respecto.

Imagen que muestra dos correos electrónicos que utilizan emojis en sus líneas de asunto.

Hemos realizado nuestra propia investigación, que demostró que los emojis pueden reducir tu tasa de apertura en un 5 %, pero solo se utilizan en alrededor del 25 % de los mensajes.

Aunque somos partidarios del uso de emojis, tendrás que probar esta táctica por ti mismo (mediante una prueba A/B) y ver si se ajusta al tono de tu comunicación y a las necesidades de tu público objetivo.

Personalización en las líneas de asunto de los correos electrónicos

La personalización es una táctica bastante común utilizada por los especialistas en marketing que redactan las líneas de asunto de sus correos electrónicos.

Lo más habitual es que se utilice para mostrar el nombre del destinatario o alguna otra característica, como el nombre de la empresa o su ubicación.

Línea de asunto de correo electrónico personalizada que muestra el nombre de la empresa GetResponse. También visible en el preencabezado.

En un escenario más sofisticado, podrías crear líneas de asunto completamente diferentes basadas en los comportamientos pasados de tus suscriptores.

Por ejemplo, si sabes que tu cliente ha comprado anteriormente un champú para cabello rizado o un tinte especial, podrías hacer referencia a su tipo o color de cabello en el asunto del correo electrónico.

Aunque personalizar las líneas de asunto de los correos electrónicos es una buena práctica, es recomendable que lo pruebes y compruebes si va a dar resultados positivos a tu público objetivo.

La efectividad del uso de la personalización en las líneas de asunto de los correos electrónicos, basada en los datos del informe Email Marketing Benchmarks.

Más información:
1. ¿Qué es el email marketing?
2. Cómo crear una newsletter: la guía completa
3. Autenticación de email: una guía para empezar a proteger tu reputación como remitente

3. Añade un texto de preencabezado

Email preheader design.

Nuestros datos muestran que los mensajes con preencabezados tienen una tasa media de apertura de alrededor del 44,67 %. Eso es aproximadamente un 5 % más que los correos electrónicos sin preencabezados. Sin embargo, sorprendentemente, solo el 37,53 % de los mensajes tienen uno.

Aunque esto podría ser solo una correlación, creemos que los subencabezados funcionan y vale la pena probarlos. Especialmente porque añadir un enlace «ver este mensaje en línea» a tu preencabezado no te llevará mucho tiempo y puede ayudar a tu público a ver el mensaje, incluso si las imágenes han sido bloqueadas automáticamente por su cliente de correo electrónico.

El impacto de incluir un preencabezado en los correos electrónicos, según los datos del informe Email Marketing Benchmarks.

Cómo crear un buen preencabezado

Piensa en el preencabezado como una extensión de tu línea de asunto. Es una oportunidad adicional para aportar más valor o algo interesante que no has podido incluir en la línea de asunto.

Lo mejor es crear estos dos elementos en pareja, de modo que el preencabezado se base en tu línea de asunto y la mejore.

Por ejemplo:

Asunto del correo electrónico: Deja todo lo que estés haciendo. Rebajas en toda la web. Ahora.

Texto del preencabezado: Es nuestro cumpleaños 🎉 ¡Rebajas en toda la web y envíos y devoluciones gratuitos para celebrarlo!

Asunto: ¡Ahora o nunca!

Preencabezado: Solo quedan 8 horas para estas ofertas del Cyber Monday

Longitud del preencabezado

Una cosa que debes tener en cuenta es que puede ser difícil estimar cuánto del preencabezado será visible en el cliente de correo electrónico, como puedes observar en la imagen siguiente.

Imagen que muestra correos electrónicos con diferentes longitudes de preencabezado visibles en la vista previa del buzón.

Dependerá del cliente de correo electrónico, del dispositivo que utilice el destinatario y de la longitud del asunto. Por ello, asegúrate de que el mensaje más importante se coloque al principio del preencabezado.

4. Destaca con las anotaciones de correo electrónico

¿Quieres que tu correo electrónico destaque incluso antes de abrirlo? La pestaña Promociones de Gmail te permite añadir anotaciones al correo electrónico, pequeños extras visuales como tu logotipo, una insignia de oferta o incluso un minicarrusel de productos. Es una forma rápida de llamar la atención y hacer que tu mensaje parezca más legítimo.

A continuación te explicamos cómo configurarlo en GetResponse:

  • Crea un nuevo correo electrónico, desplázate hacia abajo hasta la pestaña Anotaciones de correo electrónico para Gmail Promociones y actívala.
  • Añade tu logotipo (PNG, JPG o JPEG, máximo 3 MB) para aumentar el reconocimiento de la marca.
  • Escribe una breve descripción de la oferta, por ejemplo, «Finaliza esta noche» o «Envío gratuito dentro de».
  • Si lo deseas, incluye un código promocional o fechas de validez para que Gmail pueda mostrar «Caduca pronto».
  • Si te lo aprueban, añade un carrusel de imágenes con productos u ofertas (hasta 10 diapositivas).
Correos electrónicos con anotaciones en la pestaña de Promociones de Gmail. Fuente: Google.
Correos electrónicos con anotaciones en la pestaña Promociones de Gmail. Fuente: Google

Consejo profesional: mantén la coherencia entre la anotación, el asunto y el preencabezado; deben parecer una sola historia, no tres titulares que compiten entre sí. Aunque Gmail no siempre muestre las anotaciones, cuando lo hace, tú destacarás por encima del resto.

5. Mantén tu correo electrónico acorde con la marca

Para ayudar a tus destinatarios a establecer una relación más sólida con tu marca, asegúrate de que tus plantillas de correo electrónico coincidan con tu identidad visual.

Esto significa que tu logotipo, imágenes, tipografía, colores y botones de llamada a la acción deben ser coherentes con lo que presentas en tu sitio web y otros canales de marketing.

Si todavía estás trabajando en una identidad visual establecida, ten en cuenta estos consejos:

  • Crea una combinación de colores utilizando colores interesantes y complementarios. Si no sabes cómo hacerlo, puedes generarlos utilizando una herramienta llamada Coolors (gratuita). De este modo, dispondrás de un conjunto específico de colores para utilizar en elementos individuales como encabezados, CTA y textos.
  • Elige hasta dos fuentes que combinen bien (más adelante hablaremos de esto) y utilízalas en todos tus correos electrónicos. Una para los titulares y otra para el texto principal y las llamadas a la acción.
  • No compliques demasiado tus plantillas de correo electrónico. Asegúrate de que sean sencillas, estéticamente agradables y reconocibles.
  • Busca inspiración en sitios web como ReallyGoodEmails o Email Love.

El logotipo de tu empresa

Añadir el logotipo de tu empresa a tus correos electrónicos puede ayudarte a distinguir tu marca de todas las demás empresas que tus destinatarios verán en sus bandejas de entrada.

En la propia plantilla de correo electrónico, te recomendamos que añadas el logotipo en la parte superior del mensaje, ya sea en el centro o en la esquina izquierda. A algunos especialistas en email marketing también les gusta colocar su logotipo en el pie de página, justo encima de la sección de exención de responsabilidad y los enlaces para darse de baja.

Quizás también hayas notado que, en algunos clientes de correo electrónico, el logotipo aparece junto al nombre del remitente, como en la imagen siguiente:

Correos electrónicos con el logotipo de la empresa mostrado junto al nombre del remitente.

Esta función no es totalmente compatible con todos los proveedores de buzones de correo electrónico, pero algunos de los más importantes ya han comenzado a implementarla.

Para poder mostrar tu logotipo en las aplicaciones de correo electrónico de Gmail, tu dominio debe estar alojado en GSuite. Si envías tus correos electrónicos a través de un servicio externo (como un software de email marketing como GetResponse), debes asegurarte de que tu dominio esté autenticado con un DKIM personalizado. Cuando se cumplan estos dos requisitos, el logotipo debería ser visible en el entorno de Gmail.

Ahora también puedes mostrar tu logotipo en los proveedores de correo electrónico de Oath (Yahoo!, AOL, etc.). Esto se debe al nuevo método de autenticación denominado Indicadores de marca para la identificación de mensajes (BIMI). Este método aún se encuentra en fase beta, por lo que solo es compatible con determinados proveedores de correo electrónico, pero es probable que otros servicios similares lo adopten en un futuro próximo.

Para obtener más información sobre cómo añadir tu logotipo e implementar BIMI, consulta esta publicación.

Consejo profesional:

GetResponse ofrece DKIM personalizado de forma gratuita. A continuación, te explicamos cómo puedes configurarlo y mejorar el envío de tus correos electrónicos.

6. Destaca la oferta en tu encabezado

Email template header.

Conseguir que la gente abra tu correo electrónico es solo el primer paso. Para que hagan clic en tu oferta, debes atraerlos y conseguir que se desplacen por tu mensaje. Una forma estupenda de hacerlo es aprovechando la sección superior de la página. Principalmente, el encabezado.

El encabezado de un correo electrónico se utiliza principalmente para resumir la oferta principal de un mensaje determinado. Se encuentra en la parte superior del cuerpo del correo electrónico y puede ser una imagen, texto o una combinación de ambos. Un encabezado de correo electrónico eficaz destaca, comunica claramente de qué trata el mensaje y da una buena razón para seguir leyéndolo.

A continuación, te indicamos algunos elementos que te conviene utilizar en el encabezado de tu correo electrónico para lograrlo:

  • Tu marca y/o logotipo
  • Menú o barra de navegación
  • Un titular impactante que resuma tu oferta principal
  • Una llamada a la acción que dirija a tu sitio web
  • Algo interesante o atractivo que capte inmediatamente la atención
  • Otras razones o incentivos para seguir desplazándose hacia abajo

Ten en cuenta que tu encabezado no siempre se mostrará completo a todos tus destinatarios, debido a la variedad de dispositivos que pueden utilizar para abrir tus mensajes. La mayoría de los dispositivos y clientes de correo electrónico solo muestran los primeros 300 píxeles, por lo que tu encabezado debe convencerlos de que sigan desplazándose hacia abajo.

Además, si decides crear un encabezado con imágenes, asegúrate de proporcionar el texto ALT (y, posiblemente, darle estilo) para que tu mensaje sea más impactante para aquellos suscriptores que tienen las imágenes bloqueadas en sus correos electrónicos de forma predeterminada.

A continuación se muestra un ejemplo de un encabezado de correo electrónico que sigue varias de las prácticas recomendadas mencionadas anteriormente:

Ejemplo de un buen diseño de encabezado de correo electrónico.
  1. Tiene el logotipo de la empresa claramente visible en la parte superior del mensaje.
  2. Tiene un titular llamativo e intrigante y un subtítulo justo debajo.
  3. Una imagen intrigante pero difícil de describir en el centro.
  4. Una burbuja que refuerza el interés despertado por el titular.

Menú y navegación

A veces querrás incluir una barra de navegación en la parte superior del encabezado de tu correo electrónico. Esta es una táctica utilizada principalmente por las marcas de comercio electrónico que puede ayudarte a generar más clics en las áreas nuevas o destacadas de tu sitio web.

Esta sección puede resultar especialmente útil si realizas un seguimiento de los clics en cada elemento individual del menú. Esto puede ayudarte a segmentar mejor tu público e incluso a activar secuencias de correo electrónico automatizadas si utilizas la automatización del correo electrónico.

Aquí tienes un ejemplo de una newsletter que utiliza esta función para dirigir a las personas a sus diferentes categorías de productos: hombre, mujer, camisetas y gorras:

Imagen que muestra una newsletter diseñada para incluir un menú de navegación en la parte superior.

Cuando utilices barras de navegación en tus correos electrónicos, asegúrate de comprobar que se ven bien y se adaptan correctamente a todos los diferentes tipos de dispositivos. La bandeja de entrada de un correo electrónico tiene un ancho limitado, por lo que copiar simplemente la barra de menú de tu sitio web puede que no sea la mejor opción.

Caso práctico: Descubre cómo TechSoup Polska, una organización que ayuda a las organizaciones sin ánimo de lucro a acceder a las nuevas tecnologías, aumentó el valor de sus pedidos en un 1200 % interanual gracias a campañas de correo electrónico específicas.

7. Usa las imágenes de forma estratégica

Las buenas imágenes son importantes en todos los aspectos del marketing, incluidos los correos electrónicos.

A la hora de elegir los gráficos para tus campañas de correo electrónico, deberás decidir lo siguiente:

  • ¿De dónde vas a obtener tus imágenes? (banco de imágenes, personalizadas, licencia abierta)
  • ¿Qué formato vas a utilizar? (.jpg, .png, .gif)
  • ¿Cuánto espacio ocuparán las imágenes en el correo electrónico?
  • ¿Qué harás cuando las imágenes se bloqueen en el buzón de correo de tus destinatarios?

Imágenes de archivo frente a imágenes personalizadas

A la hora de elegir entre imágenes de archivo o personalizadas, no hay una opción correcta o incorrecta. Solo asegúrate de que el enfoque que elijas se ajuste a tu identidad visual general y te ayude a crear la sensación adecuada para tu marca.

Aquí tienes un ejemplo de una marca llamada United by Blue que utiliza fotos personalizadas en sus correos electrónicos:

Ejemplo de diseño de newsletter que utiliza imágenes personalizadas, haciendo la comunicación más auténtica y atractiva.

Consejo profesional: Editor de correos electrónicos de GetResponse incluye más de 2 millones de imágenes de archivo gratuitas y de alta calidad de Shutterstock que puedes personalizar fácilmente y utilizar en tus campañas de correo electrónico.

Diferentes formatos de imagen (.jpg, .png, .rgb)

En lo que respecta al formato de las imágenes, la situación es diferente. Por supuesto, querrás mostrar imágenes de alta calidad que presenten tu oferta de la mejor manera posible, pero también debes tener en cuenta el tamaño de los archivos de imagen.

En general, cuanto más pesados sean tus archivos, más difícil será entregarlos a las bandejas de entrada de tus suscriptores, así que siempre que crees gráficos para tus correos electrónicos, asegúrate de que estén optimizados para la web.

En la mayoría de los casos, te conviene utilizar los formatos .jpg y .png y optimizar tus imágenes con una herramienta como Squoosh.

Relación imagen-texto

Al crear correos electrónicos, también debes prestar atención a la proporción de tu mensaje que ocupan las imágenes y el texto. Esto se refiere a la llamada proporción de imagen a texto, un aspecto del que hemos hablado en nuestra publicación sobre cómo mejorar la capacidad de entrega del correo electrónico.

En general, cuanto más texto, mejor será tu capacidad de entrega. Cuanto más espacio ocupen las imágenes en tu correo electrónico, más difícil te resultará llegar a la bandeja de entrada.

Esto no significa que tus correos electrónicos no deban contener imágenes. Eso no es factible y ningún negocio de comercio electrónico lo permitiría. Pero tu mensaje no debe consistir solo en una gran imagen y un pie de página.

Ejemplo de un newsletter que utiliza una imagen grande en lugar de texto.

Ejemplo de un correo electrónico compuesto casi en su totalidad por una imagen

Consejo profesional:

Si utilizas el Editor de correos electrónicos de GetResponse para crear tus mensajes y subes tus propios gráficos personalizados, asegúrate de optimizarlos primero con nuestra herramienta de edición de imágenes. Solo tienes que abrir la imagen como en el GIF que aparece a continuación y guardarla, y se comprimirá automáticamente para adaptarse mejor a las necesidades de los ISP.

Cómo comprimir imágenes en GetResponse.

Atributo ALT y qué hacer cuando las imágenes se bloquean automáticamente

Cuando diseñes tus correos electrónicos, asegúrate de tener en cuenta a las personas que no tienen activada la descarga automática de imágenes. Incluso sin las imágenes cargadas, tus correos electrónicos deben convencer a estos consumidores de que vale la pena leer tu comunicación.

Entonces, ¿qué puedes hacer? En primer lugar, asegúrate de que tus newsletters contengan ambos elementos: texto con un estilo adecuado e imágenes con el atributo ALT rellenado.

Añadir el atributo ALT tiene otra ventaja, que es también la razón principal por la que deberías utilizarlo. Si algunos de tus destinatarios utilizan un lector de pantalla para descubrir tus correos electrónicos, el atributo ALT les ayudará a comprender el contenido.

Como inspiración, considera este newsletter que se ve bien antes y después de cargar las imágenes. Aunque no han proporcionado el texto ALT para su imagen de cabecera, su correo electrónico incluye un texto bien diseñado que es lo suficientemente atractivo como para convencer al suscriptor de que haga clic en su oferta.

Ejemplo de correo electrónico que se ve bien incluso sin que se carguen las imágenes.
Email example that looks good even without the images loaded – here what it looks like after we chose to display images.

Y ahora veamos un correo electrónico que no cumple ninguno de los dos requisitos que hemos mencionado.

Correo electrónico que no tiene texto alternativo y ninguna imagen cargada.

Esto no te da ganas de hacer clic en este correo electrónico, ¿verdad?

GIF

Una forma de aumentar las tasas de interacción con tus correos electrónicos es añadir GIF cortos a tus mensajes. Su compatibilidad es casi universal y a muchos de nosotros nos gusta compartirlos en Slack, Facebook o Instagram.

Cuando utilices GIF, presta atención al tamaño de los archivos. Puede ser tentador compartir animaciones largas y de alta calidad, pero estas pueden afectar a la capacidad de entrega y tardar mucho tiempo en cargarse ante los ojos de tus destinatarios. Para comprimir tus GIF, puedes utilizar una de las muchas herramientas gratuitas que hay disponibles en línea, por ejemplo, Ezgif.

Hay muchas formas de utilizar los GIF para aumentar tus tasas de interacción. A continuación te mostramos un ejemplo extraído de un newsletter enviado por una marca llamada MeUndies.

Newsletter diseñado utilizando una animación GIF grande.

Consejo profesional:

Añadir GIF a tu correo electrónico funciona de la misma manera que si estuvieras añadiendo una imagen estática normal. En GetResponse, esto se simplifica aún más gracias a la integración incorporada con GIPHY.

GetResponse integración con Giphy.

8. Utiliza vídeos para impulsar la interacción

Video en plantilla de email

Si quieres captar la atención de tu público, no hay nada mejor que los vídeos. Por desgracia, los clientes de correo electrónico siguen estando a la zaga de las tendencias, y la compatibilidad con vídeos se limita a unos pocos proveedores de buzones de correo (como Apple Mail, Outlook para Mac y Thunderbird). Eso no significa que no puedas enviar vídeos por correo electrónico. Puedes hacerlo, pero lo más seguro es utilizar una miniatura (una imagen estática o un gif con un botón de reproducción) y vincularla a tu archivo de vídeo.

Invitación a un webinar que incluye una miniatura de video.

Smart Bug utiliza una imagen en miniatura de vídeo para promocionar su webinar

Este método puede no parecer ideal, pero garantiza que todos los destinatarios de tu correo electrónico puedan ver tu vídeo. Además, cuando hagan clic en la miniatura, el vídeo se abrirá en la aplicación o el navegador que elijan. Se podría argumentar que esta es una mejor experiencia para el usuario que tener que ver un vídeo en un correo electrónico.

Consejo profesional:

Añadir vídeos de YouTube a tus correos electrónicos es fácil en GetResponse. Solo tienes que proporcionar la URL y se creará automáticamente una miniatura con un botón de reproducción.

Agregando video a un correo electrónico en GetResponse.

Consejo profesional: El vídeo no es el único formato de contenido atractivo que puedes incrustar en tus correos electrónicos. El contenido interactivo, como encuestas, formularios y juegos en los que se puede hacer clic, es cada vez más popular, ya que cada vez más proveedores de correo electrónico lo admiten.

Las campañas de email marketing tienen como objetivo dirigir los clics a tu sitio web o landing page a través de enlaces en tus mensajes.

Si estás creando correos electrónicos en HTML, puedes incluir hipervínculos en prácticamente cualquier elemento: un fragmento de texto, una imagen (incluso un GIF) o un botón de llamada a la acción.

En el caso de los correos electrónicos de texto sin formato, incluir una URL directamente puede dar lugar a un hipervínculo automático o requerir que el destinatario la copie y pegue manualmente.

¿Qué enfoque debes utilizar? En general, son preferibles los correos electrónicos HTML, especialmente para fines de seguimiento.

Sin embargo, antes de continuar, hay otra cosa que debes tener en cuenta. Es importante mantener la proporción entre texto y enlaces, sobre la que puedes obtener más información en esta publicación sobre cómo mejorar la capacidad de entrega de tus correos electrónicos.

Seguimiento y UTM

Una de las principales ventajas de utilizar correos electrónicos HTML es el seguimiento. Las dos cosas principales que puedes rastrear con los correos electrónicos son las aperturas de mensajes y los clics en los enlaces.

El primero se consigue mediante el uso de una pequeña imagen estática que se carga junto con el resto de imágenes de tu correo electrónico. Dicho esto, si el destinatario no carga las imágenes de tu mensaje, no sabrás si realmente lo ha abierto o no.

El seguimiento de los clics se consigue utilizando un dominio adicional que se añade a los enlaces de tu correo electrónico. Así, si alguien hace clic en uno de tus enlaces, durante una fracción de segundo se le redirige a un dominio que se utiliza únicamente con fines de seguimiento y, a continuación, a la página a la que querías que llegara.

Puedes ver cómo funciona pasando el cursor por encima de cualquier enlace de tu bandeja de entrada de correo electrónico:

What email tracking looks like and how it works.

Para obtener más información, puedes añadir parámetros UTM a tus enlaces (si utilizas Google Analytics). Esto te permitirá realizar un seguimiento de tus campañas de correo electrónico en tu cuenta de GA y te proporcionará más información sobre el comportamiento y las preferencias de tus suscriptores.

10. Haz que tus CTA destaquen

Botones de llamada a la acción (CTA) en correos electrónicos.

Para aumentar las tasas de clics en los correos electrónicos, céntrate en una llamada a la acción (CTA) principal que destaque tu oferta principal y utiliza las CTA secundarias con moderación. Asegúrate de que tu CTA sea visible (lo ideal es que esté en la sección superior de la página) y accesible, utilizando colores contrastantes y un amplio espacio en blanco para facilitar el acceso.

Aunque es posible incorporar llamadas a la acción en las imágenes, es preferible utilizar llamadas a la acción independientes, ya que es habitual que las imágenes se bloqueen en los correos electrónicos.

Además, prueba con textos de CTA estándar y descriptivos, como «Compra ahora» o «Prueba este jersey», para determinar cuál se ajusta mejor a tu marca y ofrece resultados óptimos.

Pie de página del mensaje

Por último, pero no menos importante, está el pie de página, otra parte importante de tus plantillas de correo electrónico.

La gran mayoría de los especialistas en email marketing utilizan el pie de página de una manera bastante genérica, incluyendo solo los elementos que están obligados a incluir por ley (como la información de la empresa, un enlace para darse de baja) y los iconos de redes sociales vinculados a los perfiles de su empresa.

Sin embargo, puedes ser más creativo con el diseño del pie de página de tu correo electrónico y utilizarlo para crear una experiencia de marca positiva y alcanzar objetivos adicionales. Por ejemplo:

  • Destacar tu propuesta de venta única
  • Recopilar comentarios de tu público
  • Promocionar tu blog, podcast u otro contenido.
  • Promocionar una oferta especial visible solo para los fans más comprometidos
  • Promocionar tu aplicación, enlaces útiles (por ejemplo, localizador de tiendas) y números de teléfono.
  • Mostrar el lado más humano de tu empresa

Aquí tienes algunos ejemplos de pies de página de correo electrónico que te pueden servir de inspiración:

Pie de página de electrónico con buen diseño.

El pie de página de un correo electrónico de Magic Spoon transmite una promesa de felicidad

Pie de página que promociona la aplicación de la marca.

Gucci utiliza el pie de página del correo electrónico para promocionar la aplicación Gucci

Pie de página de correo electrónico que recuerda a la audiencia los valores principales de la marca.

Uncommon Goods utiliza el pie de página para recordar a su público sus valores fundamentales

12. Haz que tus correos electrónicos sean accesibles

Todos somos un público diverso y tus campañas de email marketing deben diseñarse de manera que todos puedan acceder a ellas y comprenderlas.

Según la Organización Mundial de la Salud, más de 2200 millones de personas viven con algún tipo de discapacidad visual. Y no se trata solo de poder leer o ver tus correos electrónicos. Millones de personas tienen discapacidades auditivas, cognitivas, mentales o emocionales.

Es probable que algunos de tus suscriptores se vean afectados por esto. Y si quieres que puedan acceder mejor a tus correos electrónicos, aquí tienes algunas cosas que debes tener en cuenta:

  • Añade siempre texto ALT a tus imágenes si aportan información nueva. De esta forma, las personas que utilizan lectores de pantalla podrán comprender mejor el contenido.
  • Ten cuidado con la relación de contraste de tus imágenes y colores. Por ejemplo, el texto blanco sobre fondo amarillo puede ser difícil de leer. Herramientas como WebAIM Contrast Checker te ayudarán a evaluar si tu contenido tiene suficiente contraste.
  • Utiliza un tamaño de fuente razonable (normalmente entre 14 y 16 px) con un interlineado adecuado.
  • Deja suficiente espacio en blanco entre las diferentes secciones y elementos.
  • Utiliza fuentes legibles.
  • Evita hacer referencia a imágenes. Utiliza pies de foto y ten cuidado al sustituir texto real por imágenes (esto también se aplica a los gifs y los emojis).
  • Asegúrate de que el contenido de tu correo electrónico sea legible, idealmente a un nivel de 6.º grado. Herramientas como Hemingway Editor te ayudarán a evaluarlo.
  • Utiliza hipervínculos de texto que indiquen al público lo que verán al hacer clic en el enlace. Evita frases genéricas como «haz clic aquí».
  • Si deseas destacar una información, no lo hagas solo con el color.

Además, en tu texto, evita hacer referencia a los colores o la ubicación espacial de los elementos dentro del mensaje (por ejemplo, «Haz clic en el botón verde de abajo para continuar»).

13. Usa fuentes compatibles

Las fuentes que elijas definen el aspecto y el estilo de tus correos electrónicos. Aunque hay cientos de miles de fuentes disponibles en la web, no todas son adecuadas para la comunicación por correo electrónico.

Naturalmente, puedes utilizar cualquier fuente que desees (que se ajuste a tu identidad visual de marca) en imágenes estáticas y GIF. Pero en el texto, es mejor que te limites a utilizar fuentes del sistema y fuentes web.

Las fuentes del sistema son aquellas que se pueden mostrar en todos los dispositivos o en cualquier aplicación, y siempre tendrán el mismo aspecto. Entre ellas se incluyen Georgia, Times New Roman y Verdana.

Las fuentes web, por otro lado, aunque son ampliamente compatibles, a veces pueden mostrarse de forma diferente en el dispositivo de tus destinatarios. Algunas de las más populares son Roboto, Lato y Montserrat.

Por eso, la mejor solución es: 1) utilizar solo fuentes del sistema, o 2) utilizar fuentes web junto con una fuente del sistema alternativa que se mostrará en caso de que no se pueda utilizar la fuente personalizada.

Lo ideal es que solo utilices hasta dos fuentes diferentes en tus plantillas de correo electrónico (una para el encabezado y otra para el texto principal y las llamadas a la acción). Para encontrar fuentes que combinen bien, considera la posibilidad de utilizar Fontpair o ver las combinaciones más populares en Google Fonts.

Consejo profesional:

A continuación te explicamos cómo configurar tus fuentes en el Creador de correos electrónicos de GetResponse:

Agregar fuentes personalizadas en el Creador de Correos de GetResponse.

14. Redacta un texto atractivo

Redactar textos para correos electrónicos es un tema en sí mismo y se podría escribir un libro electrónico completo sobre ello.

De hecho, Joanna Wiebe, de Copy Hackers, escribió uno y puedes leerlo aquí: How to Write Newsletters that Get Opened Read and Clicked. Te ayudará a aumentar tus aperturas, clics y conversiones. En otras palabras, hará que tus campañas de correo electrónico tengan más éxito.

Además de los consejos que encontrarás en este libro electrónico, debes tener en cuenta que la gente no suele dedicar mucho tiempo a leer los correos electrónicos. Los ojean y, a menudo, hacen clic en el enlace al sitio web para leer la información completa allí.

Por eso, es recomendable que tus textos sean concisos y vayan directos al grano. También puedes utilizar listas con viñetas, titulares y resaltar las partes más importantes poniendo el texto en negrita o resaltándolo.

Ejemplo de un correo electrónico que mantiene su texto bien estructurado.

15. Haz que tus correos electrónicos parezcan personales

Hemos hablado brevemente sobre la personalización en el contexto de las líneas de asunto de los correos electrónicos. Pero, ¿cómo se personalizan los correos electrónicos en general?

Esto se hace mediante el uso de contenido dinámico, una sintaxis que te permite decidir qué tipo de contenido se mostrará a un suscriptor en particular. Pero no te preocupes, gracias a herramientas como el Constructor de Contenido Dinámico Visual de GetResponse, no necesitas saber programar.

En su forma más simple, podrías escribir algo como [[firstname]], y esto mostraría el nombre de tu suscriptor dentro de tu mensaje. ¿Y si no dispones de esa información? Podrías proporcionar un mensaje alternativo que aparecería en caso de que el nombre no estuviera disponible.

Los casos de uso más avanzados del contenido dinámico te permitirían mostrar un mensaje completamente diferente (texto, imágenes, enlaces) basado en la información del cliente que tienes almacenada en tu base de datos.

Gracias a esto, podrías mostrar un número diferente de puntos que tu suscriptor ha acumulado en tu programa de fidelización, así como las diferentes recompensas que podría canjear. O podrías mostrar un conjunto diferente de productos que ha visto en tu sitio web o que ha comprado en el pasado.

Correo electrónico personalizado de Grammarly que muestra información adaptada según la actividad del usuario.

Según nuestros datos, los correos electrónicos que utilizan la personalización en el cuerpo del mensaje tienen una tasa de clics media un 1,27 % más alta. A pesar de ello, son principalmente las organizaciones más grandes (o las que se centran más en el marketing) las que utilizan la personalización.

Esto se debe en gran medida a que los especialistas en email marketing no disponen de datos suficientes para personalizar sus correos electrónicos o a que el tiempo y el esfuerzo necesarios para adaptar su comunicación a gran escala no proporcionan el retorno de la inversión que justificaría los costes.

Aun así, te recomendamos que pruebes a personalizar tus campañas de correo electrónico, aunque sea de la forma más sencilla. Puedes empezar por saludar a tus suscriptores por su nombre en el asunto, en el cuerpo del correo electrónico o incluso en la imagen, si utilizas una herramienta como NiftyImages. Esto puede ayudarte a captar mejor la atención de tu público y a obtener resultados como los del ejemplo siguiente.

Contenido de correo electrónico personalizado creado con NiftyImages.

16. Elige el diseño óptimo para tu correo electrónico

El diseño de tu correo electrónico debe ayudar a tus destinatarios a consumir el contenido de tu mensaje con facilidad y en el orden correcto. Hay varios diseños de correo electrónico populares que probablemente vas a utilizar.

Una columna

En un diseño de una columna, todo el contenido del correo electrónico se coloca en una sola columna, uno tras otro. Se trata de un enfoque sencillo, pensado para dispositivos móviles, que garantiza que toda tu información se muestre perfectamente tanto en dispositivos de correo electrónico como en otras pantallas más grandes. También es ideal para centrar la atención de tu público en los lugares que deseas que vean.

Newsletter diseñado utilizando un diseño de una sola columna.

Pirámide invertida

El marco de pirámide invertida hace que sea aún más fácil dirigir la atención y los clics hacia las áreas que deseas que tu público vea. Al colocar el contenido más amplio (normalmente el encabezado o un banner) en la parte superior y el contenido más reducido en la parte inferior (tu llamada a la acción), los ojos de los espectadores se dirigen automáticamente al lugar directamente relacionado con tus conversiones.

Newsletter diseñado con el formato de pirámide invertida.

Zigzag

Este es otro diseño interesante que lleva la mirada de tus espectadores de un lado a otro de la pantalla mientras se desplaza hacia abajo por el mensaje. Puede ser un diseño muy atractivo que queda muy bien si estás mostrando tus productos y luego los acompañas con una descripción y una llamada a la acción que lleva a la página de tu producto.

Sin embargo, este enfoque tiene una pequeña salvedad, por lo que no lo recomendamos con demasiada frecuencia.

Si cada elemento de tu mensaje es un bloque independiente (como la imagen o la descripción de un producto) y se muestra primero de izquierda a derecha y luego de derecha a izquierda, el orden en que se muestran estos elementos en un dispositivo móvil puede no ser el ideal.

Newsletter siguiendo el diseño en zigzag.

A veces, tu descripción o el botón de llamada a la acción precederán a la imagen, lo que puede resultar confuso para tus destinatarios.

Afortunadamente, si utilizas GetResponse, esto se puede solucionar fácilmente.

En el Editor de correos electrónicos de GetResponse, puedes ajustar el orden de tus bloques para dispositivos móviles por separado. Todo lo que tienes que hacer es activar la opción «Invertir columnas en dispositivos móviles» y tus bloques aparecerán de forma diferente a como lo hacen en los clientes de escritorio. Gracias a esto, puedes estar seguro de que tus plantillas de correo electrónico se verán muy bien en cualquier dispositivo.

Función de invertir columnas en dispositivos móviles en el Creador de Correos de GetResponse.
Uso de la función "Invertir columnas en dispositivos móviles" en el Creador de Correos de GetResponse: vista antes y después.
Uso de la función “Invertir columnas en dispositivos móviles” en el Creador de Correos de GetResponse: vista antes y después.

Dos columnas

El diseño de dos columnas suele ser utilizado por marcas que se centran principalmente en el uso de imágenes en sus correos electrónicos.

Por lo general, incluye un encabezado ancho de una sola columna en la parte superior, con la oferta o el producto principal, y varios bloques debajo divididos en dos columnas.

Diseño de correo electrónico de dos columnas.

Es una mezcla entre el diseño de una sola columna y el diseño en zigzag que hemos descrito anteriormente. Por eso, incluye algunas de las ventajas y desventajas de estos diseños.

La principal desventaja es que, cuando se visualiza un mensaje de dos columnas en un dispositivo móvil, los bloques se apilan uno tras otro, y a algunos especialistas en email marketing no les gusta eso. En su lugar, prefieren que sus productos se redimensionen para adaptarse a una pantalla más pequeña y se muestren uno al lado del otro.

Una vez más, en GetResponse hay una solución fácil para eso. En la configuración de las columnas, puedes activar la opción de mantener las columnas una al lado de la otra cuando el mensaje se muestra en un dispositivo móvil (en lugar de tenerlas apiladas una tras otra).

Aquí es donde se activa esa opción:

Cómo asegurarte de que tus columnas no se apilen cuando el mensaje se vea en dispositivos móviles – Creador de Correos de GetResponse.

Y aquí tienes la comparación, con y sin la función activada:

Con y sin la función «mantener las columnas una al lado de la otra» activada – Creador de Correos de GetResponse.
Con y sin la función «mantener las columnas una al lado de la otra» activada

Ancho del correo electrónico

Si quieres asegurarte de que tus correos electrónicos se vean bien en la mayoría de los dispositivos, debes mantener el ancho de la plantilla de correo electrónico en 600 píxeles (máximo 640 píxeles).

Puede parecer contradictorio al principio, especialmente porque nuestras pantallas son cada vez más grandes, pero ten en cuenta que no todos los clientes de correo electrónico funcionan igual. Muchos buzones de correo mostrarán tu mensaje en un marco rodeado de secciones y pestañas adicionales. Como en este ejemplo de nuestro cliente web Gmail:

Ancho de la bandeja de entrada de Gmail.

Longitud del correo electrónico

No hay pautas claras sobre la longitud que deben tener tus correos electrónicos. Algunos especialistas en marketing prefieren diseñar sus plantillas de correo electrónico de forma que sean breves y concisas, y dirijan directamente a su sitio web. Otros prefieren transmitir tanta información como sea posible y dejar que el correo electrónico hable por sí mismo.

Si tu newsletter consiste principalmente en texto, lo único que debes preguntarte es si la gente se desplazará hasta el final del mensaje para leer todo el contenido. Muchos blogueros se salen con la suya con este enfoque, pero puede que no sea lo ideal si lo que buscas es vender productos de comercio electrónico.

Si tu newsletter consta de varias imágenes, un mensaje largo con múltiples gráficos podría hacer que los grandes proveedores de servicios de Internet, como Gmail, lo trunquen. Esto puede afectar a la percepción general de tu mensaje, por lo que es mejor tenerlo en cuenta.

Espaciado y relleno

Tu plantilla de correo electrónico consta de muchos bloques y secciones diferentes.

La mayoría de las veces, tendrás la imagen del encabezado, algunos bloques de texto, algunas imágenes y llamadas a la acción, y un pie de página. Todos estos elementos deben encajar entre sí, pero también es necesario que haya algo de «espacio para respirar» entre ellos. Con esto me refiero al espacio en blanco.

El espacio en blanco (o espacio negativo) hace que leer y navegar por tu correo electrónico sea mucho más fácil e intuitivo. Y, como tal, afecta a tus conversiones.

No hay un número específico en cuanto al espaciado o relleno adecuado. Debes probarlo tú mismo y decidir qué te parece mejor.

En nuestras plantillas de correo electrónico, solemos añadir un relleno de 20-30 píxeles a la izquierda y a la derecha de cada sección que contiene un bloque de texto.

Gracias a esto, cuando el correo electrónico se ve en un dispositivo móvil, el texto no queda pegado al borde de la pantalla.

Vista previa de los espacios y el relleno en el diseño para escritorio y móvil.

(Esto no es un problema para los bloques de imágenes, por lo que a veces omitimos el relleno a la izquierda y a la derecha).

Para el relleno superior e inferior, solemos utilizar entre 10 y 20 píxeles entre cada elemento o sección. Esto nos ayuda a dar un poco de «espacio para respirar» y hace que nuestros correos electrónicos sean más legibles.

Siempre que configures tu plantilla de correo electrónico, asegúrate de comprobar cómo se ve en diferentes dispositivos y clientes de correo electrónico. Lo que se ve bien en un ordenador de escritorio puede que no siempre se vea bien en dispositivos móviles.

17. Haz que tus correos electrónicos sean responsivos

Dado que más del 50 % de tus destinatarios abren tus correos electrónicos en dispositivos móviles, no puedes crear tus plantillas de correo electrónico pensando solo en las grandes pantallas de los ordenadores de escritorio.

La mejor manera de garantizar que todos tus destinatarios tengan la mejor experiencia posible es crear correos electrónicos adaptables a dispositivos móviles.

Un correo electrónico adaptable a dispositivos móviles se verá bien tanto en dispositivos pequeños como en grandes. Y como creas y envías un solo correo electrónico (optimizado para ambos tipos de dispositivos), no será un problema si tu suscriptor decide abrir tu mensaje utilizando diferentes herramientas.

No vamos a entrar en detalles sobre cómo se codifica un correo electrónico adaptado a dispositivos móviles. Los creadores de correos electrónicos, como el Creador de correos electrónicos de GetResponse, lo hacen automáticamente por ti. Esto significa que las plantillas de correo electrónico que diseñes con ellos se verán bien en todo tipo de dispositivos sin tener que escribir una sola línea de código.

Prácticas recomendadas para el diseño de correos electrónicos para dispositivos móviles

Estas son las mejores prácticas que debes tener en cuenta al diseñar tus correos electrónicos para dispositivos móviles:

  1. Añade una URL «Ver este mensaje en línea» en la parte superior de tu correo electrónico.
  2. Asegúrate de que tu texto sea legible, incluso cuando alguien lea tu mensaje mientras se desplaza. Considera la posibilidad de aumentar el interlineado y el tamaño de la fuente a 14-16 px para el texto normal y a 22 px para los titulares.
  3. Asegúrate de que tus enlaces y llamadas a la acción se puedan pulsar fácilmente con el pulgar. En la mayoría de los casos, lo ideal es que tus botones tengan aproximadamente 44 x 44 px (mínimo 29 x 44 px).
  4. Incluye un espacio adicional entre las llamadas a la acción para facilitar el clic. Añade entre 10 y 20 píxeles de espacio adicional alrededor de las áreas en las que se puede hacer clic y evita añadir varios enlaces de texto uno al lado del otro.
  5. Asegúrate de que tu landing page también esté optimizada para dispositivos móviles. Dirigir a las personas a una página que no se ve bien en su dispositivo sería una pérdida de dinero y podría causar mucha frustración. Además, considera la posibilidad de utilizar enlaces profundos en tus correos electrónicos.
  6. Prueba y comprueba siempre cómo se ve tu plantilla de correo electrónico en diferentes dispositivos antes de enviarla al mundo. Como hemos mencionado y vale la pena reiterar, lo que puede verse bien en un ordenador de escritorio puede no verse igual en un dispositivo móvil (cuando tu contenido se redimensiona o se apila uno encima del otro).
  7. Considera ocultar cualquier sección que no se pueda ver o que no añada valor a la experiencia de tus destinatarios móviles.
  8. Si tu mensaje es largo, considera la posibilidad de repetir tu CTA principal más abajo en tu correo electrónico para ahorrar tiempo de desplazamiento a tus destinatarios.
  9. Para asegurarte de que el asunto no pierda su significado, hazlo breve (30-40 caracteres) o asegúrate de que la información más importante se coloque al principio.
  10. Para evitar que el nombre de tu marca se corte en la bandeja de entrada, mantén tu «nombre del remitente» breve (menos de 30 caracteres).
Ejemplo de una plantilla de correo electrónico responsive para móvil creada en GetResponse.
Ejemplo de una plantilla de correo electrónico adaptada a dispositivos móviles creada en GetResponse.

18. No descuides el modo oscuro

Aunque tú personalmente no utilices el modo oscuro, no puedes ignorarlo en tu proceso de diseño de correos electrónicos.

Diferentes estudios han demostrado que hasta un 80 % de los usuarios cambian al modo oscuro cuando está disponible, lo que sugiere que diseñar para el modo oscuro ya no es solo algo agradable de hacer.

¿Qué hace el modo oscuro en el correo electrónico? En términos sencillos, cambia la paleta de colores de tu correo electrónico, de modo que, en lugar de ver fuentes oscuras sobre un fondo claro, verás fuentes claras sobre un fondo oscuro.

Aunque algunos usuarios prefieren la estética del modo oscuro, las dos ventajas principales de utilizarlo son:

  • facilita la lectura de los correos electrónicos, especialmente en situaciones de poca luz
  • ahorra batería al reducir el brillo de la pantalla

Aquí puedes leer más sobre cómo funciona el modo oscuro y cómo puedes probarlo.

Aquí tienes algunos consejos que te ayudarán a garantizar que tus correos electrónicos se vean bien en el modo oscuro:

  • Utiliza imágenes transparentes. De lo contrario , pueden verse mal cuando todo lo demás en tu plantilla de correo electrónico tenga los colores invertidos.
  • Añade un resplandor blanco alrededor de tus imágenes e iconos negros. De lo contrario, pueden mezclarse con tu plantilla y pasar desapercibidos.
  • Previsualiza tus correos electrónicos antes de enviarlos. Con herramientas como el Editor de correos electrónicos de GetResponse, puedes previsualizar cómo se verán tus correos electrónicos con el modo oscuro activado. Aunque no cubrirá el 100 % de los casos (ya que el modo oscuro funciona de manera diferente en varios dispositivos y aplicaciones), te ayudará en el proceso de diseño de tus correos electrónicos y podrás enviar tus campañas de correo electrónico con más confianza.
Vista previa en modo oscuro en el Creador de Correos de GetResponse.

A continuación se muestran dos imágenes que muestran el mismo correo electrónico (de Hustle) visto en modo oscuro y claro en un dispositivo móvil. Como se puede observar, la imagen del encabezado tiene un fondo transparente y un delicado brillo alrededor para que el logotipo oscuro no pase desapercibido.

Correo electrónico bien diseñado de The Hustle visto en modo claro.
Correo electrónico bien diseñado de Hustle visto en modo claro
Correo electrónico bien diseñado de The Hustle visto en modo oscuro.
Correo electrónico bien diseñado de Hustle visto en modo oscuro

Preguntas frecuentes

¿Qué hace que un diseño de correo electrónico sea bueno?

Un buen diseño de correo electrónico hace que tu mensaje sea fácil de leer, fácil de entender y fácil de actuar. Eso suele significar un nombre de remitente reconocible, un par de línea de asunto y preencabezado claros, un encabezado llamativo en la parte superior de la página, una tipografía legible, suficiente espacio en blanco y una llamada a la acción (CTA) destacada.

¿Cuál es el mejor ancho para una plantilla de correo electrónico?

Una buena práctica habitual es mantener el ancho del correo electrónico en torno a los 600 píxeles (hasta un máximo de 640 píxeles). Esto ayuda a que tu diseño se vea bien en las principales bandejas de entrada y dispositivos, especialmente en los clientes de correo web que muestran los correos electrónicos dentro de un marco más estrecho.

¿Qué diseño de correo electrónico funciona mejor en dispositivos móviles?

Los diseños de una sola columna suelen ser la opción más segura, ya que están pensados para dispositivos móviles y facilitan la lectura. Si utilizas diseños de varias columnas (como en zigzag o de dos columnas), asegúrate de que el orden de apilamiento en dispositivos móviles sigue teniendo sentido y de que tus CTA no aparecen antes del contexto.

¿Las imágenes perjudican la capacidad de entrega del correo electrónico?

Las imágenes no perjudican automáticamente la capacidad de entrega, pero los correos electrónicos «solo con imágenes» sí pueden hacerlo. Mantén un equilibrio adecuado entre imágenes y texto, comprime tus archivos y evita que todo el correo electrónico sea un gran gráfico. Recuerda también que algunos suscriptores bloquean las imágenes de forma predeterminada, por lo que siempre debes incluir contenido de texto significativo.

¿Por qué es importante el texto ALT en los correos electrónicos?

El texto ALT ayuda en dos situaciones: cuando las imágenes están bloqueadas (para que los destinatarios sigan entendiendo lo que hay en el correo electrónico) y para la accesibilidad (los lectores de pantalla dependen del texto ALT para describir los elementos visuales). Si una imagen contiene información importante, el texto ALT debe comunicar el mismo significado.

¿Puedes usar vídeos en los correos electrónicos?

La mayoría de los clientes de correo electrónico todavía tienen una compatibilidad limitada con los vídeos incrustados. El enfoque más fiable es utilizar una miniatura de vídeo (o un GIF con un botón de reproducción) y vincularla a tu vídeo en una landing page, YouTube u otra plataforma de alojamiento. Esto mantiene la coherencia de la experiencia en todas las bandejas de entrada.

¿Qué opciones de diseño de CTA generan más clics?

Utiliza una CTA principal que sea fácil de ver, idealmente en la parte superior de la página. Haz que sea fácil de usar con el dedo en dispositivos móviles (con suficiente espacio), rodéala de espacios en blanco y utiliza un texto claro que coincida con la oferta (por ejemplo, «Compra la nueva colección» en lugar de «Haz clic aquí»). Si incluyes varias CTA, asegúrate de que siga habiendo una acción «principal» obvia.

¿Cómo puedo hacer que los correos electrónicos sean accesibles?

Utiliza tamaños de fuente legibles (a menudo 14-16 px para el cuerpo del texto), un fuerte contraste de colores, texto ALT significativo, texto descriptivo en los enlaces y suficiente espacio entre los elementos en los que se puede hacer clic. Evita depender únicamente del color para comunicar el significado y no hagas referencia visual al diseño (como «haz clic en el botón verde de abajo»).

¿Qué debes hacer con el modo oscuro en el correo electrónico?

Previsualiza tus correos electrónicos en modo oscuro y presta atención a problemas como la desaparición de logotipos, la mezcla de iconos con fondos oscuros o la inversión inesperada de colores. Los PNG transparentes suelen renderizarse mejor, y un contorno sutil y claro («brillo») puede ayudar a que los logotipos oscuros sigan siendo visibles. Prueba siempre antes de enviar.

Resumen

Aunque el correo electrónico es un medio muy antiguo, en los últimos años han cambiado muchas cosas en el mundo del diseño de correos electrónicos.

Siempre estamos atentos a los nuevos avances, prácticas y tendencias, y seguiremos actualizando esta guía para reflejar la situación actual.

Si deseas mantenerte al día, asegúrate de suscribirte a nuestro newsletter para que podamos notificarte cada vez que editemos este y otros recursos.

Y si estás buscando un creador de correos electrónicos que haga que la creación de plantillas de correo electrónico sea una experiencia divertida y gratificante, asegúrate de registrarte para obtener una cuenta gratuita de GetResponse.


Jorge Trout
Jorge Trout
Jorge Trout es un experimentado Asesor de Éxito del Cliente y Sales Development Representative en GetResponse, donde ha desarrollado su carrera durante más de tres años. Con una sólida formación en Marketing y Ventas por la Universidad WSB Merito en Polonia, Jorge combina su pasión por el mundo digital con un enfoque meticuloso y orientado al cliente. Constantemente actualizado en las últimas tendencias, comparte su conocimiento y estrategias de éxito en el blog de GetResponse, ayudando a empresas a optimizar sus procesos de crecimiento comercial.

Send emails, automate marketing, monetize content – in one place