Quando você estiver confortável o suficiente com as configurações e os arranjos da landing page, você pode usar as opções avançadas descritas abaixo.
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
Como adicionar um formulário para criar uma página geradora de lead
Formulários permitirão que você recupere endereços de e-mail e automaticamente os classifique em suas listas na Sendinblue.
Se estiver criando landing page geradoras de lead, comece adicionando um elemento Formulário:
| 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. |
 |
 |
Administrador de campos
Nesta parte, você escolherá onde armazenar os contatos que você vai recuperar com o formulário e o próprio formulário: adicione e ordene campos, torne-os obrigatórios ou não, adicione texto de ajuda, etc.
Para acessar as configurações no Administrador de campos, clique no formulário no editor de sua landing page. Descreveremos abaixo as diferentes opções que você vai encontrar.
Escolha sua lista de contato
 |
|
Observe que o formulário criado com o construtor de landing page não aparecerá na página API e formulários de sua conta Sendinblue.
Configurando os campos
A seguir, para os dados que quiser coletar, você irá adicionar os diferentes campos ao seu formulário gerador de lead.
|
|
|
7. De acordo com cada campo, você terá diferentes configurações:
- Etiqueta: mude o nome da etiqueta exibida sobre o campo
- Placeholder: digite o texto exibido em seu campo. Por padrão, é o mesmo texto que sua etiqueta.
- Texto de ajuda: digite o texto que você quer exibido debaixo do seu campo. Pode ser útil para sugestões.
- Valor padrão: é o valor que será sincronizado em sua lista de contato SendinBlue se o visitante não preencher o campo.
- Parâmetro URL: é o valor que será automaticamente inserido no campo do formulário. Seu usuário pode ser substituído, se ele escolher.
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):
- Página no funil = seleciona a página no funil na lista suspensa
- URL externo = digite o link da página.
Double opt-in
Com a opção double opt-in:
- Seu novo assinante insere o endereço de e-mail dele em seu formulário.
- O assinante deve clicar no link em um e-mail de confirmação para ser adicionado à sua lista de e-mail SendinBlue.
Design
A lista suspensa 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.
Controles do formulário de assinatura
Atualize contatos existentes no envio do formulário: aqui você pode escolher atualizar contatos existentes quando eles enviam seus formulários. É essencial marcar esta caixa se quiser atualizar as informações dos seus contatos quando eles preencherem o formulário.
Você também pode desabilitar o re-CAPTCHA.
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.
Serviç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.
Para acessar a parte do Rastreamento, acesse Configurações no canto inferior esquerdo da página e clique na aba Rastreamento:
Landing page multi-páginas
Se quiser adicionar páginas adicionais para criar um funil, acesse a barra lateral esquerda e clique na Aba administrar páginas, então clique em + CRIAR UMA PÁGINA EM BRANCO.
Renderização com base no dispositivo
Quando sua landing page estiver completa, os ícones desktop, tablet e smartphone no canto superior direito permitirá que você teste sua landing page renderizando-a em diferentes dispositivos.
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.
Observe que se você ocultar no Celular ou Tablet, a seção mostrará em pré-visualização e no construtor caso você precise fazer edições. No entanto, na página ao vivo, após o lançamento, isso não será exibido.
Você pode escolher exibir ou não blocos de acordo com o dispositivo. Mais detalhes em nosso artigo Parte 3: editando as configurações de todos os elementos de sua landing page > Visibilidade.
⏩ 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.