Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Email

Los correos electrónicos de marketing se ven diferentes en Outlook

Última actualización: diciembre 7, 2021

Requisitos

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Básico (versión anterior)

Si estás usando el editor de correo clásico actualizado para crear tus correos electrónicos de marketing, es posible que notes discrepancias en la manera en que tu correo electrónico se presenta en Outlook, debido a la limitación de Outlook para CSS.

Si observas que el posicionamiento o el espaciado del correo electrónico no se ven bien en Outlook, sigue los pasos de solución de problemas a continuación.

Aprende más sobre el diseño de correos electrónicos en la Comunidad de Diseñadoresde HubSpot. 

Por favor, ten en cuenta: el soporte de HubSpot no puede dar soporte a las plantillas de correo electrónico codificadas a medida. Si estás usando una plantilla codificada y personalizada, consulta al proveedor que creó la plantilla. También te puedes conectar con otros usuarios y diseñadores de HubSpot en la Comunidad.

Espaciado

Hay dos métodos para ajustar el espaciado alrededor de las imágenes en Outlook: con hspace o vspace, y con tablas.

Usar hspace y vspace

El atributo HTML vspace define el espacio vertical y agrega un espaciado igual a la parte superior e inferior de tu imagen. El atributo hspace define el espacio horizontal y agrega un espaciado igual a la derecha e izquierda de tu imagen.

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Coloca el cursor sobre el nombre del correo electrónico y haz clic en Editar.

  • Haz clic en el módulo de contenido y luego haz clic en Avanzado > Código de fuente.

  • Al final del código de la imagen, agrega uno o ambos de los siguientes códigos: hspace="10" vspace="10", reemplaza el 10 con la cantidad de espaciado que deseas.

source-code-hspace-vspace

Usar tablas

Crea una tabla de 3 columnas que contenga tu imagen, espaciado y texto:

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Coloca el cursor el nombre del correo electrónico y haz clic en Editar.

  • En la barra de herramientas del editor de texto enriquecido, haz clic en Insertar > Tabla.   Crea una tabla 3 x 1.

    create-table

  • En la barra de herramientas del editor de texto enriquecido, haz clic en Avanzado > Código fuente.

  • Especifica un ancho en la celda vacía, como <td width="10">, para la cantidad de espaciado que deseas entre la imagen y el texto.

  • Especifique una familia de fuentes, un tamaño de fuente, un color de fuente y una altura de línea como style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" ya que Outlook añadirá su propio estilo cuando no se especifique.

table-styling

Solucionar las líneas horizontales inesperadas que aparecen en su correo electrónico

Debido a un error conocido en algunas versiones de Outlook, puede aparecer una línea horizontal entre las secciones de su correo electrónico. Aunque no hay una forma consistente de solucionar el problema, puedes probar los siguientes pasos para solucionar el problema:

ms-text-size-adjust: none; mso-line-height-rule: exactly;

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.