Neste artigo, vamos explicar como adicionar um formulário à sua landing page e como usar as opções avançadas disponíveis no construtor de landing page.
Criamos uma série de artigos para ajudar você a criar 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
- 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 - VOCÊ ESTÁ AQUI
- Parte 5: publicando sua Landing Page
Adicione um formulário à sua landing page
Formulários permitirão que você recupere endereços de e-mail e automaticamente os classifique em suas listas na Brevo.
Para adicionar um elemento Formulário à sua landing page:
Adicione uma nova seção em Seções > Filtrar seções pré-criadas > Formulários e escolha uma seção pré-definida que possa ser editada para atender as suas necessidades. | Ou comece do zero adicionando um novo elemento Formulário à sua landing page. |
Adicione uma nova Seção > Filtrar seções pré-fabricadas > Formulários e então escolha uma seção pré-definida que possa ser editada para se adequar ao seu desejo. | Ou comece do zero, adicionando um novo Elemento > Formulário. |
Configure seu formulário
Depois de ter adicionado um elemento formulário à sua landing page, você pode escolher como configurá-lo:
Alinhamento
A configuração Alinhamento está descrita na seção Configurações comuns em Parte 3: edite as configurações de todos os elementos em sua landing page.
Gerenciar campos
As configurações Gerenciar campos permitem que você escolha onde armazenar os contatos coletados com o formulário e que informações quer obter deles. Você também pode configurar o formulário em si: adicione e classifique campos, torne campos obrigatórios ou não, adicione texto de ajuda, etc.
Para acessar as configurações Gerenciar campos, clique em seu formulário no editor de landing page.
Escolha sua lista de contato
|
Configurando os campos
A seguir, para os dados que quiser coletar, você irá adicionar os diferentes campos ao seu formulário gerador de lead.
|
|
Use o Placeholder para ajudar seus usuários a colocarem o formato correto.
Redirecionamento ao enviar o formulário
Nas Opções de redirecionamento, você pode escolher para onde seus usuários serão redirecionados ao enviar os dados de contato (ao clicarem no botão Call to Action):
Use a ação redirecionar formulário para redirecionar seus contatos para uma página no funil (uma subpágina ou sua landing page) ou a um URL específico:
|
Double opt-in
|
A configuração Double Opt-in permite que você escolha que método de opt-in você quer usar em seu formulário:
|
Design
A configuração Design permite que você escolha o design de seus campos: nenhum, delineado, contorno curvo, sublinhado com fundo, sublinhado sem fundo. Seu formulário também pode ser exibido como um formulário horizontal. Se você escolher esta opção, recomendamos que você remova as etiquetas dos seus campos. Para mudar a cor do plano de fundo, vá em configurações de colunas, como explicado em Parte 3: editando as configurações de todos os elementos de sua landing page. |
Aqui estão alguns exemplos de diferentes designs de formulários:
Espaçamento
A configuração Espaçamento está descrita na seção Configurações comuns em Parte 3: edite as configurações de todos os elementos de sua landing page.
Controles do formulário de assinatura
A configuração Controles do formulário de inscrição permite que você escolha como quer que seu formulário funcione durante o envio:
|
Estilo
|
A configuração Estilo permite que você defina a aparência do seu formulário::
|
Rastreamento Javascript (Facebook Pixel / Google Analytics)
O Rastreamento dará a você a oportunidade de inserir seus scripts de rastreamento em certas partes da página.
Um script de rastreamento é um código usado para monitorar o número de usuários que visitaram uma página. Scripts de rastreamento permitem que você analise por quanto tempo os visitantes ficaram na página, o que está chamando a atenção deles e como eles interagem com o conteúdo.
Para adicionar um script de rastreamento à sua landing page:
- No construtor de landing pages, clique em Configurações no canto inferior esquerdo.
-
Selecione Rastreamento.
-
Escreva o script de rastreamento na tag adequada. Você pode adicionar um script na:
-
tag Head
<head>
, -
tag
<body>
após a abertura, -
ou Antes do fechamento da tag
</body>
.💡 DicaServiços como Facebook e Google Analytics requerem que você tenha o script na tag head, enquanto outros serviços podem requerer isso na tag body. Consulte suas orientações atentamente sobre onde colocar o script.
-
-
Clique em Concluído.
Landing page multi-páginas
Se quiser adicionar páginas adicionais à sua landing page para criar um funil, acesse o painel Páginas e clique em + Criar uma página em branco. Para saber mais, consulte nosso artigo dedicado Gerencie subpáginas em sua landing page. |
Renderização com base no dispositivo
Graças aos botões Desktop/Dispositivos móveis no topo, você pode testar a renderização de sua landing page no desktop, tablet, e smartphone. |
⏩ O que vem a seguir?
- 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 à agência parceira da Brevo certa.