Las campañas de email creadas con Brevo están diseñadas para una visualización óptima en todos los clientes de email. Sin embargo, pueden producirse algunos problemas de visualización en Outlook, que harán que el contenido no se corresponda con lo que aparece en el editor Drag and Drop.
En este artículo explicaremos cuáles son los problemas de visualización más frecuentes que puede tener con Outlook y cómo optimizar sus e-mails para evitarlos.
¿Por qué mi e-mail se visualizada de forma diferente en Outlook?
Puede que se haya dado cuenta de que algunos de sus e-mails tienen un aspecto diferente en Outlook cuando los diseña con el editor de «Drag & Drop». Estos problemas de visualización pueden darse especialmente en las versiones de 2003, 2007 y 2010 de Outlook, ya que usan Microsoft Word para mostrar los e-mails, que ofrece una compatibilidad limitada con los lenguajes HTML y CSS. Hay otros factores, como el tamaño de la pantalla o el filtro antispam usado por el destinatario, que pueden afectar a la visualización del e-mail.
Para comprobar si Outlook es la razón por la que su email tiene un aspecto diferente, puede comprobar si el contenido y las imágenes se muestran correctamente en otros clientes de email (por ejemplo, en Gmail o Hotmail). Si es así, significa que Outlook es la causa del problema.
¿Cuáles son los problemas de visualización frecuentes con Outlook?
Los márgenes de alrededor de las imágenes no se muestran
Todas las versiones de Outlook (excepto Outlook.com) ignoran los márgenes de las imágenes. Es posible que el espacio entre su texto y su imagen desaparezca, aunque haya añadido márgenes durante la creación.
Para resolver este problema, puede usar un programa de edición fotográfica para añadir un borde alrededor de la imagen del mismo color que el fondo del e-mail antes de importar la imagen a su campaña de e-mail. Como el margen formará parte de la imagen, Outlook no podrá ignorarlo.
No se muestran las imágenes
De manera predeterminada, Outlook bloquea las imágenes en los e-mails. Para ver estas imágenes, los destinatarios tienen dos opciones:
- elegir mantener el comportamiento predeterminado de Outlook y desbloquear las imágenes de un solo mensaje; o
- decidir cambiar el comportamiento predeterminado de Outlook y desbloquear las imágenes para todos los mensajes.
Como no podemos hacer que las imágenes se muestren automáticamente, la solución a este problema no es sencilla. Sin embargo, aquí tiene algunas recomendaciones para mejorar la visualización de sus e-mails aunque las imágenes estén bloqueadas:
- Para las imágenes del cuerpo de su e-mail, le recomendamos que añada el texto alternativo, de este modo su destinatario sabrá sobre qué son las imágenes y puede que se anime a desbloquearlas.
- Para la imagen de fondo del e-mail, le recomendamos que añada un color alternativo para reemplazar la imagen de fondo bloqueada.
También es importante tener en cuenta que las versiones antiguas de Outlook no muestran las imágenes alojadas en un servidor. En este caso, le recomendamos que importe las imágenes directamente a su e-mail o que utilice nuestras imágenes de stock gratuitas.
Las imágenes se ven cortadas o redimensionadas
Outlook aplica un límite de tamaño de 1728 píxeles de altura a las imágenes. Si una imagen se ve cortada o redimensionada, le recomendamos que reduzca el peso de su imagen para que no supere este límite.
Si cambia el tamaño de una imagen mediante sus propiedades HTML, Outlook seguirá mostrándola en su tamaño original. Le recomendamos que redimensione sus imágenes con un programa de edición fotográfica antes de importarlas a su campaña o que utilice nuestro editor de imágenes integrado.
Si no puede reducir el tamaño de su imagen a menos de 1728 píxeles de altura, lo mejor es cortarla en dos o tres imágenes separadas. A continuación, puede añadir varios bloques de imágenes a su e-mail para cargar cada parte de la imagen. Para que las imágenes aparezcan como una sola, asegúrese de eliminar cualquier margen y relleno de las secciones y bloques de imágenes.
La animación de los GIF no se ve
Los GIF animados solo 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 las animaciones. Solo aparecerá el primer fotograma de los GIF.
Si su GIF contiene información importante, como una oferta o un título, asegúrese de que aparezca en el primer fotograma.
El texto de los botones no se muestra correctamente
Si el texto de los botones aparece incompleto o en dos líneas, se debe a un problema de renderización de Outlook.
Para evitar este problema, pruebe a aumentar el relleno de su botón para que sea superior al del tamaño de la fuente. Si el problema no se soluciona, le recomendamos que cree una imagen de su botón y la importe al e-mail. A continuación, añada el enlace para que cuando el contacto haga clic en la imagen se le redirija a la URL.
La fuente que muestra el botón es incorrecta
Es posible que Outlook muestre una fuente incorrecta para sus botones. Normalmente, esto se debe a que se ha añadido un espacio al principio o al final del texto del botón.
Ese problema debería resolverse al quitar el espacio. Si no es así, puede crear una imagen de su botón e importarla al e-mail. A continuación, añada el enlace para que cuando el contacto haga clic en la imagen se le redirija a la URL.
Los botones redondos se muestran como rectángulos
Los botones con esquinas redondeadas se reemplazan por rectángulos en Outlook. Este problema se debe a que la propiedad css de “border-radius" no es compatible de forma nativa. Para mostrar botones con las esquinas redondeadas en Outlook, debe crear una imagen de su botón e importarlo a su e-mail. A continuación, añada el enlace para que cuando el contacto haga clic en la imagen se le redirija a la URL.
El tamaño del texto y la fuente no se muestran correctamente
Dependiendo de las fuentes de texto utilizadas en su e-mail, el tamaño y la fuente del texto pueden diferir de lo que haya seleccionado en el editor de «Drag & Drop». De hecho, las fuentes del sistema, como Arial o Calibri, se muestran correctamente en todos los clientes de e-mail, incluido Outlook. Sin embargo, las fuentes de Google Fonts siempre tienen una renderización aleatoria. La visualización de la fuente en los clientes de e-mail depende del sistema operativo (PC/MAC) y del navegador web que utilice el destinatario. Por lo tanto, le recomendamos que use las fuentes estándar del sistema en sus campañas de e-mail.
El interlineado no es compatible
Los clientes de escritorio de Outlook 2007, 2010, 2013 y Outlook 365 no admiten el interlineado de manera sistemática. Algunas versiones de Outlook admiten un valor porcentual de interlineado (por ejemplo, 120 %), mientras que otras admiten un número entero (por ejemplo, 2).
Si está utilizando su propio CSS para crear su e-mail, le recomendamos que nos proporcione ambos valores. Si está usando el editor de «Drag & Drop», lo configuraremos automáticamente por usted.
Se ha añadido un espacio en blanco
Como Outlook muestra el HTML utilizando Microsoft Word, a veces se insertan espacios en blanco en los e-mails. Este problema se debe a que algunas versiones de Outlook redimensionan el e-mail según el tamaño y la resolución de la pantalla del destinatario (como ocurre con la vista previa de impresión en Microsoft Word) y añaden espacios en blanco donde sería necesario un salto de página.
Para eliminar estos espacios en blanco, debe reorganizar el contenido de su e-mail para determinar dónde marcará Outlook el salto de página del contenido. Le recomendamos que duplique su e-mail antes de empezar a reorganizarlo para evitar que se eliminen contenidos.
El contenido se ve ancho
En Outlook, el contenido puede parecer más ancho de lo previsto. Esto puede ocurrir cuando se incluye una URL como texto sin formato dentro de la campaña, haciendo que Outlook amplíe su lienzo para acomodar toda la longitud de la URL.
Para resolver este problema, considere la posibilidad de insertar la URL como un enlace en el que se pueda hacer clic adjunto a un texto específico dentro del contenido. Este ajuste debería evitar que Outlook estire el diseño más allá de su ancho previsto.
¿Cómo puedo optimizar la visualización de los e-mails en Outlook?
Para optimizar la visualización de su e-mail en Outlook, le recomendamos:
- Elegir las imágenes en formato JPEG o PNG.
- Utilizar texto para la información importante e imágenes para la información adicional.
- Optimizar la versión móvil de su campaña de e-mail.
- Usar nuestra funcionalidad de Vista previa y probar su campaña de e-mail en diferentes clientes antes de enviarla.
🤔 ¿Tiene alguna duda?
Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.
Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.