Última actualización: marzo 8, 2023
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:
- Este método requiere conocimientos básicos de HTML.
- Si su página o plantilla tiene una hoja de estilos adjunta o algún estilo adicional añadido, puede haber CSS existente que afecte a su imagen, CTA o logotipo. HubSpotrecomienda trabajar con un diseñador para identificar el origen del estilo y hacer los cambios necesarios para centrar sus activos.
Para centrar una imagen, botón CTA o logotipo en una plantilla de correo electrónico o página:
- En tu cuenta de HubSpot,navega a tus páginas de destino, página de sitio web, publicación del blog o panel de correo electrónico.
- Coloca el cursor sobre tu página, publicación de blog o correo electrónico, luego haz clic en Editar.
- En la parte superior del editor de contenido, haz clic en la pestaña Configuración .
- En la pestaña de configuración, desplácese hacia abajo y haga clic en Opciones avanzadas.
- En la sección Plantilla , haga clic en Editar esta plantilla. Esta acción abrirá su plantilla en el editor de diseño en una nueva pestaña o ventana.
- 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:
- En tu cuenta de HubSpot, navega hasta tus páginas de destino, página web o entrada de blog.
- En la barra de búsqueda, busque espaciadorhorizontal.
- Haga clic y arrastre los separadores horizontales a cada lado del módulo que desea centrar. A continuación, ajuste la anchura del separador para centrar su elemento.
