bento icon close

¿Por qué mi campaña de email se ve mal en Outlook?

Las campañas de email creadas con Mailify están diseñadas para ser visualizadas de manera óptima, independientemente del proveedor de email utilizado por tus destinatarios. Sin embargo, es común que la representación de los emails entregados a través de Outlook no coincida con la que se muestra en el editor de Mailify. Aunque el EmailBuilder de Mailify ha sido desarrollado para adaptarse lo mejor posible a los distintos servicios de email, el motor renderizado HTML de Outlook se basa en el renderizado HTML de Word y, por lo tanto, no es óptimo para mostrar un email correctamente. Ningún software profesional de marketing por email puede garantizar que una campaña de email se verá exactamente igual en Outlook. ¿Qué tipo de problemas de visualización puedes experimentar? ¿Cómo puedes solucionarlos? Estos son los temas que trataremos en esta sección.


¿Por qué ocurren estos problemas de visualización?

Ningún servicio profesional de email puede garantizar que tu creación original sea 100% idéntica en Outlook. De hecho, la forma en que se muestra un email depende de varios factores:

  • La versión de Outlook utilizada
  • El formato de Outlook utilizado (webmail, escritorio, aplicación)
  • El tamaño de la pantalla utilizada
  • El número de pantallas utilizadas: si se utiliza una pantalla doble, la pantalla puede romperse en la pantalla secundaria. Por lo tanto, es aconsejable cerrar Outlook y volver a abrirlo sólo en la pantalla principal.
  • El filtro anti-spam utilizado: el filtro anti-spam puede modificar el código HTML inicial y afectar la visualización del mensaje.

Por eso es esencial incluir un enlace de copia web en tus campañas de email. Este enlace permite a los lectores ver tu campaña de email en un navegador web si no se muestra correctamente en la bandeja de entrada.

Para asegurarte de que Outlook es la causa de tus problemas con la visualización de tu email, puedes comprobar si el contenido y las imágenes se muestran correctamente en otros proveedores de email (Gmail, Yahoo, Hotmail...) y/o en un navegador web. Si es así, significa que Outlook es efectivamente la causa del problema.

 

¿Qué tipo de problemas podrías experimentar?

Desde Outlook 2007, Microsoft ya no utiliza un lector de HTML específico para Outlook. De hecho, utiliza el motor renderizado HTML de Word para editar y leer emails. Como resultado, pueden ocurrir varios problemas.

A continuación un ejemplo de los problemas de visualización que puedes experimentar:

 

 

 


Las imágenes no se muestran

Por defecto, Outlook no muestra imágenes alojadas en un servidor (excepto las versiones más recientes). Con Mailify tienes la posibilidad de integrar una imagen en el cuerpo de tu email. De esta forma, se mostrará en Outlook. Sin embargo, cada imagen incrustada en el cuerpo del email aumenta el tamaño de tu mensaje y, por lo tanto, podría afectar a su capacidad de entrega. El número de créditos que se cobran por cada envío también depende del tamaño de tu mensaje. Cuanto más pesado sea tu mensaje, más créditos de email te costará. Por estas dos razones, te aconsejamos que integres sólo tu logotipo en el cuerpo de tu campaña. De esta manera, será identificado con seguridad por tus destinatarios, aunque las imágenes de la campaña no se muestren por defecto.


Las imágenes se cortan

Outlook establece un límite de tamaño para la altura de las imágenes. Si tu imagen se corta, cambia de tamaño o no se mostrará, reduce la altura de tu imagen. Si no puede reducir la altura de la imagen, te recomendamos que cortes la imagen en varias partes y que insertes cada parte en un nuevo bloque de imagen.


El tamaño de la imagen no es correcto

Cuando se utilizan las propiedades HTML de una imagen para cambiar su tamaño, es posible que siga apareciendo en su tamaño original en Outlook. Te recomendamos que cambies el tamaño de tus imágenes con un software de edición de fotografías antes de integrarlas en tu campaña o que utilices nuestro editor de imágenes integrado.

 

Los márgenes alrededor de las imágenes no se muestran

En Outlook, las márgenes alrededor de las imágenes pueden mostrarse de forma diferente. De hecho, puede que no haya espacio entre el texto y la imagen a pesar de los márgenes definidos en la configuración. Para resolver este problema, puedes utilizar un software de edición de fotografías para añadir un borde alrededor del visual con el mismo color que el fondo del email y luego integrarlo en tu campaña.


Ejemplo de un problema de margen alrededor de las imágenes:

 

 


Los GIF animados no funcionan en tu campaña

Los GIFs animados no son compatibles con Outlook. Solo el primer fotograma del GIF se muestra en Outlook. Por eso te aconsejamos que muestres la información más importante de tu animación en este primer fotograma.


La imagen de fondo no se muestra

Este es un problema común en Outlook y en muchos otros proveedores de email. La imagen de fondo no aparece y se utiliza un color de fondo en lugar de la imagen. Esta propiedad CSS no está soportada de forma nativa en Outlook. Actualmente no hay solución a este problema a menos que se tengan las habilidades de desarrollo necesarias.

 

