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:
- Este método requiere conocimientos básicos de HTML.
- Si tu página o plantilla tiene una hoja de estilos adjunta o algún estilo adicional añadido, puede haber CSS existente que afecte a tu imagen, CTA (legado) o logotipo. HubSpot recomienda trabajar con un diseñador para identificar el origen del estilo y realizar los cambios necesarios para centrar tus activos.
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.
- 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.