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: octubre 1, 2019

Requisitos

Marketing Hub  Professional, Enterprise
Básico

Las plantillas de correo electrónico de HubSpot y los correos electrónicos creados con el editor para arrastrar y soltar están diseñados para ser congruentes y con capacidad de respuesta a través de los clientes comunes de correo electrónico. También puedes obtener la vista previa del correo electrónico a través de los clientes de correo electrónico. Dado que Outlook ofrece una asistencia técnica limitada para CSS, puedes ver discrepancias en la manera en que se presenta el correo electrónico en Outlook. Si observas que el posicionamiento o el espaciado del correo electrónico en Outlook no está bien, hay pasos que puedes realizar para solucionarlo. 

Ten en cuenta: La asistencia técnica de HubSpot no admite plantillas de correo electrónico codificadas y personalizadas. 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.

Centrado de las imágenes

Si la imagen no se centra en Outlook, puedes ajustar el HTML dentro del código fuente del módulo.

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en el nombre del correo electrónico.
  • En el módulo de texto enriquecido con la imagen, haz clic en el ícono del código fuente code.
  • Busca el código para la imagen que estás tratando de centrar que comienza con .
  • Agrega las etiquetas
    o

    alrededor del código . Por ejemplo:

 

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.
  • Haz clic en el nombre del correo electrónico.

  • Haz clic en el módulo de contenido, luego haz clic en el ícono del código fuente code.

  • 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.
  • Haz clic en el nombre del correo electrónico.

  • En el editor de texto enriquecido haz clic en Tabla > Insertar tabla. Crea una tabla 3 x 1.

    create-table

  • Haz clic en el ícono del código fuente code.

  • Especifica un ancho en la celda vacía, como , para la cantidad de espaciado que deseas entre la imagen y el texto.

  • Especifica una familia de fuentes, un tamaño de fuente, un color de fuente y una altura de línea, como estilo = "font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" debido a que Outlook va a agregar su propio estilo cuando no lo especificas.

table-styling

Más información sobre el diseño de correos electrónicos en nuestra Comunidad de diseñadores