Use colunas flexíveis nas páginas do HubSpot

Depois de adicionar colunas flexíveis a um modelo de página, você pode adicionar ou reorganizar módulos no editor de conteúdo dentro dessas colunas.

Ascolunas flexíveis não estão disponíveis nos modelos de blog, e-mail ou página do sistema, . Saiba mais sobre a edição de uma página de listagem de blogs no editor de conteúdo 

Adicionar colunas flexíveis a um modelo

Para usar colunas flexíveis no editor de conteúdo, você precisa adicioná-las primeiro a um modelo de página. Quaisquer módulos que você adicionar a uma coluna flexível no gerenciador de design aparecerão nessa coluna no editor de conteúdo.

Atenção: os módulos adicionados às colunas flexíveis no gerenciador de design só aparecerão em páginas recém-criadas.  Os módulos podem ser adicionados às páginas existentes a partir do editor de conteúdo. 

• Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
• No buscador, clique em um modelo para abri-lo no editor de layout. 
• No inspector, clique noseparador + Adicionar .
• Insira a coluna flexível na barra de pesquisa, depois clique no módulo da coluna flexívele arraste-o para o modelo. 
• No separador + Adicionar , clique em qualquer módulo que queira adicionar à coluna flexível e arraste-o sobre a coluna flexível do modelo. 

Editar colunas flexíveis no editor de conteúdo

Uma vez criada uma nova página com um modelo que utiliza colunas flexíveis, você pode personalizar a estrutura e o conteúdo dessas colunas flexíveis no editor de conteúdo.

• Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
• Passe o mouse sobre uma página e clique em Editar 
• Para adicionar um módulo à coluna flexível no editor de conteúdo, clique no módulo no editor da barra lateral e arraste-o sobre a coluna flexível

Atenção: você só pode adicionar módulos em áreas da página que utilizam colunas flexíveis. 

• Para excluir um módulo em uma coluna flexível, passe o mouse sobre o módulo e clique noícone deexclusão .
• Para reordenar os módulos em uma coluna flexível:
  • Passe o mouse sobre qualquer módulo em uma coluna flexível e clique noícone de coluna flexível da flexColumn .
  • Clique no ícone de quatro setas no topo de um módulo e arraste-o para a posição dentro da coluna flexível. 
  • Para terminar o rearranjo dos módulos, clique em Sair do modo de layout.

• No canto superior direito do editor de conteúdo, clique em Publicar ou Atualizar para levar suas mudanças ao vivo.