Forma
Use o elemento Formulário para capturar informações do visitante de uma página, como nome, email, número de telefone ou respostas personalizadas.
Os envios de formulários podem aparecer em Leads e também podem ser enviados para ferramentas externas por meio de Autoresponder e webhooks quando essas configurações estão disponíveis em seu workspace.
Quando usar o elemento Form
Use um formulário quando quiser:
- Capture leads de uma landing page.
- Colete detalhes de contato antes de uma ligação de vendas.
- Registre visitantes para um webinar, evento ou lista de espera.
- Envie contatos para uma resposta automática ou lista de CRM.
- Envie dados do formulário para webhooks ou Google Sheets.
- Acione fluxos de trabalho de acompanhamento depois que um visitante enviar informações.
Adicionar um formulário
- Abra a página no Construtor de páginas.
- Abra a gaveta de elementos.
- Adicione Formulário dentro do contêiner correto.
- Selecione o formulário na tela.
- Configure os campos, envie comportamento, webhooks e estilo na gaveta de edição.
- Salve a página e publique-a antes de testar os envios ao vivo.
Configurações de conteúdo
| Contexto | O que controla |
|---|---|
| Campos | As entradas que os visitantes preenchem antes de enviar o formulário. |
| Tipo de campo | O tipo de dados que o campo coleta, como nome, email, telefone, texto ou outro tipo compatível. |
| Rótulo | O nome visível ou a pergunta mostrada para o campo. |
| Espaço reservado | Texto auxiliar mostrado dentro da entrada antes de o visitante digitar. |
| Estado obrigatório | Se o visitante deve preencher o campo antes do envio. |
| Validação | Regras como email válido, telefone válido ou outra validação específica de campo, quando disponível. |
| ID do componente | O ID interno usado para integrações, rastreamento, suporte ou solução de problemas. |
| Botão enviar | O texto do botão e o comportamento que os visitantes usam para enviar o formulário. |
| Comportamento de sucesso | O que os visitantes veem após o envio, como mensagem de sucesso, redirecionamento ou próxima ação, quando disponível. |
| Comportamento de erro | Feedback de erro de validação ou envio. |
| Resposta automática | Conexão de CRM ou email marketing usada para enviar contatos enviados para uma lista externa, formulário ou registro de contato. |
Mantenha os campos focados. Formulários curtos geralmente convertem melhor, especialmente em dispositivos móveis.
Configuração de campo
Configure cada campo com cuidado para que os dados do lead enviados sejam fáceis de entender posteriormente.
| Detalhe do campo | Recomendação |
|---|---|
| Rótulo | Use rótulos claros como Nome, Email, Telefone ou Empresa. |
| Espaço reservado | Use exemplos ou dicas, não instruções críticas. Os espaços reservados desaparecem quando o visitante digita. |
| Campos obrigatórios | Marque apenas os campos que você realmente precisa como obrigatórios. |
| Campos de telefone | Inclua as expectativas do país ou região quando sua equipe precisar de um formato específico. |
| Perguntas personalizadas | Mantenha o texto curto e combine a pergunta com o seu processo de acompanhamento. |
Enviar configurações do botão
| Contexto | O que controla |
|---|---|
| Texto do botão | O CTA visível, como Enviar, Obter acesso, Registrar ou Enviar. |
| Comportamento alvo | Confirmação na mesma página, redirecionamento ou comportamento de acompanhamento dependendo do fluxo configurado. |
| Estilo de botão | Tipografia, cor do texto, plano de fundo, borda, raio, preenchimento, largura, estado de foco e layout responsivo. |
| Monitorando | Os eventos de pixel quando cliques de envio ou envios concluídos precisam de medição. |
Use um rótulo de botão que informe aos visitantes o que acontece a seguir. Por exemplo, Registrar-se no webinar é mais claro do que Enviar.
Configurações de resposta automática
Use Autoresponder quando os envios de formulários precisarem ser enviados para uma ferramenta de email marketing, CRM ou sistema de contato conectado ao Atomicat.
| Contexto | O que isso significa |
|---|---|
| Resposta automática | Selecione o CRM ou provedor de resposta automática. Apenas os provedores disponíveis aparecem no menu suspenso. |
| Conta | Escolha a conta conectada para esse provedor. Você pode adicionar, editar, remover ou recarregar contas quando os controles estiverem disponíveis. |
| Tipo | Escolha o tipo de destino, como lista, formulário ou contato, dependendo do provedor selecionado. |
| Lista ou formulário | Selecione a lista de destino ou formulário que deverá receber o lead enviado. |
| Etiquetas | Aplique uma ou mais tags quando o provedor selecionado oferecer suporte a tags. |
| Mapeamento de campo | Mapeie campos de formulário Atomicat para campos de resposta automática. O mapeamento de email é necessário para destinos baseados em lista. |
| Leads abandonados | Envie dados incompletos do formulário para a resposta automática quando o visitante inicia o formulário, mas não o conclui. |
O mapeamento de campos de resposta automática é importante. Caso o campo errado seja mapeado, o contato pode ser criado com dados faltantes ou incorretos na ferramenta externa.
Lista de verificação de configuração de resposta automática
- Selecione o provedor de resposta automática.
- Escolha ou adicione a conta conectada.
- Selecione o tipo de destino, como lista, formulário ou contato.
- Escolha a lista ou destino do formulário quando necessário.
- Adicione tags se seu provedor as suportar.
- Mapeie os campos Atomicat para os campos de resposta automática.
- Certifique-se de que o campo de email esteja mapeado quando o destino exigir email.
- Habilite leads abandonados somente se o seu processo de acompanhamento receber envios incompletos.
- Salve a página e envie um teste da página publicada.
- Confirme se o contato aparece na resposta automática com os campos e tags corretos.
Configurações do webhook
Quando a configuração do webhook está disponível, o elemento Form pode enviar dados de envio para serviços externos.
| Configuração | O que significa |
|---|---|
| Nome do webhook | Nome interno usado para identificar o webhook. |
| Webhook URL | O terminal que recebe dados de envio de formulário. |
| Descrição | Nota opcional para sua equipe. |
| Enviar leads abandonados | Envia dados incompletos do formulário quando o visitante inicia, mas não conclui o formulário. |
| Histórico de webhook | Mostra status de entrega, resposta, tentativas, última tentativa e estado de nova tentativa, quando disponível. |
| Reenviar webhook | Envia uma carga anterior novamente quando compatível. |
Antes do lançamento, envie um líder de teste e confirme se o serviço externo recebe os campos esperados.
Configurações de estilo
| Área de estilo | O que você pode ajustar |
|---|---|
| Contêiner de formulário | Fundo, borda, raio da borda, sombra, preenchimento, margem, largura e alinhamento. |
| Layout de campo | Espaçamento, largura de campo, lacunas de linha, comportamento de coluna e layout responsivo. |
| Etiquetas | Fonte, tamanho, espessura, cor, altura da linha e espaçamento. |
| Entradas | Plano de fundo, cor do texto, cor do espaço reservado, borda, raio, preenchimento, altura e estado de foco, quando disponíveis. |
| Botão | Estilo de texto, plano de fundo, estado de foco, borda, raio, preenchimento, largura e alinhamento. |
| Mensagens | Cor, espaçamento e tipografia das mensagens de sucesso e erro quando expostas pela gaveta. |
Sempre verifique a visualização móvel após estilizar os campos. As entradas que ficam bem no desktop podem ficar muito pequenas ou apertadas no celular.
Leads e entrega de dados
Depois que a página é publicada e o visitante envia o formulário, o envio aparece em Leads quando o formulário está configurado corretamente.
Use documentos de leads relacionados quando precisar revisar, exportar ou encaminhar dados enviados:
Lista de verificação de teste
Antes de enviar tráfego para uma página com um formulário:
- Envie o formulário na página publicada.
- Teste os campos obrigatórios deixando-os vazios.
- Testa formatos de email ou telefone inválidos se a validação estiver habilitada.
- Confirme a mensagem de sucesso ou o redirecionamento funciona.
- Confirme se o lead aparece em Leads.
- Confirme a entrega da resposta automática se uma resposta automática estiver configurada.
- Confirme a entrega do webhook se os webhooks estiverem configurados.
- Teste o formulário no celular.
- Verifique se os links de privacidade ou termos estão presentes quando necessário.
Solução de problemas
| Problema | O que verificar |
|---|---|
| O formulário não é enviado | Confirme os campos obrigatórios, as regras de validação, o comportamento dos botões e o status de salvamento da página. |
| O lead não aparece | Confirme se a página foi publicada, se o site correto URL está sendo testado e se o formulário foi salvo com sucesso. |
| Autoresponder não recebe o lead | Verifique o provedor selecionado, conta, lista ou formulário, tags, mapeamento de campo e se o campo de email está mapeado corretamente. |
| Webhook falha | Verifique o webhook URL, resposta, tentativas e se o endpoint externo está ativo. |
| Os visitantes abandonam o formulário | Reduza os campos obrigatórios, simplifique os rótulos e torne o CTA mais claro. |
| O layout móvel está quebrado | Ajuste a largura do campo, as lacunas, o preenchimento e a largura do botão para o ponto de interrupção móvel. |
Documentos relacionados
Perguntas frequentes
Quando devo usar esta página sobre Formulário — Elementos do construtor?
Use esta página quando precisar entender o fluxo, as configurações ou as decisões relacionadas a Formulário — Elementos do construtor. Ela é mais útil antes de editar um recurso em produção, publicar alterações ou revisar o comportamento em um workspace Atomicat.
O que devo conferir antes de alterar Formulário — Elementos do construtor?
Confirme que você está no workspace, projeto, página, funil, site ou área da conta correta. Revise permissões, alterações salvas, status de publicação e integrações conectadas antes de atualizar.
Como verifico se Formulário — Elementos do construtor está funcionando corretamente?
Pré-visualize a página ou recurso afetado, teste o caminho principal em uma nova sessão do navegador e confirme que formulários, redirecionamentos, rastreamento, produtos, quizzes ou publicação funcionam como esperado.
O que faço se Formulário — Elementos do construtor não funcionar como esperado?
Revise novamente a configuração descrita nesta página, salve as alterações outra vez, limpe o cache do navegador se necessário e teste uma versão simples da configuração. Se continuar, reúna a URL, detalhes do workspace e capturas antes de contatar o suporte.