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í.
CMS-Pages-Editor

Usa columnas flexibles en tus páginas

Última actualización: febrero 11, 2019

Requisitos

Marketing Hub Professional, Enterprise
Básico
HubSpot CMS

Las columnas flexibles son secciones de tu página que pueden editarse y reestructurarse con nuevos módulos en el editor de páginas. Descubre cómo agregar una columna flexible a tu plantilla y editar módulos en tu columna flexible en el editor de página.

 Ten en cuentasolo están disponibles columnas flexibles para páginas de destino y páginas web. Las columnas flexibles no admiten contenido inteligente.

Agrega una columna flexible a tu plantilla

Agrega una columna flexible a tu plantilla de página para agregar, eliminar o reorganizar módulos en tu página en el editorLos módulos agregados a la columna flexible de la plantilla estarán disponibles en el editor de página por defecto.

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • En el visor, haz clic en tu plantilla existente para abrirla en el editor. Para crear una nueva plantilla, haz clic en el menú desplegable Archivo y selecciona Nuevo archivo.
  • En el inspector de la derecha, haz clic en + Agregar y busca un módulo de columna flexible. Haz clic y arrastra el módulo al cuerpo de tu plantilla.
  • Haz clic y arrastra cualquier otro módulo que desees en la columna flexible. Cuando colocas un módulo sobre la columna flexible, verás los rectángulos azul donde puedes soltar el contenido.
  • Si quieres que cualquiera de los módulos en tus columnas flexibles quede lado a lado en varias columnas, puedes hacer clic derecho en el módulo de columna flexible y seleccionar Dividir columna flexible

Ten en cuenta: se pueden agregar módulos adicionales, editar o eliminar de la columna flexible en el nivel de página.

división de columnas flexiblesEditar columnas flexibles en tu página

Una vez que hayas creado una nueva página con una plantilla que contiene columnas flexibles, puedes personalizar la estructura y el contenido directamente en el editor.
  • Para agregar módulos a tu página, haz clic en el icono de más + en el panel editor de la barra lateral izquierda.
  • Arrastra y suelta un nuevo módulo en tu disposición. Verás el editor de contenido resaltado con un ícono de módulo donde puedes soltar el nuevo módulo.

agregar columnas flexibles

Ten en cuenta: solo puedes agregar nuevos módulos en áreas en la página que usan columnas flexibles. Si no puedes soltar el módulo en un área en particular, es porque esa área puede no ser parte de la columna flexible en tu plantilla.

  • Para reorganizar la disposición de los módulos, coloca el cursor sobre cualquiera de los módulos en tu columna flexible y haz clic en el símbolo Cambiar disposición.
  • Verás un icono de cuatro flechas en la parte superior de los módulos que puedes mover. El cursor del ratón también cambiará a un icono de cuatro flechas.
  • Haz clic para arrastrar los módulos que deseas mover y soltarlos en una nueva posición disponible en tu página. Verás el editor de contenido sombreado en púrpura en el espacio donde se colocará el módulo.
  • Cuando hayas terminado de mover tus módulos, haz clic en Salir del modo de disposición.

mover módulos de columnas flexibles

También puedes editar la disposición de tu columna flexible en el panel de la barra lateral izquierda

  • Haz clic en el ícono del módulo Integraciones en el panel de la barra lateral izquierda. Verás todos los módulos incluidos en la columna Flexible que aparece en el orden que aparecen en tu página.
  • Para volver a ordenar tus módulos, haz clic en el módulo que deseas mover y soltarlo en una nueva posición en la lista del módulo. El editor de contenido a la derecha se actualizará con tu nueva disposición.

barra lateral de módulos de columnas flexibles

  • Para eliminar un módulo de tu disposición de columna flexible, coloca el cursor sobre el módulo y haz clic en el ícono de la papelera eliminar.
  • Después de finalizar tus módulos y contenido, haz clic en Guardar o Publicar para realizar tus cambios en vivo.