Preenchimento automático e personalização de formulários – Guia do usuário
Conheça
O LeadGen Forms oferece recursos avançados de preenchimento automático e personalização baseados em URLs, que permitem: – Pré-preencher os campos do formulário com dados de parâmetros de URL – Personalize a experiência do usuário com saudações e mensagens dinâmicas – Ocultar campos quando os valores são fornecidos via URL – Capturar dados ocultos a partir de parâmetros de URL sem exibir os campos aos usuários
Essas funcionalidades são perfeitas para:
- Campanhas de e-mail (preenchimento prévio das informações do assinante)
– Campanhas publicitárias (rastrear a origem e preencher previamente os dados conhecidos)
– Páginas de destino personalizadas (cumprimentar os usuários pelo nome)
– Funis de várias etapas (transferência de dados entre páginas)
Preenchimento automático de formulários a partir de URL
O que é o preenchimento automático de formulários?
O preenchimento automático de formulários preenche automaticamente os campos com base nos parâmetros da URL. Isso proporciona uma melhor experiência ao usuário, reduzindo a necessidade de digitação.
Como Funciona
Passo 1: Defina o nome do campo
Abra o formulário no editor. Escolha qualquer pergunta à qual você queira aplicar esse recurso. Agora srole para baixo até Configurações avançadas e encontrar o Nome do campo (usado para parâmetros de URL).
Insira um nome exclusivo (por exemplo, primeiro nome, email, telefone)
Etapa 2: Adicionar parâmetros de URL
Utilize o nome do campo na sua URL com o valor que deseja preencher previamente.
https://yoursite.com/form?first_name=John&email=john@example.com
Etapa 3: Teste seu formulário
Abra o URL no seu navegador e veja os campos serem preenchidos automaticamente!
Definindo nomes de campos
Boas práticas para nomes de campos:
- Use letras minúsculas
- Use sublinhados em vez de espaços (primeiro nome, não primeiro nome)
- Mantenha-os curtos e descritivos.
- Torne-os únicos dentro do seu formulário.
- Evite caracteres especiais (exceto sublinhado).
- Não use espaços
Exemplos:
Bons nomes para campos:
- primeiro nome
- endereço de email
– número_de_telefone
- nome da empresa
- cargo
Nomes de campos inadequados:
– Primeiro nome (com espaço)
– email@endereço (caractere especial)
– Número de telefone (caractere especial)
Personalizando formulários com campos ocultos
O que são campos ocultos?
Os campos ocultos capturam dados de parâmetros de URL sem exibir os campos de entrada para os usuários. Eles são perfeitos para:
– Rastreamento das fontes da campanha
– Armazenar códigos de referência
– Captura de IDs de usuário
– Personalizando conteúdo com o recurso de direcionamento de respostas
Configurando campos ocultos
Passo 1: Criar campos ocultos
- No editor de formulários, role a página até a seção Campos Ocultos.
- Clique “Adicionar campo oculto”
- Dê a ele um nome único (por exemplo, nome, utm_source., id_da_campanha)
- permitir “Capturar a partir de URL” Se você deseja capturar automaticamente o valor dos parâmetros da URL,
Exemplo prático: Campanha de e-mail personalizada
Cenário: Você está enviando uma campanha de e-mail para seus assinantes.
Configuração:
1. Criar campos ocultos: primeiro nome, email, fonte_da_campanha
2. Adicione à sua mensagem de boas-vindas: Olá {{first_name}}, obrigado pelo seu interesse!
3. Crie seus links de e-mail:
https://yoursite.com/form?first_name=Emma&email=emma@example.com&campaign_source=newsletter_jan_2024
Resultado: – O usuário vê: Olá Emma, obrigada pelo seu interesse! – O formulário captura automaticamente o e-mail e a origem da campanha em segundo plano. – O usuário preenche apenas as informações que faltam.
Ocultar campos de formulário
O que é ocultação de campo?
Em vez de mostrar campos preenchidos previamente aos usuários, você pode ocultar completamente as perguntas quando os valores forem fornecidos via URL. Isso cria uma experiência de formulário mais limpa e concisa.
Configurar a ocultação de campos
Passo 1: Defina o comportamento do parâmetro de URL
Abra o formulário no editor e cClique na pergunta que deseja configurar.
Agora srolar para Configurações avançadas e find o Comportamento do parâmetro de URL menu suspenso. Agora sSelecione a opção de sua preferência:
- Preenchimento automático a partir do URL (padrão) — Exibe o campo com um valor pré-preenchido
- Ocultar quando a URL corresponder—Oculta o campo quando um parâmetro de URL é fornecido.
Passo 2: Defina o nome do campo
Certifique-se de que a pergunta tenha um Nome do campo definido (conforme descrito na seção Preenchimento Prévio de Formulários).
Etapa 3: Teste com parâmetros de URL
Exemplo com “Preenchimento automático a partir da URL”:
https://yoursite.com/form?email=john@example.com
Resultado: O campo de e-mail está visível e preenchido previamente com “john@example.com”
Exemplo com “Ocultar quando a URL corresponder”:
https://yoursite.com/form?email=john@example.com
Resultado: O campo de e-mail está completamente oculto e o valor é capturado em segundo plano.
Quando usar cada opção
Use “Preenchimento automático a partir do URL” quando:
- Você quer que os usuários vejam e verifiquem os dados preenchidos previamente.
- Os dados podem estar incorretos e os usuários devem ter a opção de alterá-los.
- Você está preenchendo informações opcionais previamente.
- A transparência é importante (os usuários devem ver quais dados estão sendo enviados).
Use a opção “Ocultar quando a URL corresponder” quando:
- Você tem certeza de que os dados estão corretos?
- Você deseja encurtar o formulário.
- Os dados são para fins de rastreamento (fonte da campanha, parâmetros UTM).
- Você está passando IDs de usuário ou outros dados do sistema.
- Você deseja criar uma experiência mais personalizada.
Notas importantes sobre como esconder
- Campos ocultos ainda enviar seus valores com o formato
- Validação necessária Ainda se aplica – o campo não será ocultado se o valor da URL estiver vazio.
- Os usuários não podem editar valores de campos ocultos.
- Oculte os campos somente quando tiver certeza de que os dados estão corretos.
Tipos de perguntas suportados
Tipos de perguntas totalmente suportados
Esses tipos de perguntas funcionam tanto com preenchimento prévio quanto com ocultação:
Perguntas baseadas em texto
- Pequeno texto – Entrada de texto simples
- ?short_text=Olá Mundo
- Nome – Campo do nome
- ?first_name=John
- Apelido – Campo Sobrenome
- ?sobrenome=Smith
- parágrafo Texto – Texto com várias linhas
- ?comments=Este é um comentário longo com várias linhas
- Email – Campo de e-mail
- ?email=john@example.com
- URL – Campo URL do site
- ?website=https://example.com
Questões Numéricas
- Sessão – Entrada numérica
- ?quantidade=5
-
- Intervalo/Escala – Escala deslizante ou Likert
- ?satisfação=4
- Intervalo/Escala – Pele do Smiley
?smiley=Muito insatisfeito ou Seu valor personalizado
?smiley=Insatisfeito ou Seu valor personalizado
?smiley=Neutro ou Seu valor personalizado
?smiley=Satisfeito ou Seu valor personalizado
?smiley=Muito Satisfeito ou Seu valor personalizado
Nota: Para a skin de carinha sorridente, os valores padrão são Muito Insatisfeito, Insatisfeito, Neutro, Satisfeito e Muito Satisfeito.
Você pode usar esses valores predefinidos ou adicionar seus próprios valores personalizados para os emoticons, ativando a opção "Definir texto personalizado para emoticons".
Perguntas sobre datas
- Data – Seletor de datas (todos os temas)
- Formatos suportados:
?date=2024-12-31 (AAAA-MM-DD)
Perguntas de seleção
- Escolha única – Botões de opção, menus suspensos, botões, ícones, imagens
- ?cor=Vermelho
Observação: o valor deve corresponder exatamente ao rótulo da opção.
- Múltipla escolha – Caixas de seleção, seleção múltipla
- ?cores=Vermelho,Azul,Verde
Nota: Separe vários valores com vírgulas.
Telefone
- Telefone – Entrada de telefone com código do país
- ?phone=+14155551234
Observação: Inclua o código do país para obter melhores resultados.
Sim / Não Perguntas
- Sim / Não – Alternar ou ligar/desligar
- ?subscribe=sim
?subscribe=não
Valores aceitos:
Para “Sim”: sim, verdadeiro, 1
Para “Não”: não, falso, 0
Perguntas de endereço
- Endereço – Entrada de endereço com vários campos
- ?address_line_1=123 Rua Principal
?address_line_2=Apto 4B
?address_city=São Francisco
?address_state=California
?address_country=Estados Unidos
?address_post_code=94102
- Observações:
- – No exemplo acima, o endereço serve como nome do campo. Portanto, os campos devem seguir este formato: {endereço}_linha_1. A primeira parte pode ser qualquer texto que você definir, mas deve respeitar o formato especificado. Por exemplo, meu_endereço_estado=Califórnia&meu_endereço_país=Estados Unidos
- – Os nomes dos campos são baseados na sua configuração de campo de endereço.
– A correspondência de países não diferencia maiúsculas de minúsculas (India, India, INDIA funcionam).
– Para ocultar a pergunta sobre o endereço, TODOS os campos habilitados devem ter valores.
RGPD/Consentimento
- RGPD – Caixas de seleção de consentimento
- ?gdpr=Atualizações por e-mail,Notificações por SMS
Observações:
– Corresponder exatamente às etiquetas das caixas de seleção (sem distinção entre maiúsculas e minúsculas)
– Separe vários itens com vírgulas
– Preenchimento automático: Seleciona os itens que você especificar.
– Ocultar: Só oculta se TODOS os itens necessários forem fornecidos.
Tipos de perguntas não suportados
Esses tipos de perguntas NÃO Suporte para preenchimento automático de URLs:
- Carregar arquivo – Por motivos de segurança (não é possível carregar arquivos via URL)
Exemplos e casos de uso
Exemplo 1: Campanha de marketing por e-mail
Objetivo: Preencha previamente as informações dos assinantes a partir da sua lista de e-mails.
Configuração:
Campos ocultos:
– id_do_assinante
- O email
Perguntas do formulário:
– nome (Preenchimento automático a partir da URL)
– empresa (Preencher automaticamente a partir do URL)
– telefone (Preenchimento automático a partir do URL)
– mensagem (NÃO preenchida previamente)
Mensagem de boas-vindas:
“Olá {{first_name}}, conte-nos mais sobre as suas necessidades!”
Link para envio de e-mail:
https://yourform.com/contact?subscriber_id=12345&email=sarah@company.com&first_name=Sarah&company=Acme Corp&phone=555-0123
Experiência de usuário:
1. Abre o formulário do e-mail
2. Vê: “Olá Sarah, conte-nos mais sobre as suas necessidades!”
3. O formulário mostra que os campos nome, empresa e telefone já estão preenchidos.
4. Só precisa digitar a mensagem. 5. Envia o formulário rapidamente.
O que você captura: - ID do assinante: 12345 (oculto) – e-mail: sarah@company.com (oculto) – nome: Sarah (preenchido previamente, editável) – empresa: Acme Corp (preenchido previamente, editável) – telefone: 555-0123 (preenchido previamente, editável) – mensagem: (digitada pelo usuário)
Exemplo 2: Funil de várias etapas
Objetivo: Transfira dados da página de destino para o formulário em outra página.
Configuração:
Página 1 (Página Inicial):
<a href=“https://yourform.com/signup?industry=Healthcare&tamanho_da_empresa=50-100&interesse=Software”>
Comece Agora
</a>
Página 2 (Formulário):
Campos ocultos:
– indústria (extraído do URL)
– tamanho_da_empresa (capturado da URL)
– interesse (capturado da URL)
Perguntas do formulário:
- primeiro nome
- O email
- telefone
- mensagem
Mensagem de boas-vindas:
“Ajudamos empresas do setor como a sua a terem sucesso!”
Experiência de usuário:
1. Acessando a página, clica em “Começar”
2. Apresenta o seguinte formulário: “Ajudamos empresas da área da saúde como a sua a terem sucesso!”
3. Preenche informações pessoais
4. Submete
O que você captura: – Todo o contexto da página de destino (setor, tamanho da empresa, interesses) – Informações de contato pessoal do formulário