Neste artigo, vamos explicar como configurar seções e elementos em sua landing page. Agora que você definiu suas seções em sua landing page, é hora de preenchê-las com elementos como Texto, Imagens ou Botões.
Criamos uma série de artigos para ajudar você a construir suas landing pages:
- Prefácio: o que é uma landing page?
- Parte 1: configure sua landing page
- Parte 2: defina a estrutura de sua landing page
- Parte 3: edite as configurações de todos os elementos de sua landing page - VOCÊ ESTÁ AQUI
- Parte 4: adicione um formulário à sua landing page e use opções avançadas
- Parte 5: publique sua landing page
Configurações em comum
Algumas configurações são comuns a seções e elementos. Primeiro vamos descrever as configurações em comum e então as específicas de cada um.
Alinhamento
A configuração Alinhamento permite que você escolha como quer alinhar um elemento (horizontal e verticalmente). |
Espaçamento
A configuração Espaçamento permite que você defina o espaço vertical e horizontal ao redor e dentro das seções e dos elementos:
Você pode escolher entre diferentes tamanhos de espaçamento, do XS (menor) ao XL (maior). |
Visibilidade
Para seções:
|
|
Para elementos:
|
Cor de fundo
A configuração Cor de fundo permite que você adicione uma cor de fundo a uma seção ou elemento e controle sua transparência. |
Imagem de fundo
A configuração Imagem de fundo permite que você adicione uma imagem de nossa biblioteca de imagens, de uma URL, ou do seu computador como fundo de uma seção ou elemento:
|
Seção
Propriedades
A configuração Propriedades permite que você renomeie a seção. O nome de suas seções aparece quando você navega pelo painel Layout. |
Estilo
A configuração Estilo permite que você personalize a aparência da seção:
|
Cor e imagem de fundo e espaçamento
As configurações de Cor e imagem de fundo e Espaçamento são descritas na seção Configurações em comum deste artigo.
Linha
Você pode editar as configurações de uma linha navegando para a aba Layout no painel à esquerda, como vimos em Landing pages - Parte 2: defina a estrutura em sua landing page. Você também pode usar a trilha de localização que aparece na parte de cima de sua tela, ao clicar em um elemento.
Cor e imagem de fundo, espaçamento e visibilidade
As configurações Cor e imagem de fundo, espaçamento e visibilidade são descritas na seção Configurações em comum deste artigo.
Avançado
|
Coluna
Você pode editar as configurações de uma coluna navegando pela aba Layout no painel à esquerda, como vimos em Landing pages - Parte 2: defina a estrutura de sua landing page. Você também pode usar o rastreio de localização que aparece na parte de cima de sua tela ao clicar em um elemento.
Estilo
|
Cor e imagem de fundo, espaçamento e visibilidade
As configurações Cor e imagem de fundo, espaçamento e visibilidade são descritas na seção Configurações em comum deste artigo.
Texto
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar o elemento Texto para adicionar e formatar o texto em sua landing page.
Barra de formatação
A barra de formatação permite que você altere o estilo de seu texto. Selecione o texto que quer editar para exibir a barra de formatação e clique nos 3 pontos à direita para acessar mais opções.
Alinhamento e espaçamento
As configurações Alinhamento e Espaçamento são descritos na seção Configurações em comum deste artigo.
Imagem
Novo editor de landing page |
Editor clássico de landing page |
Imagens são uma maneira perfeita de personalizar o design de sua landing page e torná-la mais engajadora. Você pode selecionar uma imagem em nossa biblioteca de imagem, de uma URL, ou do seu computador.
Alinhamento e espaçamento
As configurações Alinhamento e Espaçamento são descritas na seção Configurações em comum deste artigo.
Imagem
A configuração Imagem permite que você selecione uma imagem e altere seu tamanho:
|
Estilo
A configuração Estilo permite que você defina a aparência da imagem:
|
Logo
Novo editor de landing page |
Editor clássico de landing page |
Logos são uma maneira perfeita de exibir sua marca em sua landing page.
Alinhamento e espaçamento
As configurações Alinhamento e Espaçamento são descritas na seção Configurações em comum deste artigo.
Imagem
A configuração Imagem permite que você selecione uma logo e altere seu tamanho:
|
Estilo
A configuração Estilo permite que você defina a aparência da logo:
|
Botão
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar um elemento Botão para vincular a um site ou a outra subpágina de sua landing page. Adicionar botões à sua landing page é ótimo para destacar links específicos nos quais deseja que as pessoas cliquem.
Alinhamento, espaçamento e visibilidade
As configurações Alinhamento, espaçamento, e visibilidade são descritas na seção Configurações em comum deste artigo.
Propriedades
A configuração Propriedades permite que você defina ao que o botão deve ser vinculado:
|
Estilo
A configuração Estilo permite que você personalize a aparência do botão:
|
Divisor
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar um elemento Divisor para adicionar um separador visual entre os diferentes elementos e seções de sua landing page.
Espaçamento
A configuração Espaçamento esta descrita na seção Configurações em comum deste artigo.
Estilo
Escolha o nível de espessura do divisor: fino, grosso ou mais grosso. |
Cor
Escolha a cor do divisor. |
Formulário
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar um elemento Formulário para criar uma landing page geradora de leads. Para saber mais sobre formulários em uma landing page, consulte nosso artigo dedicado Parte 4: adicione um formulário em sua landing page e use opções avançadas.
Ícone
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar um elemento Ícone para adicionar algum conteúdo visual e ilustrar sua landing page.
Alinhamento e espaçamento
As configurações Alinhamento e Espaçamento estão descritas nas seção Configurações em comum deste artigo.
Configurações
As Configurações de um ícone permitem que você selecione um ícone e personalize sua aparência:
|
Vídeo
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar um elemento Vídeo em sua landing page para exibir sua marca ou produtos sem utilizar muito texto.
Espaçamento
A configuração Espaçamento está descrita na seção Configurações em comum deste artigo.
URL
A configuração URL permite que você adicione o link para o vídeo. Você pode usar um vídeo hospedado no YouTube, Vimeo, Dailymotion, Canal+, Wista, Twitch, Youku, ou Coub. |
Estilo
A configuração Estilo permite que você gerencie a aparência do vídeo:
|
Contêiner
Você pode usar um elemento Contêiner para agrupar vários elementos e movê-los ou redimensioná-los de uma vez só.
Imagem de fundo, espaçamento e visibilidade
As configurações Imagem de fundo, espaçamento, e visibilidade são descritas na seção Configurações em comum deste artigo.
Estilo
A configuração Estilo permite que você personalize a aparência do contêiner:
|
Código
Novo editor de landing page |
Editor clássico de landing page |
Você pode usar um elemento Código para adicionar trechos de código à sua landing page, tais como seção de comentários do Facebook.
⏩ O que vem a seguir?
- Parte 4: adicione um formulário à sua landing page e use opções avançadas
- Parte 5: publique sua landing page
- Landing pages são SEO-amigáveis?
- Duplique uma landing page existente
- Gerencie subpáginas dentro de sua 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 o parceiro especialista certificado em Brevo.