Búsqueda

Visualización de su mailing en Outlook

Lamentablemente, pueden producirse errores de visualización no deseados e inesperados al mostrar boletines y correos en Microsoft Outlook 2007, 2010 y 2013.

Para ayudarle a diseñar su mailing y evitar posibles frustraciones, nos gustaría ofrecerle algunos consejos y trucos útiles. Esto debería ayudarle a evitar cualquier obstáculo y a realizar pequeños ajustes para conseguir una presentación atractiva de sus correos electrónicos:

Mejorar la visualización de los mensajes de correo electrónico en Outlook

Tamaño de letra y fuentes diferentes

Las fuentes que utilice en su correo electrónico pueden diferir en tamaño y estilo de las que seleccionó en el editor de arrastrar y soltar. Presta atención a:

  1. Las fuentes nativas como Arial y Calibri se muestran correctamente en todos los clientes de correo electrónico, incluido Outlook. En cambio, las fuentes de Google casi siempre se muestran de forma diferente.
  2. La visualización de las fuentes en los clientes de correo electrónico depende de varios factores, como el sistema operativo (PC/MAC) y el navegador web que utilice el destinatario.

Nota: Recomendamos utilizar fuentes estándar del sistema para sus campañas de correo electrónico.

No se muestran los márgenes alrededor de las imágenes

En todas las versiones de Outlook (excepto Outlook.com), no se tienen en cuenta los márgenes alrededor de las imágenes. Esto significa que es posible que no haya espacio entre el texto y la imagen, aunque haya añadido márgenes en la configuración.

Nota: Por lo tanto, debe utilizarse relleno o celdas de tabla con alturas fijas para el espaciado deseado. También puede trabajar con hspace y/o vspace:
<img scr="http://www.test.de/test.jpg" align="left" vspace="10" hspace="10" />

Las imágenes no se muestran correctamente

  1. Outlook no admite imágenes de fondo. 

  2. Las imágenes demasiado altas se cortarán por arriba si superan los 1728 píxeles. Por ejemplo, si su imagen tiene 2000 píxeles de alto, se cortarán 272 píxeles de la parte superior.

  3. Las imágenes con dimensiones diferentes a las de la imagen original se mostrarán incorrectamente si, por ejemplo, se estira. Las imágenes deben tener siempre las dimensiones correctas en el código HTML si son importantes para el diseño. Preferiblemente, las imágenes deben haber sido editadas previamente.
  4. Los GIF animados ya no son compatibles con Outlook 2007.
  5. Las imágenes fusionadas mediante HTML pueden provocar un espaciado no deseado (de unos 10 píxeles) en Outlook 2013, mientras que en Outlook 2010 y 2007 se muestran correctamente.

Los botones son incorrectos

  1. Los botones con texto incorrecto o con texto que pasa a una segunda línea se deben a un problema de representación en Outlook.

    Nota: Intente que el relleno del botón sea mayor que el tamaño de la fuente.

  2. También puede insertar una imagen de un botón y subirla a su correo electrónico como cualquier otra imagen. Al enlazarla, los destinatarios que hagan clic en la imagen pueden ser redirigidos a su URL almacenada.

  3. Los botones con esquinas redondeadas aparecen como rectángulos en Outlook. Esto ocurre porque la propiedad CSS border-radius no está soportada de forma nativa. Para que los botones con esquinas redondeadas aparezcan en Outlook, debe crear una imagen de su botón e importarla a su correo electrónico como se menciona en el paso 2.

Personalizar la visualización de las tablas

  1. En general, los boletines deben crearse en formato de tabla (con anchuras fijas) y deben evitarse los divs.
  2. Las tablas crean automáticamente un hueco no deseado si superan una altura de unos 1790 píxeles. Outlook quiere forzar una subdivisión con esto. Esto puede evitarse trabajando con varias tablas.

  3. Para las tablas (<table>) debe utilizar cellpadding y cellspacing, porque el margen y el relleno se pasan a sus celdas de tabla más a menudo.

  4. Los saltos de línea automáticos deben ajustarse manualmente con el estilo inline de una celda de tabla si las palabras son demasiado largas.
  5. Outlook inserta automáticamente un borde de 1px alrededor de las celdas.

Nota: Debe evitar las listas si el espaciado es importante. En su lugar, debe utilizar tablas (<table>) con sus celdas.

Lo más frecuente es que los problemas de Outlook se produzcan con plantillas autoprogramadas. En tales casos, pruebe a utilizar una plantilla básica de CleverReach.

Ayuda & Soporte

Tenga en cuenta que no podemos ofrecer asistencia detallada para problemas de visualización en Microsoft Outlook.
Si tiene alguna pregunta o necesita ayuda, no dude en ponerse en contacto con nuestro equipo de servicio en cualquier momento.