Mi e-mail tiene un aspecto diferente en Outlook

Las campañas de e-mail creadas con Brevo están diseñadas para que se vean perfectamente en todos los clientes de e-mail. 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 de «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 e-mail tiene un aspecto diferente, puede comprobar si el contenido y las imágenes se muestran correctamente en otros clientes de e-mail (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?

💡 Información relevante
No todos los destinatarios que utilicen Outlook tendrán estos problemas de visualización. De hecho, es probable que algunos usuarios de Outlook de su lista de contactos nunca hayan recibido e-mails con un formato incorrecto. No obstante, le aconsejamos que pruebe sus campañas de e-mail en varios clientes de e-mail, como Outlook, antes de enviarlas.

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.

❗️ Importante
Cada imagen importada aumenta el peso de su e-mail y, lo que puede repercutir en su entregabilidad.

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.

💡 Información relevante
Si usa una fuente de Google en su e-mail, especifique siempre una fuente alternativa.

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.

¿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.
💡 Información relevante
Incluya siempre un enlace de Ver en el navegador en sus campañas de e-mail. Este enlace permite a los lectores ver la campaña de e-mail en un navegador web si la ven mal en su bandeja de entrada.

🤔 ¿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.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 25 de 107