Landing pages - Parte 2: definindo a estrutura de sua Landing Page

💡 É bom saber
Landing pages estão disponíveis para os planos Business e Enterprise.

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. 

É 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ê:

mceclip6.png

mceclip5.png

Novo editor de landing page

Editor clássico 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.

mceclip0.png

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:

mceclip1.png

  1. Você pode Adicionar uma seção em branco para personalizá-la do zero.
  2. 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
💡 É bom saber
Todas as novas seções aparecerão na parte inferior do seu design.

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.

mceclip2.png

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.

move_section.gif

💡 É bom saber
Se não tiver certeza de que seção precisa mover, observe que ao passar o mouse sobre uma seção na lista, ela será apresentada em seu design.

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 ❏.
    mceclip3.png
  • Em seu design, clique em Seção e selecione o ícone Copiar seção ❏.
    mceclip4.png
💡 É bom saber
A seção duplicada aparecerá na parte inferior do seu design.

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:

  1. Em seu design, clique em Seção e selecione o ícone Substituir seção🔁.
    mceclip5.png
  2. Selecione uma seção em branco ou pré-criada para a substituição.
💡 É bom saber

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 🗑️.
    mceclip7.png
  • Em seu design, clique em Seção e selecione o ícone Excluir seção 🗑️.
    mceclip6.png

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.

add_elements.gif

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.

move_element.gif

Redimensione um elemento

Para redimensionar um elemento em sua landing page:

  1. Pare o mouse sobre o elemento que deseja redimensionar.
  2. Arraste o canto inferior direito azul do elemento e arraste-o até o tamanho desejado.

    resize_element.gif

Duplique um elemento

Para duplicar e reutilizar um elemento em sua landing page, selecione-o e clique no ícone Duplicar ❏.

mceclip8.png

Exclua um elemento

Para excluir um elemento de sua landing page, selecione-o e clique no ícone Excluir 🗑️.

mceclip9.png

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:

  1. Você pode Adicionar uma seção vazia para personalizá-la completamente, do zero
  2. Também oferecemos seções pré-fabricadas que podem ser adicionadas para construir sua landing page.
    mceclip10.png

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

  1. Pare o mouse sobre uma seção.
  2. Na parte de baixo da seção haverá um botão ADICIONAR LINHA OU SEÇÃO.
  3. Clique nele e então em ADICIONAR LINHA ou ADICIONAR SEÇÃO
    mceclip11.png
  4. Para linhas: escolha que modelo suas novas linhas devem ter (até 4 colunas)
  5. 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

mceclip12.png mceclip13.png mceclip14.png

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:

move_section_classic.gif

💡 Dica
Se não tiver certeza sobre que seção/linha/coluna/elemento você está movendo, observe que o bloco citado será animado em seu design sempre que você passar o mouse sobre o elemento na lista.

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.
mceclip15.png mceclip16.png

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?

🤔 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.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 1 de 3