Neste artigo, vamos explicar como estruturar sua landing page. Você pode estruturar a landing page adicionando, movendo, duplicando e excluindo páginas, seções e elementos.

Criamos uma série de artigos para ajudar você a criar suas landing pages:

• Prefácio: O que é uma landing page?
• Parte 1: configurar a landing page
• Parte 2: definir a estrutura da landing page - VOCÊ ESTÁ AQUI
• Parte 3: editar as configurações de todos os elementos da landing page 
• Parte 4: adicionar um formulário a landing pages e usar opções avançadas
• Parte 5: publicar a landing page

É bom saber

O novo editor de landing page oferece uma estrutura diferente do editor de landing page clássico. Verifique a seção correta deste artigo com base no editor de landing page que você está usando:

Novo editor de landing page	Editor de landing page clássico

Novo editor de landing page

Uma landing page é composta por páginas, seções e elementos.

Páginas

Você pode adicionar outras páginas à landing page, como uma página de agradecimento, que pode ser vinculada à landing page principal. Para adicionar uma nova página, clique em + Create a new page (Criar uma nova página) no painel Pages (Páginas).

Para saber mais sobre subpáginas, confira nosso artigo dedicado Gerencie subpáginas em sua landing page.

Seções

Dentro de uma página, você pode adicionar seções para organizar o conteúdo, como uma seção de cabeçalho, uma seção de corpo e uma seção de rodapé. Você pode adicionar uma seção à sua página nos painéis Sections (Seções) ou Layout. 

Você pode adicionar diferentes tipos de seções ao design:

1. Você pode adicionar uma seção em branco para personalizá-la completamente do zero.
2. Também oferecemos seções predefinidas que podem ser adicionadas para criar a landing page:
   

   Cabeçalho Capa Benefícios Recursos Vídeo Comprovante social Chamada para ação

   Equipe Rodapé Depoimentos Formulários FAQ Como funciona

Renomear uma seção

Para renomear uma seção da landing page, clique em uma seção e insira um nome no campo Name this section (Nomear esta seção). Renomear suas seções é útil para ter uma visão geral clara da estrutura da landing page.

Mover uma seção

Para reorganizar o design, você pode mover as seções da landing page. No painel Layout, arraste e solte a seção na ordem desejada.

Duplicar uma seção

Para duplicar e reutilizar uma seção na landing page:

• No painel Layout, passe o mouse sobre uma seção e clique no ícone ❏ Duplicate (Duplicar).
  

• No design, clique em Section (Seção) e selecione o ícone ❏ Copy Section (Copiar seção).
  

Trocar uma seção

Para substituir uma seção inteira do design por uma seção em branco ou predefinida:

1. Diretamente no design, clique em Section (Seção) e selecione o ícone 🔁 Swap Section (Trocar seção).
   
2. Selecione uma seção em branco ou predefinida para substituí-la.

Excluir uma seção

Para excluir uma seção da landing page:

• Diretamente no design, selecione um elemento e clique no ícone 🗑️ Delete (Excluir).
  
• No design, clique em Section (Seção) e selecione o ícone 🗑️ Delete Section (Excluir seção).
  

Elementos

Dentro de uma seção, você pode adicionar elementos como contêiner, texto, botão, imagem, vídeo, divisor, logotipo, ícone, código e formulário. Para saber mais sobre os tipos de elementos disponíveis em uma landing page e como editar as configurações, confira a Parte 3: editar as configurações de todos os elementos da landing page.

Para adicionar um elemento em uma seção, clique em + Elements (Elementos) e arraste e solte o elemento escolhido na seção.

Mover um elemento

Para reorganizar o design, você pode mover os elementos da landing page. Para mover um elemento, arraste-o e solte-o onde você deseja que ele fique na landing page.

Redimensionar um elemento

Para redimensionar um elemento na landing page:

1. Passe o mouse sobre o elemento que você quer redimensionar.
2. Arraste o canto inferior direito azul do elemento até o tamanho desejado.
   

   

Duplicar um elemento

Para duplicar e reutilizar um elemento na landing page, selecione-o e clique no ícone ❏ Duplicate (Duplicar).

Excluir um elemento

