Desarrollo de plantilla de email HTML

Por qué los correos se rompen en Outlook

Outlook para Windows renderiza el correo HTML con un motor pensado para documentos de texto, no para páginas web. Las maquetaciones que se ven perfectas en Gmail y Apple Mail se desmoronan ahí: las columnas se colapsan, los espaciados desaparecen y las imágenes de fondo se esfuman. Muchas empresas siguen teniendo una gran parte de destinatarios en él, sobre todo en el ámbito B2B.

Maquetamos las plantillas con las técnicas antiguas y fiables que el correo todavía necesita: tablas anidadas, estilos en línea y alternativas específicas para Outlook. Los toques modernos, como esquinas redondeadas o fuentes web, se añaden de forma que degraden con elegancia, para que los usuarios de Outlook vean una versión limpia y más sencilla en lugar de una rota.

Modo oscuro y accesibilidad

Cada cliente de correo gestiona el modo oscuro de forma distinta. Algunos invierten todos los colores, otros solo cambian el fondo y otros no tocan nada. Un logotipo negro sobre fondo transparente puede desaparecer por completo, y el texto oscuro puede acabar sobre un fondo oscuro.

Probamos las plantillas en modo oscuro en los principales clientes y ajustamos colores, logotipos y bordes para que todo siga siendo legible. Cuando hace falta, facilitamos versiones alternativas del logotipo que funcionan sobre fondos claros y oscuros.

La accesibilidad se integra desde el principio en lugar de añadirse después: texto real en vez de texto en imágenes, texto alternativo adecuado, contraste suficiente, orden de lectura lógico y un atributo de idioma para los lectores de pantalla.

• Maquetación con tablas compatible con Outlook y alternativas
• Modo oscuro probado en los principales clientes
• Marcado accesible y texto alternativo
• Versiones en texto plano para cada plantilla