Mi correo electrónico tiene un aspecto diferente cuando se ve en Microsoft Outlook

Qué aprenderás

Aprenda por qué algunos mensajes de correo electrónico tienen un aspecto diferente en Microsoft Outlook que en otras bandejas de entrada, así como consejos para mejorar la coherencia en la representación de sus mensajes en Outlook. 

Motores de renderizado de Outlook

Mientras que algunas versiones de Outlook utilizan Webkit (un motor de navegador moderno que interpreta y representa el HTML de la forma esperada) para mostrar los mensajes de correo electrónico, muchas otras utilizan Microsoft Word como motor de representación. 

Piense en la última vez que intentó editar una tabla o cambiar el tamaño de una imagen en Microsoft Word. Los retos de formateo a los que se enfrenta al utilizar Word son similares a los que afrontan los correos electrónicos en las bandejas de entrada de Outlook. 

Debido a esto, un correo electrónico puede tener un aspecto ligeramente diferente en Outlook que cuando se diseña inicialmente y se previsualiza en Klaviyo.

Si opta por optimizar sus mensajes de correo electrónico para Outlook, le recomendamos que utilice una herramienta como Litmus o Email on Acid para probar sus mensajes en varios dispositivos y bandejas de entrada.

Optimice sus correos electrónicos para Outlook

Es posible que aparezcan los siguientes problemas en Outlook:

• Imágenes de fondo en divs y celdas de tabla no soportadas o mostradas
• Elementos CSS float y position ignorados 
• Sombra de texto no admitida o no mostrada
• Relleno y margen inusuales, debido a un soporte deficiente para estos elementos
• La anchura y la altura CSS no se muestran como es debido, debido a un soporte deficiente para estos elementos
• Los colores de fondo de los elementos anidados se muestran incorrectamente o se ignoran

Optimizar un correo electrónico específicamente para las versiones recientes de Outlook puede llevar mucho tiempo y pruebas exhaustivas, ya que no existen directrices establecidas. Hacer esto también requiere hacer cambios significativos en cómo se posicionan las imágenes, y esto puede sesgar cómo se representan los correos electrónicos en otros clientes de correo electrónico y dispositivos.

Dimensionado de imágenes para Outlook 

Un problema común en las bandejas de entrada de Outlook son las imágenes que se estiran o sobredimensionan. Para evitarlo, establezca una anchura para cada imagen de su plantilla. 

1. Seleccione un bloque de imagen. 
2. Añada un número al campo Tamaño de la imagen > Anchura. Para imágenes de ancho completo, utilice 600 px (o el ancho que tenga configurado su correo electrónico, que encontrará en la sección Estilos ).
   
3. Guarde los cambios. 

GIFs en Outlook 

Outlook no admite GIF en los mensajes de correo electrónico. En lugar de mostrar una imagen en movimiento, Outlook seleccionará el primer fotograma de su GIF y lo mostrará como una imagen estática. 

Comprenda el impacto de Outlook en su audiencia

Para saber qué porcentaje de su audiencia abre sus correos electrónicos utilizando Outlook: 

1. Navegue hasta la pestaña Campañas en Klaviyo 
2. Haga clic en una campaña enviada recientemente 
3. Haga clic en la pestaña Entregabilidad del resumen de la campaña
4. Revise la sección Rendimiento por dominio de correo electrónico para ver el porcentaje de destinatarios que interactuaron con su mensaje utilizando Outlook

Recursos adicionales

• Cómo utilizar imágenes en los correos electrónicos
• Cómo optimizar sus correos electrónicos para móviles
• Comprender la optimización de CSS