Para excluir um elemento da landing page, selecione-o e clique no ícone 🗑️ Delete (Excluir).

Editor de landing page clássico

Layout da landing page

Vamos aprender como estruturar uma landing page criada com nosso editor. Confira a estrutura da landing page:

Seções

Cada página é composta por seções, o que torna o editor landing page fácil de usar e flexível. Por exemplo, você terá uma seção de cabeçalho, uma seção de corpo e uma seção de rodapé.

Você pode escolher dois tipos de seções para adicionar ao design:

1. Você pode adicionar uma seção em branco para personalizá-la totalmente do zero
2. Também oferecemos seções predefinidas que podem ser adicionadas para criar a landing page.
   

Você pode renomear cada seção para torná-la ainda mais clara ao criar a landing page. Para fazer isso, basta clicar na seção e preencher o campo Name this section (Nomear esta seção) no painel direito.

Você também pode nomear uma seção em Sections > Section X > ⚙️(Seções > Seção X > ⚙)️. A seção de edição aparecerá à direita.

Linhas e colunas

Dentro de uma seção há linhas que podem ser divididas em várias colunas. 

Dentro das colunas, você pode adicionar elementos como texto, imagem, botão de CTA, divisor, formulário, ícone, vídeo, logotipo e código HTML. Para mais informações, confira nosso artigo dedicado Parte 3: editar as configurações de todos os elementos da landing page.

Adicionar uma seção, coluna ou linha

Há diferentes maneiras de adicionar linhas ou seções. Você pode fazer isso diretamente no design ou no painel esquerdo (Sections (Seções) ou Layout).

Adicionar uma seção ou linha diretamente do design

1. Passe o mouse sobre uma seção.
2. Na parte inferior da seção, você verá um botão ADD ROW OR SECTION (ADICIONAR LINHA OU SEÇÃO).
3. Clique nele e, depois, em ADD ROW (ADICIONAR LINHA) ou ADD SECTION (ADICIONAR SEÇÃO)
   
   
4. Para linhas: escolha qual modelo sua nova linha deve ter (até 4 colunas)
5. Para seções: o painel esquerdo é aberto e você pode optar por adicionar uma seção em branco ou uma seção predefinida da lista. As seções também podem ser adicionadas diretamente do painel Sections (Seções) à esquerda e serão adicionadas logo acima da seção de rodapé ou no final do design, se você tiver começado do zero.

Você não pode adicionar colunas a partir daí. Consulte a seção a seguir para saber como adicionar colunas.

Adicionar uma seção, coluna ou linha do painel Layout

Você também pode adicionar seções ou linhas diretamente do painel Layout ao navegar pela estrutura. Em cada etapa, você verá um botão + Add section (Adicionar seção), + Add column (Adicionar coluna) ou + Add row (Adicionar linha). 

Mover seções, linhas, colunas e elementos

Agora que você sabe como adicionar seções, linhas e colunas, talvez queira reorganizá-las ao criar seu design. Para mover as coisas, você precisa ir ao painel Layout.

A partir daí, você pode simplesmente arrastar e soltar os diferentes elementos. Exemplo abaixo com os elementos de uma coluna:

Duplicar ou excluir seções, linhas, colunas e elementos

Cada item da landing page pode ser duplicado:

• Você pode duplicar seções, linhas, colunas e elementos no painel Layout clicando no ícone Duplicate (Duplicar) ao passar o mouse sobre o elemento.
• Você também pode duplicar uma seção ou um elemento no painel Edit (Editar) à direita ao clicar na seção ou no elemento. No canto inferior direito, você encontrará a opção Duplicate (Duplicar).

Adicionar uma página

Para adicionar uma nova página, na barra lateral esquerda, clique na guia Pages (Páginas) e no botão + Create a new page (Criar uma nova página). Saiba mais sobre subpáginas aqui.

⏩ O que vem a seguir?

• Parte 3: editar as configurações de todos os elementos da landing page 
• Parte 4: adicionar um formulário a landing pages e usar opções avançadas
• Parte 5: publicar a landing page
• Landing pages são compatíveis com o SEO?
• Como duplicar uma landing page existente
• Como administrar subpáginas dentro da landing page

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar à agência parceira da Brevo certa.