Mi correo electrónico se ve diferente al verlo en Microsoft Outlook
Objetivos del artículo
Descubre por qué algunos correos electrónicos se ven diferentes en Microsoft Outlook que en otras bandejas de entrada, así como consejos para mejorar la consistencia de cómo se muestran tus mensajes en Outlook.
Los motores de renderización de Outlook
Aunque algunas versiones de Outlook usan Webkit (un motor de navegador moderno que interpreta y renderiza HTML de la forma esperada) para mostrar correos electrónicos, muchas otras usan Microsoft Word como motor de renderizado.
Piensa en la última vez que intentaste hacer cambios en una tabla o cambiar el tamaño de una imagen en Microsoft Word. Los problemas de formato que enfrentas al usar Word son similares a los que enfrentan los correos electrónicos en las bandejas de entrada de Outlook.
Debido a esto, un correo electrónico puede verse ligeramente distinto en Outlook que cuando lo diseñas y lo previsualizas inicialmente en Klaviyo.
Si decides optimizar tus correos electrónicos para Outlook, usa la prueba integrada de bandeja de entrada de Klaviyo para previsualizar tus mensajes en distintos dispositivos y bandejas de entrada.
Optimiza los correos electrónicos para Outlook
Es posible que veas los siguientes problemas en Outlook:
- Las imágenes de fondo en divs y celdas de tabla no son compatibles ni se muestran
- Se ignoran los elementos con float y position en CSS
- La sombra del texto no es compatible ni se muestra
- Relleno y margen inusuales, debido a la compatibilidad deficiente con estos elementos
- El ancho y el alto de CSS no se muestran como se esperaba, debido a la compatibilidad deficiente con estos elementos.
- Los colores de fondo de los elementos anidados se muestran incorrectamente o se ignoran
Optimizar un correo electrónico específicamente para versiones recientes de Outlook puede llevar mucho tiempo y requerir pruebas exhaustivas, ya que no hay directrices establecidas. Esto también requiere hacer cambios significativos en la manera en que se colocan las imágenes, y esto puede afectar cómo se muestran los correos electrónicos en otros clientes de correo electrónico y dispositivos.
Ajustar el tamaño de las imágenes para Outlook
Un problema común en las bandejas de entrada de Outlook es que las imágenes se estiran o se ven demasiado grandes. Para evitarlo, establece un ancho para cada imagen en la plantilla.
- Selecciona un bloque de imagen.
- Agrega un número al campo Image layout > W. Para imágenes de ancho completo, usa 600 px (o el ancho que tenga configurado tu correo electrónico, que se encuentra en la sección Styles).
- Guarda los cambios.
GIFs en Outlook
Outlook no admite GIF en los correos electrónicos. En lugar de mostrar una imagen en movimiento, Outlook seleccionará el primer fotograma de tu GIF y lo mostrará como una imagen estática.
Comprende el impacto de Outlook en tu público
Para ver qué porcentaje de tu audiencia está abriendo tus correos electrónicos con Outlook:
- Ve a la pestaña Campañas en Klaviyo.
- Haz clic en una campaña enviada recientemente.
- Haz clic en la pestaña Capacidad de entrega del resumen de la campaña.
- Revisa la sección Rendimiento por dominio de correo electrónico para ver el porcentaje de destinatarios que interactuaron con tu mensaje usando Outlook.
Recursos adicionales
- About email images best practices
Learn about best practices when using images in Klaviyo emails, including size recommendations and how to add images.
- Understanding mobile email optimization
Learn about the default mobile optimization settings Klaviyo offers for emails, as well as tools for customizing how your message appears across devices. You can also choose to disable all mobile optimizations by navigating to the Styles tab of your email template.
- Understanding CSS optimization
Learn about CSS optimization, which is one way you can make sure your emails are not getting clipped in the inbox.