Neste artigo, explicaremos como adicionar um formulário à landing page e como usar as opções avançadas disponíveis no editor 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: configurar sua landing page
- Parte 2: definir a estrutura da landing page
- Parte 3: editar as configurações de todos os elementos da landing page
- Parte 4: adicionar um formulário à landing page e usar opções avançadas - VOCÊ ESTÁ AQUI
- Parte 5: publicar a landing page
É bom saber
O novo editor de landing page oferece algumas opções que podem ser diferentes do editor de landing page clássico. Verifique a guia correta com base no editor de landing page que você está usando:
|
|
|
| Novo editor de landing page |
Editor de landing page clássico |
Adicionar um elemento de formulário
Os formulários permitem que você recupere informações específicas sobre seus contatos e as adicione automaticamente à sua lista de contatos no Brevo.
Para adicionar um elemento Formulário à sua landing page:
| Adicione uma nova seção em Sections (Seções) > Filter pre-made sections (Filtrar seções predefinidas) > Forms (Formulários) e escolha uma seção predefinida que pode ser editada para satisfazer suas necessidades. | Ou comece do zero adicionando um novo elemento Formulário à sua landing page. |
| Adicione uma nova Section (Seção) > Filter pre-made sections (Filtrar seções predefinidas) > Forms (Formulários) e escolha uma seção predefinida que pode ser editada para satisfazer suas necessidades. | Ou comece do zero adicionando um novo Element (Elemento) > Form (Formulário). |
Configure seu formulário
Depois de adicionar um elemento de formulário à sua landing page, você pode escolher como configurá-lo:
Alinhamento
A configuração Alignment (Alinhamento) é descrita na seção Common settings (Configurações comuns) na Parte 3: editar as configurações de todos os elementos da landing page.
Gerenciar campos
As configurações Manage Fields (Gerenciar campos) permitem escolher onde armazenar os contatos coletados com o formulário e quais informações você deseja obter deles. Você também pode configurar o próprio formulário: adicionar e classificar campos, tornar campos obrigatórios ou não, adicionar texto de ajuda etc.
Para acessar as configurações Manage Fields (Gerenciar campos), clique em seu formulário no editor de landing page.
Escolha sua lista de contatos
|
Configurar os campos
Adicione e organize os diferentes campos de contato com as informações que você quer coletar com seu formulário.
|
|
|
Opções de redirecionamento
A configuração Redirect Options (Opções de redirecionamento) permite que você escolha para onde os usuários serão redirecionados quando enviarem as informações:
|
Use a Form redirect action (Ação de redirecionamento de formulário) para redirecionar seus contatos para uma página no funil (uma subpágina da sua landing page) ou para um URL específico:
|
Double opt-in
|
|
A configuração Double Opt-in permite que você escolha qual método opt-in usar em seu formulário:
|
Design
|
A configuração Design permite que você escolha o design do seu campo: nenhum, contornado, contorno curvo, sublinhado com fundo, sublinhado sem fundo. Seu formulário também pode ser exibido na horizontal. Se você escolher um formulário horizontal, recomendamos remover o rótulo dos campos. Para alterar a cor de fundo, vá até as configurações de coluna conforme explicado na Parte 3: editar as configurações de todos os elementos da landing page. |
Confira alguns exemplos de diferentes designs de formulário:
Espaçamento
A configuração Spacing (Espaçamento) é descrita na seção Common settings (Configurações comuns) na Parte 3: editar as configurações de todos os elementos da landing page.
Controles de assinatura do formulário
|
A configuração Form Subscription Controls (Controles de assinatura do formulário) permite que você escolha como deseja que seu formulário funcione durante o envio:
|
Estilo
|
|
A configuração Style (Estilo) permite que você defina a aparência do formulário:
|
Habilitar rastreamento de JavaScript (Facebook Pixel/Google Analytics)
A configuração Tracking (Rastreamento) da sua landing page permite que você insira scripts de rastreamento em determinadas partes da página.
Um script de rastreamento é um código usado para monitorar o número de usuários que visitam uma página. Os scripts de rastreamento permitem que você analise quanto tempo os visitantes permanecem 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 editor de landing page, clique em Settings (Configurações) no canto inferior esquerdo.
-
Selecione Tracking (Rastreamento).
-
Escreva o script de rastreamento na tag apropriada. Você pode adicionar um script:
-
na tag de cabeçalho
<head>, -
depois de abrir a tag
<body>, -
ou na tag
</body> antes do fechamento.💡 É bom saberServiços como o Facebook Pixel e o Google Analytics exigem que o script seja adicionado à tag de cabeçalho, enquanto outros serviços podem precisar dela no corpo. Verifique as instruções do serviço de rastreamento para determinar onde o script deve ser adicionado.
-
-
Clique em Done (Concluído).
Landing page com várias páginas
| Se você quiser adicionar outras páginas à sua landing page para criar um funil, vá até o painel Pages (Páginas) e clique em + Create a blank page (Criar uma página em branco). Para saber mais, confira nosso artigo dedicado Gerencie subpáginas em sua landing page. |
Renderização baseada em dispositivo
| As opções Desktop e Mobile (Dispositivos móveis) na parte superior da landing page permitem que você teste a renderização da sua landing page em diferentes dispositivos. |
⏩ O que vem a seguir?
- 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.