Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Landing Pages

Use colunas flexíveis em suas páginas

Ultima atualização: Outubro 19, 2020

Disponível para

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic (versão anterior)

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çãoas 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 editorPor 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.

colunas flexíveis divididasEdiçã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.

flexible%20columns%20add%20module

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.

flexible%20columns%20move%20modules


Após finalizar a edição dos módulos e conteúdo, clique em Salvar ou em Publicar para ativar suas alterações.