Si bien nuestras plantillas están diseñadas para renderizarse correctamente en todos los clientes de correo electrónico, pueden surgir algunos problemas comunes de visualización de campañas cuando un suscriptor ve un correo electrónico HTML en Outlook, especialmente en las versiones 2007, 2010 o 2013. Esto se debe a que esas tres versiones de Outlook usan Microsoft Word para representar correos electrónicos que ofrecen compatibilidad limitada con HTML y CSS.
En este artículo se describen los problemas de pantalla comunes que los usuarios han experimentado con Outlook y nuestras recomendaciones para solucionar estos problemas.
Los márgenes no se muestran
Todas las versiones de Outlook (excepto Outlook.com) y Gmail no admiten márgenes. En su lugar, recomendamos usar el bloque de contenido del espaciador:
También puede intentar el relleno para crear espacio alrededor de sus bloques de contenido.
El relleno es compatible con todas las versiones de Outlook y otros proveedores de servicios de correo electrónico populares. Puede agregar relleno a un bloque de contenido seleccionando el contenedor o la estructura en el editor de correo electrónico y ajustando el relleno en el menú de la derecha. Sin embargo, el relleno puede hacer que su contenido parezca limitado cuando se ve en un dispositivo móvil.
El alto de línea no se admite de forma coherente
Outlook 2007, 2010, 2013 y Office 365 no admiten sistemáticamente la altura de línea. Algunas versiones de Outlook admitirán el valor porcentual de la altura de línea (por ejemplo, 140%), mientras que otras admiten un número entero (por ejemplo, 4). Recomendamos proporcionar ambos valores si está creando un correo electrónico desde cero y escribiendo su propio CSS. Si está utilizando el editor de correo electrónico de arrastrar y soltar, esto se configura automáticamente.
Las imágenes aparecen distorsionadas
Outlook no escalará las imágenes que tienen 1000 o más píxeles de ancho. En su lugar, la imagen se mostrará en su tamaño real, lo que hará que el ancho de la plantilla se expanda y se distorsione. Recomendamos utilizar imágenes de entre 400 y 650 píxeles de ancho.
Tenga en cuenta que en el diseñador, las imágenes se reducen automáticamente a 1300 píxeles de ancho. Esto es el doble máximo del ancho del correo electrónico, que tiene 650 píxeles de ancho.
Obtén más información sobre cómo añadir imágenes a tus campañas.
Los GIF aparecen como imágenes planas
Los GIF animados son compatibles con el cliente de escritorio de Outlook 365, las aplicaciones móviles de Outlook y Outlook.com.
Outlook 2007, 2010 y 2013 no mostrarán animaciones. En su lugar, mostrarán solo el primer fotograma. Si tu GIF tiene una oferta, un título o una llamada a la acción, asegúrate de que esté incluido en ese marco. Para obtener instrucciones sobre cómo agregar un GIF a su correo electrónico, haga clic aquí.
Botones duplicados
Los servicios de correo electrónico como Gmail, Apple Mail y Yahoo representan el estilo de los botones utilizando CSS y HTML estándar. Como Outlook no lo hace, proporcionamos una corrección para que Outlook represente correctamente el radio de borde, el relleno y los bordes alrededor del botón.
Sin embargo, una vez que un suscriptor reenvía un correo electrónico haciendo clic en el botón de reenvío en su proveedor de servicios de correo electrónico, o si el correo electrónico se redirige a través de un servidor Windows o de Exchange, esta corrección se leerá como un elemento HTML válido, lo que dará como resultado un botón duplicado.
Desafortunadamente, no hay una solución para evitar que esto suceda. Para evitar esto, puede crear una imagen de un botón y cargarla en su correo electrónico como cualquier otra imagen. Luego puede agregar su enlace para que cuando los contactos hagan clic en esa imagen, sean redirigidos a su URL preferida.
editor de correo electrónico: botones en Outlook
Una opción de formato adicional, el botón "Soporte de Outlook", le permite mejorar los botones que se muestran en Outlook, insertando un elemento especial de código VML. El botón "Soporte de Outlook" estará activado de forma predeterminada.
editor de correo electrónico y HTML: la imagen de fondo no se muestra
Las imágenes de fondo que no se muestran son un problema común con muchos proveedores de correo electrónico diferentes. Le recomendamos que proporcione un color de reserva en caso de que su correo electrónico se vea en una versión de Outlook que no admita imágenes de fondo.
Esto se aplica si crea un correo electrónico con su HTML y el editor de correo electrónico (lanzado en 2022). Tenga en cuenta que al usar el editor de correo electrónico (lanzado en 2022), puede agregar una imagen de fondo en la pestaña "Configuración global" "Configuración general" además de un color de fondo de reserva:
Classic Designer no admite imágenes de fondo.
Classic Designer: Alineación de texto
Outlook no admite la alineación de texto "Justificar":
Desafortunadamente, no hay una solución para forzar a Outlook a admitir la alineación de texto justificado.
Tenga en cuenta que el editor de correo electrónico (lanzado en 2022) no tiene la opción de justificar y, por lo tanto, no es un problema cuando se envía a Outlook
Classic Designer: texto roto en botones
Los botones con texto roto o texto que se rompe en una segunda línea se deben a un problema de representación de Outlook. Para evitar este problema, puede aumentar el relleno para que el botón sea mayor que el tamaño de fuente. Si el problema persiste, le recomendamos que cree una imagen de su botón y la use en su lugar (consulte "Botones duplicados" más arriba).
Diseñador clásico: los botones muestran una fuente incorrecta
Outlook puede representar el tipo de fuente incorrecto y recurrir a Times New Roman. Esto se debe a un espacio agregado al principio y / o al final del texto del botón. Para evitar este problema, recomendamos eliminar ese espaciado. Si eso no funciona, puede crear un nuevo botón o crear una imagen de un botón para usar en su campaña.
Classic Designer: no se puede hacer clic en los enlaces
En cuanto a la alineación de imágenes, solo algunas versiones de Outlook representarán las imágenes de la misma manera. Si tiene una imagen dentro de un bloque de texto con vínculos en la misma línea que su imagen, no se podrá hacer clic en esos vínculos en Outlook 2007 y 2013.
Tenga en cuenta que no puede agregar imágenes a cuadros de texto en el editor de correo electrónico (lanzado en 2022) y, por lo tanto, tenga en cuenta un problema cuando se envía a Outlook.
Por ejemplo, no se podrá hacer clic en el texto con hipervínculo siguiente para los suscriptores que usan cualquiera de las versiones de Outlook:
Para evitar esto, con Classic Designer, recomendamos eliminar la imagen de su bloque de texto y usar un bloque de imagen en su lugar para evitar esto.