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: julio 8, 2024

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

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

Si utilizas las plantillas de diseño creadas en la herramienta de gestión del 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 estilo 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:

  • Ve al contenido en el que quieres añadir el enlace:

    • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
    • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
    • Correo electrónico: En tu cuenta de HubSpot, dirígete a Marketing > Correos de marketing.
  • Pasa el ratón por encima de tu contenido y haz clic en Editar.
  • En el editor, accede a los ajustes de tu contenido: 
    • Para entradas y páginas, haz clic en el menú Ajustes y selecciona Avanzado.
    • Para los correos electrónicos, haz clic en la pestaña Ajustes y, a continuación, haz clic para expandir la sección Opciones avanzadas 
  • En la sección Plantilla , haz clic en Editar esta plantilla para abrir la plantilla en el gestor de diseño. 

  • En el gestor de diseño, haz clic en el logotipo , en la llamada a la acción, o en el módulo de imagen
  • En la columna de la derecha, introduce text-align: center; en el campo Inline styling .

 
  • En la parte superior derecha, haga clic en Publicar cambios para aplicar los cambios a esta plantilla.

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 módulos de página o post:
    • Ve al contenido en el que quieres añadir el enlace:

      • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
      • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
      • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > 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 y, a continuación, haz clic para expandir la sección 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 correo electrónico 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 utilizas no tiene opciones de alineación, desde el editor de contenidos puedes añadir a tu página espaciadores horizontales para centrar los módulos en su lugar. 

Para centrar su módulo utilizando un espaciador horizontal: 

  • Ve al contenido en el que quieres añadir el enlace:

    • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
    • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
  • En la columna izquierda del editor de contenidos, haz clic en + Añadir
  • En la barra de búsqueda, busque espaciadorhorizontal. 
  • Haga clic y arrastre los separadores horizontales a cada lado del módulo que desea centrar. Después, ajusta la anchura del separador para centrar tu elemento. 
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.