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í.

Centrar una imagen, CTA (legado) o logotipo en un correo electrónico o página

Última actualización: mayo 22, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

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

Si utilizas plantillas de diseño creadas en la herramienta del gestor de diseño, centra una imagen, un CTA (legado) o un módulo de logotipo en tu página, blog o correo electrónico, añadiendo estilos en línea a tu plantilla.

Si utilizas una plantilla que incluye un área de arrastrar y soltar, puedes centrar la alineación del módulo dentro del editor de contenido. También puede centrar módulos en el editor de páginas utilizando espaciadores horizontales. 

Centra una imagen, CTA (legado) o logotipo con estilo en línea 

Nota:

 

Para centrar una imagen, un CTA (legado) o un logotipo en una plantilla de correo electrónico o de página:

  • Dentro de tu plantilla de diseño, haz clic en el logotipo, la llamada a la acción o el módulo de imagen para seleccionarlo en el inspector.
  • En el campo Inline Styling , añada el CSS text-align: center ;

 
  • En la parte superior derecha, haga clic en Publicar cambios para aplicar los cambios a esta plantilla.
  • A continuación, vuelva al editor de contenidos y actualice su navegador web para que aparezcan los cambios en su plantilla. El contenido de este módulo se centrará ahora en su página, blog o correo electrónico.

Centra una imagen, un CTA (legado) o un logotipo de las opciones de estilo de tu módulo

Si utilizas una plantilla con un área de arrastrar y soltar, en determinados módulos o secciones, puedes elegir establecer la alineación directamente. Aunque, ten en cuenta que esta opción de estilo puede no estar disponible en todas las plantillas o módulos. 

  • Para centrar los módulos de su página:
    • En tu cuenta de HubSpot, navega hasta tus páginas de destino, página web o entrada de blog.
    • Pasa el ratón por encima de tu página o entrada de blog y haz clic en Editar.
    • En el editor de páginas, haga clic en el módulo que desea centrar. 
    • En el panel izquierdo, haz clic en la pestaña Estilos.
    • Haga clic para ampliar la Alineación y espaciado
    • En Alineación, seleccione la alineación Central .

 

  • Para centrar sus módulos de correo electrónico: 
    • En tu cuenta de HubSpot, navega hasta Marketing > Email.
    • Pasa el ratón por encima de tu página o entrada de blog y haz clic en Editar.
    • Haga clic en el módulo que desee centrar. 
    • En el panel izquierdo, haga clic en el menú desplegable Alineación y seleccione Centrar.

 

Centra una imagen, CTA (legado) o logotipo utilizando espaciadores horizontales

Si el módulo que estás utilizando no tiene opciones de alineación, desde el editor de páginas, puedes añadir espaciadores horizontales a tu página para centrar los módulos en su lugar. 

Nota: el módulo separador horizontal no está disponible con las plantillasStarter.

Para centrar su módulo utilizando un espaciador horizontal: 

 
 

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.