Neste artigo, vamos explicar como estruturar sua landing page. Você pode fazer isso adicionando, movendo, duplicando e excluindo páginas, seções e elementos.
Criamos uma série de artigos para ajudar você a construir suas landing pages.
- Prefácio: o que é uma Landing Page?
- Parte 1: configurando sua Landing Page
- Parte 2: definindo a estrutura de sua Landing Page - VOCÊ ESTÁ AQUI
- Parte 3: editando as configurações de todos os elementos de sua Landing Page
- Parte 4: adicionando um formulário e usando opções avançadas
É bom saber
O Novo editor de landing pages oferece uma estrutura diferente do editor Clássico de landing page. Certifique-se de que você está na seção certa deste artigo, com base no editor de landing page usado por você:
|
|
|
| Novo editor de landing page |
Novo editor de landing pages
Uma landing page é composta de páginas, seções e elementos.
Páginas
Você pode adicionar páginas adicionais à sua landing page, como uma página de agradecimento, que pode ser vinculada à sua landing page principal. Para adicionar uma nova página, clique em + Criar uma nova página, no painel Páginas.
Para saber mais sobre subpáginas, consulte nosso artigo dedicado Gerencie subpáginas em sua landing page.
Seções
Dentro de uma página, você pode adicionar seções para organizar seu conteúdo, como seção de Cabeçalho, seção Corpo e uma seção Rodapé. Você pode adicionar uma seção à sua página a partir dos painéis Seções ou Layout.
Você pode adicionar tipos diferentes de seções ao seu design:
- Você pode Adicionar uma seção em branco para personalizá-la do zero.
- Também oferecemos seções pré-criadas, que podem ser adicionadas para construir sua landing page:
- Cabeçalho
- Capa
- Benefícios
- Recursos
- Vídeo
- Evidências sociais
- Call-to-action
- Equipe
- Rodapé
- Depoimentos
- Formulários
- FAQs
- Como funciona
Renomeie uma seção
Para renomear uma seção de sua landing page, clique em uma seção e insira um nome no campo Nome desta seção. Renomear a seção é útil se você tiver uma visão geral clara da estrutura de sua landing page.
Mova uma seção
Para reorganizar seu design, você pode mover as seções pela sua landing page. No painel Layout, arraste e solte a seção na ordem desejada.
Duplique uma seção
Para duplicar e reutilizar uma seção em sua landing page:
- No painel Layout, pare o mouse sobre uma seção e clique no ícone Duplicar ❏.
- Em seu design, clique em Seção e selecione o ícone Copiar seção ❏.
Substitua uma seção
Para substituir uma seção inteira do seu design por uma seção em branco ou pré-criada de sua escolha:
- Em seu design, clique em Seção e selecione o ícone Substituir seção🔁.
- Selecione uma seção em branco ou pré-criada para a substituição.
Substituir uma seção apagará todo o seu conteúdo. Essa mudança só pode ser revertida usando o botão ⟲ Desfazer.
Exclua uma seção
Para excluir uma seção de sua landing page:
- Em seu design, selecione um elemento e clique no ícone Excluir 🗑️.
- Em seu design, clique em Seção e selecione o ícone Excluir seção 🗑️.
Elementos
Dentro de uma seção, você pode adicionar Elementos como contentores, texto, botão, imagem, vídeo, divisores, logo, ícone, código e formulário. Para saber mais sobre os tipos de elementos disponíveis em uma landing page e como editar suas configurações, consulte Parte 3: edite as configurações de todos os elementos de sua landing page.
Para adicionar um elemento em uma seção, clique em + Elementos e arraste e solte os elementos de sua escolha na seção.
Mova um elemento
Para reorganizar seu design, você pode mover os elementos pela sua landing page. Para isso, arraste e solte o elemento onde quiser que ele esteja em sua landing page.
Redimensione um elemento
Para redimensionar um elemento em sua landing page:
- Pare o mouse sobre o elemento que deseja redimensionar.
- Arraste o canto inferior direito azul do elemento e arraste-o até o tamanho desejado.
Duplique um elemento
Para duplicar e reutilizar um elemento em sua landing page, selecione-o e clique no ícone Duplicar ❏.
Exclua um elemento
Para excluir um elemento de sua landing page, selecione-o e clique no ícone Excluir 🗑️.
Editor clássico de landing pages
Layout de sua landing page
Vamos aprender como estruturar uma landing page criada com nosso construtor. Aqui está a estrutura de uma landing page:
| Seção > Linhas > Colunas > Elementos |
Seções
Cada página é composta por seções, o que torna o construtor fácil e flexível de usar. Por exemplo, você poderá ter uma seção Cabeçalho, uma seção Corpo e uma seção Rodapé.
Você pode escolher dois tipos de seções para adicionar ao seu design:
- Você pode Adicionar uma seção vazia para personalizá-la completamente, do zero
- Também oferecemos seções pré-fabricadas que podem ser adicionadas para construir sua landing page.
Você pode renomear cada seção para torná-la ainda mais clara ao construir sua landing page. Para isso, basta clicar na seção e preencher o campo Nomear esta seção no painel à direita.
Você também pode nomear uma seção em Seções > Seção X > ⚙️. A seção editada aparecerá à direita.
Linhas e colunas
Dentro de uma seção existem linhas que podem ser divididas dentro de diversas colunas.
Dentro das colunas, você pode adicionar Elementos tais como texto, imagem, botão CTA, separadores, formulários, ícones, vídeos, logomarcas e código HTML. Para mais informações, veja nosso guia detalhado para usar o construtor de páginas e elementos.
Como adicionar uma seção, coluna ou linha
Existem diferentes maneiras de adicionar linhas ou seções. Você pode fazer isso diretamente no design ou por meio do painel à esquerda (também Seções ou Layout).
Adicione uma seção ou linha diretamente a partir do design
- Pare o mouse sobre uma seção.
- Na parte de baixo da seção haverá um botão ADICIONAR LINHA OU SEÇÃO.
- Clique nele e então em ADICIONAR LINHA ou ADICIONAR SEÇÃO
- Para linhas: escolha que modelo suas novas linhas devem ter (até 4 colunas)
- Para seções: o painel à esquerda abre e você pode escolher Adicionar uma seção em branco ou uma seção pré-fabricada a partir da lista.
Seções também podem ser adicionadas diretamente a partir do painel Seções na esquerda e serão adicionados logo acima do rodapé ou no fim do seu design se você começar do zero.
Você não pode adicionar colunas aqui. Veja a seção a seguir para saber como adicionar colunas.
Adicione uma seção, coluna ou linha a partir do painel Layout
Você também pode adicionar seções ou linhas diretamente a partir do painel Layout quando você navega dentro da estrutura. Em cada etapa, você verá um botão + Adicionar seção, + Adicionar coluna ou + Adicionar linha.
Como mover seções, linhas, colunas e elementos
Agora que você sabe como adicionar seções, linhas e colunas, você pode querer reorganizá-los enquanto cria seu design. Para mover as coisas, você precisa ir ao Painel layout.
A partir daí, você pode simplesmente arrastar e soltar os diferentes elementos. O exemplo abaixo mostra elementos de uma coluna:
Como duplicar ou excluir seções, linhas, colunas e elementos
Cada item de sua landing page pode ser duplicado.
- Você pode duplicar seções, linhas, colunas e elementos a partir do painel Layout clicando no ícone Duplicar, ao passar o mouse sobre estes elementos.
- Você também pode duplicar uma seção ou elemento a partir do painel Editar à direita, ao clicar na seção ou no elemento. No canto inferior direito, você vai encontrar a opção Duplicar.
Como adicionar uma página
Para adicionar uma nova página, na barra lateral à esquerda, clique na aba Páginas, e então no botão + ADICIONAR UMA PÁGINA EM BRANCO. Saiba mais sobre Sub-páginas aqui.
⏩ O que vem a seguir?
- Parte 3: editando as configurações de todos os elementos de sua Landing Page
- Parte 4: adicionando um formulário e usando opções avançadas
- Parte 5: publicando sua Landing Page
- Landing pages são compatíveis com o SEO?
- Como duplicar uma Landing page existente
- Como administrar sub-páginas dentro de suas Landing pages
🤔 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 o parceiro especialista certificado em Brevo.