Correo electrónico - ¿Qué es el correo electrónico "responsive"?

Con una cantidad creciente de tus mensajes de correo electrónico abiertos en teléfonos, es importante que tus mensajes se adapten al webmail, al escritorio y a dispositivos móviles. Cada vez más diseñadores usan diseño de correo electrónico responsive para garantizar que los correos se vean muy bien en todas partes.

¿Qué es el diseño de correo electrónico "responsive"?

El diseño responsive usa tablas e imágenes fluidas para hacer que el contenido se adapte a diferentes tamaños de pantalla. Si tu mensaje está diseñado con un ancho fijo de 600px para el contenido y la imagen, se verá así en una computadora de escritorio:

Si vemos el mensaje en un cliente móvil, se vería así:

La tabla y la imagen de ancho fijo impiden que el mensaje se reduzca para ajustarse a la pantalla más pequeña. Algunos clientes de correo móvil intentan solucionar el problema de forma "mágica" forzando el mensaje para que quepa en la pantalla pequeña:

Podemos ver toda la imagen, pero el contenido usa un tamaño de fuente más pequeño y se vuelve muy difícil de leer, y mucho menos de revisar rápidamente.

Con un diseño de correo electrónico responsive , el correo es fluido. La imagen y el área de contenido se ajustan para adaptarse a la pantalla, pero el tamaño de fuente del contenido se mantiene grande y legible.

Editor de correo electrónico responsive de eAdventist

El editor de correo electrónico responsive de eAdventist te permite crear mensajes que tienen 1, 2 o 3 columnas cuando se ven en una computadora de escritorio, pero que cambian fluidamente a 1 columna cuando se ven en un teléfono. Incluye una "Vista móvil" que puedes usar para previsualizar el cambio.

Desktop view Mobile view

CONSEJO: Diseñar HTML para correo electrónico es significativamente diferente de diseñar HTML para sitios web, incluso sitios web "responsive". Pegar contenido desde una herramienta para diseñar páginas impresas (por ejemplo, Word, Publisher) o para diseñar sitios web generalmente impedirá que tu mensaje se adapte fluidamente en pantallas pequeñas.