El tamaño del texto y la fuente no se muestran correctamente

Dependiendo de las fuentes de texto que utilices, el tamaño y la fuente del texto pueden ser ligeramente diferentes en comparación con el ajuste de texto inicial en Mailify. Esto se debe a que las fuentes del sistema tienen la ventaja de mostrarse correctamente en todos los sistemas operativos, incluido Outlook. Por otro lado, Google Fonts tiene una representación aleatoria en casi todos los buzones de email, excepto en los teléfonos móviles. La visualización de la fuente en los Webmails depende del sistema operativo (PC/MAC) y del navegador web utilizado. Por lo tanto, debes utilizar fuentes estándar del sistema para tus campañas de email.

 

Los botones de "Llamada a la acción" con esquinas redondeadas no se muestran correctamente

Los botones con esquinas redondeadas se muestran correctamente en la mayoría de los buzones (Webmails, Móviles, Escritorio). Sin embargo, en Outlook, la forma rectangular de los botones sustituye a las esquinas redondeadas (porque la proporción css "radio del borde" no se admite de forma nativa). Para mostrar los botones con esquinas redondeadas en Outlook, debes por lo tanto insertarlos como una imagen. Ten en cuenta que las imágenes no se muestran por defecto en Outlook, por lo que tus botones (incluido el texto de tu CTA) no se mostrarán en Outlook a menos que tus contactos descarguen las imágenes.


Una línea blanca aparece entre dos imágenes

Este problema recurrente en Outlook parece estar relacionado con el hecho de que algunas versiones del sistema de email cambian el tamaño del email según el tamaño y la resolución de la pantalla. Si se experimenta este tipo de problema de visualización, lo único que debes hacer es realizar pruebas en varios tamaños de pantalla cambiando cada vez un elemento de la estructura de la campaña de email (altura, anchura, etc.).


Aparecen problemas de alineación

La alineación de los elementos de tu email puede ser diferente dependiendo de la resolución de la pantalla desde la que se inicia Outlook. En Outlook, los problemas de alineación pueden surgir con los bloqueos de los editores de email: 2 columnas, 3 columnas y 4 columnas. Para evitar este problema, al crear tu campaña de email en Mailify, solo tienes que ajustar el ancho de la versión para PC. Por defecto está configurado a 650 px, los problemas de alineación se resuelven alrededor de 400 px de ancho.


Se presentan problemas con los bordes punteados y de puntos

En Outlook, los bordes punteados y de trazos se muestran automáticamente sobre un fondo blanco, independientemente del color de fondo establecido para el bloque. Por ejemplo, si incluyes bordes sobre un fondo de color, aparecerán líneas blancas entre los puntos o trazos. Para evitar este problema, te recomendamos que utilices bordes punteados o discontinuos sobre un fondo blanco siempre que sea posible. Si debes utilizar un fondo de color, entonces utilice bordes sólidos.

 


¿Cuáles son las soluciones para optimizar la visualización de tus emails en Outlook?

 

Para aumentar la visualización de tus campañas de email en Outlook, aquí tiene algunos consejos adicionales.


4 consejos para optimizar la visualización de tu mensaje

  • Elige imágenes en formato JPEG o PNG
  • Usa fuentes comunes del sistema: Arial, Helvetica...
  • Piensa en optimizar la versión móvil de tu campaña de email
  • Reduce el número de columnas tanto como sea posible


4 errores para evitar

  • Evita copiar y pegar texto directamente desde otro software. Sin embargo, puedes copiar el texto de tu software y pegarlo en un bloc de notas y, a continuación, pegarlo en tu mensaje en Mailify o puedes utilizar la opción "pegar como texto sin formato" disponible en Google Chrome con el botón derecho del ratón (tecla de acceso rápido del teclado ctrl shift v).
  • Cuando quieras crear una campaña a partir de la estructura de una campaña existente, en lugar de partir del mensaje de una campaña anterior, es mejor crear el mensaje a partir de una selección de plantillas.
    Este método limitará los riesgos de sobrecargar el código HTML generado al editar el mensaje.
    También puedes usar la librería de bloques del EmailBuilder para guardar rápidamente los bloques reutilizables.
  • No reenvíes un email que has recibido porque el código HTML está reinterpretado. Ya no es óptimo y degrada aún más la representación.
  • No incluyas texto importante en una imagen de fondo sin antes comprobar su legibilidad en el color de fondo que reemplaza a la imagen cuando ésta no está cargada.

 

NB: Todos los destinatarios que usan Outlook como su aplicación principal de email no experimentan estos problemas de visualización. De hecho, algunos usuarios de Outlook en sus listas de contactos nunca han recibido ningún email truncado en su bandeja de entrada. No obstante, les aconsejamos que prueben sus campañas de email en varios sistemas de mensajería, como Outlook, antes de enviarlas a toda su base de datos.