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

Use colunas flexíveis em suas páginas

Ultima atualização: Fevereiro 11, 2019

Disponível para

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

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 estão disponíveis apenas para páginas de destino e páginas de site.As colunas flexíveis não são compatíveis com conteúdo inteligente.

Adicione uma coluna flexível ao seu modelo

Adicione uma coluna flexível ao modelo de seua 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, clique no ícone com sinal + no painel do editor da barra lateral esquerda.
  • Arraste e solte um novo módulo em seu layout. Você verá o editor de conteúdo destacado com um ícone de módulo onde você pode soltar o novo módulo.

colunas flexíveis adicionadas

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 o módulo em uma determinada área, é porque essa área não pode ser parte da coluna flexível em seu modelo.

  • 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 ícone Alterar layout.
  • 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.

mover módulos de coluna flexíveis

Você também pode editar o layout da coluna flexível no painel da barra lateral:

  • Clique no ícone de módulo integrações no painel da barra lateral à esquerda. Você verá todos os módulos incluídos na coluna flexível listada na ordem que eles aparecem na sua página.
  • Para reordenar seus módulos, clique no módulo que deseja mover e solte-o em uma nova posição na lista de módulos. O editor de conteúdo à direita atualizará com seu novo layout.

barra lateral dos módulos de coluna flexíveis

  • Para excluir um módulo de seu layout de coluna flexível, passe o cursor do mouse sobre o módulo e clique no ícone de lixeira excluir.
  • Após finalizar a edição dos módulos e conteúdo, clique em Salvar ou Publicar para ativar suas alterações.