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
Design Manager
Website Pages

Usa columnas flexibles en tus páginas

Última actualización: julio 15, 2020

Requisitos

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

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 cuenta: las columnas flexibles no admiten contenido inteligente y no están disponibles en la herramienta de blog. Para más control sobre el diseño de tus páginas, trabaja con tu desarrollador web para agregar un área de arrastrar y soltar a tu plantilla de página.

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, en el panel Agregar en la izquierda, haz clic en un módulo y arrástralo a tu disposición. Verás el editor de contenido resaltado con un ícono de módulo donde puedes soltar el nuevo módulo.
  • Para eliminar un módulo de tu disposición de columna flexible, coloca el cursor sobre el módulo y haz clic en el delete ícono de la papelera.

flexible%20columns%20add%20module

Ten en cuenta: solo puedes agregar nuevos módulos en áreas en la página que usan columnas flexibles. Si notas que no puedes soltar un módulo en un área específica, es porque esa área no es parte de la columna flexible en tu plantilla. Por ejemplo, podría ser parte de un pie de página global.

  • 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 flexColumn ícono de columna flexible.
  • 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.

flexible%20columns%20move%20modules


Después de finalizar la edición de tus módulos y contenido, haz clic en Guardar o Publicar para realizar tus cambios en vivo.
/es/cos-pages-editor/how-to-use-flexible-columns-in-your-pages