Use colunas flexíveis em suas páginas

As colunas flexíveis são seções da sua página que podem ser editadas e reestruturadas com novos módulos no editor de página. Saiba como adicionar uma coluna flexível ao seu modelo e editar módulos na coluna flexível no editor de página.

 Observação: as colunas flexíveis não oferecem suporte ao conteúdo inteligente e não estão disponíveis na ferramenta de blog. Para ter ainda mais controle sobre o layout das suas páginas, trabalhe com seu desenvolvedor da web para adicionar uma área de arrastar e soltar ao modelo de página.

Adicione uma coluna flexível ao seu modelo

Adicione uma coluna flexível ao modelo de sua página para adicionar, remover ou reorganizar módulos em sua página no editor. Por padrão, todos os módulos adicionados à coluna flexível no modelo estarão disponíveis no editor de página.

• Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
• No localizador, clique no modelo existente para abri-lo no editor. Para criar um novo modelo, clique no menu suspenso Arquivo e selecione Novo arquivo.
• No inspetor à direita, clique em +Adicionar e procure por um módulo de coluna flexível. Clique e arraste o módulo ao seu modelo.
• Clique e arraste todos os outros módulo que você quer que apareçam na coluna flexível. Quando você arrastar um módulo sobre a coluna flexível, aparecerão retângulos azuis onde você pode soltar o conteúdo.
• Se você quiser que alguns dos módulos em suas colunas flexíveis fiquem lado a lado em várias colunas, clique em seu módulo de coluna flexível e selecione Dividir coluna flexível. 

Observação: mais módulos podem ser adicionados, editados ou removidos da coluna flexível no nível de página.

Edição de colunas flexíveis em sua página

Depois de criar uma nova página com um modelo que contém colunas flexíveis, você pode personalizar a estrutura e conteúdo diretamente no editor.

• Para adicionar módulos à sua página, no painel Adicionar à esquerda, clique em um módulo e arraste-o para o seu layout. Você verá o editor de conteúdo destacado com um ícone de módulo onde você pode soltar o novo módulo.
• Para excluir um módulo do layout de coluna flexível, passe o cursor do mouse sobre o módulo e clique no delete ícone de lixeira.

Observação: você pode adicionar apenas novos módulos em áreas na página que utilizam colunas flexíveis. Se você não conseguir soltar um módulo em uma área específica, é porque a área não faz parte da coluna flexível em seu modelo. Por exemplo, pode ser parte de um rodapé global.

• Para reorganizar o layout dos módulos, passe o cursor do mouse sobre qualquer um dos módulos na coluna flexível e clique no flexColumn  ícone de coluna flexível.

• Você verá um ícone de quatro setas no topo dos módulos que podem ser movidos. O cursor do mouse também irá mudar para um ícone de quatro setas.
• Clique para arrastar os módulos que você deseja mover e solte-os em uma nova posição disponível em sua página. Você verá o editor de conteúdo sombreado em roxo no espaço em que o módulo será colocado.
• Quando terminar de mover seus módulos, clique no modo Sair do layout.