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, botón CTA o logotipo en un correo electrónico o página

Última actualización: marzo 8, 2023

Requisitos

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

Si utilizas plantillas de diseño creadas en la herramienta de gestión del diseño, centra una imagen, un botón CTA 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 está utilizando una plantilla que incluye un área de arrastrar y soltar, puede 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. 

Centrar una imagen, un botón CTA o un logotipo con estilo en línea

Nota:

 

Para centrar una imagen, botón CTA o logotipo en una plantilla de correo electrónico o página:

  • En la plantilla de diseño, haz clic en el logotipo, llamada a la acción, o módulo de imagenpara seleccionarla 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.

Centrar una imagen, un botón CTA o un logotipo de las opciones de estilo del módulo

Si está utilizando una plantilla con un área de arrastrar y soltar, en determinados módulos o secciones, puede optar por establecer la alineación directamente. No obstante, tenga 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 > Correo electrónico.
    • 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.

 

Centrar una imagen, un botón CTA o un logotipo mediante 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.