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

Usar columnas flexibles en las páginas de HubSpot

Última actualización: agosto 19, 2021

Requisitos

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

Las columnas flexibles son secciones de una página que admiten agregar y reorganizar módulos en el editor de contenido. Para poder usar en el editor de contenido, primero debes agregar columnas flexibles a la plantilla de una página.

Nota: las columnas flexibles no admiten contenido inteligente y no están disponibles para blog.

Agregar columnas flexibles a una plantilla

Cuando se agrega una columna flexible a una plantilla de página, se pueden agregar módulos, eliminarlos o reorganizarlos en esa sección de la página en el editor de contenidoLos módulos agregados a la columna flexible de la plantilla aparecerán en el editor de contenido por opción predeterminada.

Nota: los módulos agregados a columnas flexibles en una plantilla aparecerán solo en páginas nuevas usando esa plantilla. Los módulos pueden agregarse a páginas existentes desde el editor de contenido. 

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • En el buscador, haz clic en una plantilla para abrirla en el editor de diseño. 
  • En el inspector, haz clic en la pestaña + Agregar.
  • Introduce columna flexible en la barra de búsqueda y luego haz clic en el módulo Columna flexible y arrástralo a la plantilla. 
  • En la pestaña + Agregar, haz clic en cualquier módulo que deseas agregar a la columna flexible y arrástralo sobre la columna flexible en la plantilla. 

división de columnas flexibles

Editar columnas flexibles en el editor de contenido

Una vez que hayas creado una nueva página con una plantilla que usa columnas flexibles, puedes personalizar la estructura y el contenido de esas columnas en el editor de contenido.

  • En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
  • Coloca el cursor sobre una página y haz clic en Editar.
  • Para agregar un módulo a la columna flexible en el editor de contenido, haz clic en un módulo en el editor de la barra lateral y arrástralo sobre la columna flexible.

flexible%20columns%20add%20module

Nota: solo puedes agregar módulos a áreas de la página que usan columnas flexibles. 

  • Para eliminar un módulo en una columna flexible, coloca el cursor sobre el módulo y haz clic en delete icono eliminar.
  • Para reorganizar el diseño de los módulos:
    • Coloca el cursor sobre cualquier módulo en una columna flexible y haz clic en el flexColumn símbolo columna flexible.
    • Haz clic en el símbolo de cuatro flechas arriba de un módulo y arrástralo a la posición dentro de la columna flexible. 
    • Cuando hayas reorganizado los módulos, haz clic en Salir del modo de diseño.

rearrange-modules-in-a-flexible-column

  • En la parte superior derecha, haz clic en Publicar o Actualizar