Un email creado en una solución externa de envío de correos electrónicos se transcribe sistemáticamente en forma de código en formato HTML. Es este código el que posteriormente se enviará a sus destinatarios y será interpretado por el webmail o el cliente de mensajería de cada uno de ellos.
Existe una multitud de clientes de correo electrónico pesados, es decir, aplicaciones instaladas localmente en su ordenador, como Microsoft Outlook o Thunderbird, pero también webmails como Gmail, Yahoo o Hotmail que, por su parte, son servicios de mensajería en la web, cada uno con sus propias especificidades y, por lo tanto, con su propia interpretación.
Por ejemplo, Microsoft Outlook utiliza el motor de renderizado de Microsoft Word desde 2007 y, por ello, ha evolucionado muy poco en los últimos diez años, a diferencia de los webmails.
Ningún proveedor de enrutamiento profesional puede garantizarle una visualización 100 % idéntica a su creación original en Outlook. De hecho, la forma en que se muestra un correo electrónico 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 utiliza una configuración de doble pantalla, la visualización puede verse alterada en la pantalla secundaria. Por lo tanto, se recomienda cerrar Outlook y volver a abrirlo únicamente en la pantalla principal.
El filtro antispam utilizado: el filtro antispam puede modificar el código HTML inicial y perturbar la visualización del mensaje
Por todas estas razones es esencial incluir un enlace de copia web en sus campañas de correo electrónico (el enlace detrás de la frase “Si tiene dificultades para visualizar este mensaje, siga este enlace”). Este enlace permite a los lectores visualizar su campaña de correo electrónico en un navegador de internet si esta se muestra de forma incorrecta en la bandeja de entrada.
A continuación, se presentan varios ejemplos de problemas de visualización que podría encontrar:
De forma predeterminada, Outlook no muestra las imágenes alojadas en un servidor (excepto para las versiones más recientes). En Sarbacane, tiene la posibilidad de integrar una imagen en el cuerpo del correo. Esta se mostrará entonces en Outlook. Sin embargo, cada imagen incorporada en el cuerpo del correo aumenta el peso de su mensaje y, por lo tanto, puede influir en su entregabilidad. El número de créditos descontados por envío también depende del peso de su mensaje. Cuanto más pesado sea su mensaje, más créditos de email le costará. Por estas dos razones, le recomendamos integrar únicamente su logotipo en el cuerpo de su campaña. De este modo será identificado con total seguridad por sus destinatarios, incluso si las imágenes de la campaña no se muestran de forma predeterminada.
Outlook impone un límite de tamaño en la altura de las imágenes. Si su imagen está recortada, redimensionada o no se muestra, reduzca la altura de su imagen. Si no puede reducir la altura de la imagen, le recomendamos cortar la imagen en varias partes e insertar cada parte en un nuevo bloque de imagen.
Cuando utiliza las propiedades HTML de una imagen para redimensionarla, puede ocurrir que, a pesar de todo, se muestre en su tamaño original en Outlook. Le recomendamos redimensionar sus imágenes con un software de edición fotográfica antes de integrarlas en su campaña o utilizar nuestro editor de imágenes integrado.
En Outlook, los márgenes alrededor de las imágenes pueden mostrarse de manera diferente. En efecto, el texto puede aparecer pegado a la imagen a pesar de los márgenes configurados en las propiedades. Para resolver esta complicación, puede utilizar un software de edición fotográfica para añadir alrededor del elemento visual un borde del mismo color que el fondo del emailing, y después integrarlo en su campaña.
Outlook no es compatible con las animaciones GIF. Solo se muestra la primera imagen del GIF en Outlook. Por ello, le recomendamos hacer aparecer la información más importante de su animación en esta primera imagen.
Este es un problema que se encuentra con frecuencia en Outlook y en varios otros clientes de correo electrónico. La imagen de fondo no se muestra y un color de fondo sustituye a la imagen. Esta propiedad css no es compatible de forma nativa con Outlook. Actualmente no existe ninguna solución para remediar este problema sin disponer de competencias de desarrollador.
Según las fuentes de texto utilizadas, puede suceder que el tamaño y la fuente del texto difieran de la configuración inicial del texto. En efecto, las fuentes de sistema tienen la ventaja de mostrarse correctamente en todos los sistemas operativos, incluido en Outlook. En cambio, las Google Fonts ofrecen un resultado aleatorio en la práctica totalidad de las bandejas de correo, excepto en dispositivos 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, dé prioridad a las fuentes de sistema estándar para sus campañas de correo electrónico.
Los botones con esquinas redondeadas se muestran correctamente en la mayoría de las bandejas de correo (Webmails, móvil, escritorio). Sin embargo, en Outlook, la forma rectangular de los botones sustituye a las esquinas redondeadas (ya que la propiedad css border radius no es compatible de forma nativa). Para mostrar botones con esquinas redondeadas en Outlook, es necesario insertarlos como imagen. No obstante, atención: como se ha visto anteriormente, dado que las imágenes no se muestran de manera predeterminada en Outlook, sus botones (incluido el texto de su CTA) no serán visibles en Outlook a menos que se descarguen las imágenes.
Este problema recurrente en Outlook parece estar relacionado con el hecho de que ciertas versiones del cliente de correo realizan un redimensionamiento del correo electrónico en función del tamaño y de la resolución de la pantalla. Si se encuentra con este tipo de problema de visualización, lo único que puede hacer es realizar pruebas en varios tamaños de pantalla, modificando cada vez un elemento de la estructura de su campaña de correo electrónico (altura, anchura, etc.).
Aparecen varios desajustes según la resolución de la pantalla desde la cual se inicia Outlook. En Outlook, pueden producirse en particular dificultades de alineación con los bloques de los editores de correo electrónico: 2 columnas, 3 columnas y 4 columnas. Para sortear este problema, al crear su campaña de correo electrónico en Sarbacane, basta con ajustar el ancho de la versión para PC. Configurado por defecto en 650 px, los problemas de alineación se resuelven en torno a los 400 px de ancho.
En Outlook, los bordes de puntos y guiones se muestran automáticamente sobre un fondo blanco, sea cual sea el color de fondo configurado para el bloque en cuestión. Este es un comportamiento heredado de Word. Así, si integra bordes sobre un fondo de color, podrán aparecer líneas blancas entre los puntos o los guiones. Para sortear este problema, le aconsejamos, en la medida de lo posible, utilizar los bordes de puntos o de guiones sobre un fondo de color blanco. Si debe utilizar un fondo de color, dé prioridad entonces a los bordes continuos.
De manera general, aunque hacemos todo lo posible por optimizar la visualización de los correos electrónicos creados con Sarbacane en el mayor número posible de servicios de mensajería, una compatibilidad entre todas las herramientas de mensajería es imposible y, en raras ocasiones, podrán observarse disparidades en el diseño de los mensajes debido a estas limitaciones.
Es precisamente por esta razón que todos los correos electrónicos generados por nuestro Email Builder ofrecen por defecto, en la parte superior del correo, un acceso a la versión en línea, que permite a sus destinatarios acceder al contenido conforme a la creación directamente desde su navegador de Internet.
A continuación, le proponemos la interpretación de un mismo correo en Gmail y Outlook.
Versión Gmail
Versión Outlook : para ver el contenido del correo, es obligatorio acceder a la copia web “Si tiene dificultades para visualizar este correo electrónico, siga este enlace”.
