O que é um campo oculto do wpforms?

O que é um campo oculto do WPForms? (Descubra os dados ocultos do usuário)

Psst. Você conhece o campo WPForms Hidden?

Poucas coisas na vida são tão empolgantes quanto descobrir segredos.

O WPForms tem um campo secreto próprio. E ele é amplamente ignorado por novos usuários porque eles não têm certeza se ele serve para alguma coisa. Se isso se parece com você, então devo dizer que está perdendo!

O campo oculto do WPForms é invisível para os visitantes, mas pode ser incrivelmente valioso ao permitir que você colete metadados úteis com a entrada de um usuário.

Você pode configurar o campo de entrada oculto para coletar informações como locais, endereços IP, URLs de referência e todos os tipos de coisas divertidas das pessoas que preenchem formulários em seu site.

Neste post, quero compartilhar algumas maneiras comuns de usar o campo Hidden para coletar informações úteis, tudo isso sem afetar a experiência do usuário.

Desbloqueie o campo oculto agora!

O que é um campo oculto do WPForms?

Pronto para começar? Como eu disse, mostrarei algumas das maneiras mais comuns de usar o campo Hidden em seus próprios formulários. Vamos ao que interessa.

Qual é o propósito do campo oculto?

Um campo de formulário oculto é um campo que pode ser adicionado aos seus formulários sem torná-lo visível para os usuários.

No WPForms, esse campo é simplesmente chamado de campo oculto. Esse campo oculto pode capturar informações usando as Smart Tags do WPForms sem que elas possam ser editadas ou visualizadas.

Campo oculto do WPForms

Por que você gostaria de usar um campo oculto do WPForms?

As Smart Tags coletam informações que podem ser úteis para você ver em uma entrada, mas que provavelmente seriam confusas para um visitante se ele pudesse ver esse campo ao preencher o formulário.

A incorporação de tags inteligentes em campos ocultos permite que você ofereça a melhor experiência ao usuário e, ao mesmo tempo, obtenha as informações necessárias.

Talvez não faça sentido que o visitante forneça essas informações diretamente a você, mas ainda assim é possível capturá-las.

Hacks para campos de entrada ocultos do WPForms

Então, agora que você sabe o que é um campo oculto do WPForms, aqui estão algumas maneiras incríveis de usá-lo:

1. Localizar endereços IP de usuários

Cada usuário tem um endereço IP exclusivo. A captura de endereços IP pode ser especialmente útil para combater o spam de formulários.

Ao ver qual endereço IP está enviando spam, você pode bloquear o acesso desse endereço ao seu site por meio da sua empresa de hospedagem ou de um plug-in de segurança.

Para capturar o endereço IP de um usuário que está enviando uma entrada, adicione o campo oculto ao formulário e clique nele para abrir as opções de campo.

Configurações de campos ocultos

Pode ser útil renomear o Hidden Field para que não haja confusão posteriormente sobre as informações contidas nesse campo. Portanto, fique à vontade para alterar o rótulo do Hidden Field.

Alteração do rótulo do campo

Em seguida, clique na guia Advanced (Avançado ) para abrir outras opções.

Configurações avançadas

Agora, o Hidden Field precisa receber um valor padrão. Para fazer isso, você pode usar as Smart Tags para que o valor padrão seja atualizado dinamicamente, dependendo de cada usuário individual.

Clique no link Show Smart Tags à direita da caixa Default Value (Valor padrão ).

Mostrar tags inteligentes

Você verá uma série de Smart Tags disponíveis que podem ser usadas. Como queremos capturar as informações do endereço IP, clique em User IP Address (Endereço IP do usuário ) na lista.

Etiqueta de endereço IP do usuário

Com a tag inteligente User IP Address (Endereço IP do usuário) no Hidden Field (Campo oculto), você poderá ver o endereço IP do visitante na entrada do formulário.

endereço ip do usuário

2. Veja como as pessoas o encontraram

O {url_referer} A Smart Tag capturará o endereço da página que encaminhou o usuário para o formulário.

Por exemplo, se um usuário estava na sua página inicial e depois navegou para a página de contato antes de preencher o formulário, o {url_referer}  A Smart Tag mostraria o URL de sua página inicial.

Referenciador de URL

Essa é uma ótima maneira de adicionar detalhes da origem do tráfego a cada entrada, permitindo que você saiba mais sobre como as pessoas estão descobrindo seus formulários.

URL de referência

Você pode usar essas informações para tomar melhores decisões de otimização para seu site e aumentar as conversões de formulários.

Você também pode usar campos ocultos para rastrear referências de fontes externas ou de uma campanha de marketing específica.

Para fazer isso, basta adicionar uma Smart Tag de variável Query String à caixa Default Value (Valor padrão) do seu Hidden Field (Campo oculto).

string de consulta valiosa

Agora você deve ver o {query_var key=""} adicionado ao Valor padrão box. Para configurar corretamente essa tag, você precisará inserir uma chave que represente o tráfego ou a origem da campanha que deseja rastrear.

Para isso, é importante modificar o URL da página em que você está incorporando o formulário.

Por exemplo, vamos supor que o URL da página do formulário seja yoursite.com/contact/. Agora, se quiser promover o formulário de contato na sua página do Facebook, poderá usar um link modificado parecido com este:  yoursite.com/contact/?source=facebook.

Como você pode ver, esse link usa o URL padrão da sua página de formulário e acrescenta algo a mais para ajudar a rastrear a fonte com facilidade. Usando esse exemplo de URL, a chave da string de consulta que precisamos inserir entre as aspas é "source".

variável de consulta de campo oculto

No entanto, dependendo de suas convenções específicas de rastreamento de URL, você pode usar uma chave de string de consulta diferente.

Quando um usuário visitar seu formulário clicando em qualquer um dos links de exemplo abaixo, o formulário capturará a fonte conforme definido pelo seu URL.

  • Facebook - yoursite.com/page/?source=facebook
  • Twitter - yoursite.com/page/?source=twitter
  • Boletim informativo por e-mail - yoursite.com/page/?source=newsletter

Dessa forma, você pode rastrear facilmente uma campanha ou qualquer fonte externa específica.

entrada de origem

Na verdade, pode ser uma boa ideia receber notificações de entrada com informações de rastreamento de links.

Para configurar isso, vá para Configurações " Notificações. A partir daí, role para baixo até a seção denominada Endereço de e-mail e clique em Mostrar etiquetas inteligentes na parte superior direita da caixa de mensagem.

mensagens de e-mail mostram tags

Selecione o rótulo do campo oculto na lista de campos disponíveis. Rotulamos nosso Hidden Field como "Source", portanto, é isso que selecionaremos neste exemplo.

tag inteligente de origem

Ele adicionará um código à sua notificação que se parece com {field_id="#"} com um número.

corpo da mensagem de e-mail com tag inteligente

Clique em Save (Salvar) e seu formulário estará pronto para ser publicado em um post ou página.

A etapa final desta dica é compartilhar o link para a página que contém o formulário. Para cada plataforma em que você compartilhar o link (Facebook, Twitter, etc.), adicione a fonte ao final do link.

Dessa forma, o WPForms pode reconhecê-lo e extrair corretamente as informações de origem com cada entrada.

4. Localizar locais de usuários

Se você já adora o complemento Geolocation, que permite ver onde seus usuários estão localizados, talvez queira considerar o uso da Smart Tag de geolocalização de entrada em um campo oculto.

Basta abrir as opções do seu campo oculto e selecionar a Entry Geolocation Smart Tag nas opções do valor padrão.

variável de localização

Também é possível adicionar essa Smart Tag em um e-mail de notificação para que não seja necessário fazer login no painel e na entrada do formulário para encontrá-la. Isso pode ser particularmente útil se você precisar saber o fuso horário dos usuários para chamadas telefônicas.

Basta abrir a lista de Smart Tags de sua mensagem de notificação por e-mail e selecionar Entry Geolocation.

campo de mensagem de localização

Você sabia que o complemento Geolocation tem outra finalidade? Ele também pode ser usado para o preenchimento automático de endereços em seus formulários!

Campo de endereço com o Google Map

Basta conectá-lo ao Google Places ou ao Mapbox e você poderá ativar o preenchimento automático de endereços em qualquer formulário. Você pode até mesmo adicionar um mapa interativo aos seus formulários para que os usuários possam colocar um alfinete para escolher suas localizações.

5. Atribuir IDs de usuário

Deseja identificar quem são seus visitantes, mas não quer pedir seus nomes? Não tem problema! Você ainda pode identificar os visitantes com um ID exclusivo.

Cada usuário registrado recebe automaticamente um número de ID no seu site WordPress. A adição de um campo oculto com uma Smart Tag de ID de usuário permite que você veja o ID quando um usuário conectado envia um formulário.

ID do usuário

Isso pode ser especialmente útil se você estiver criando uma pesquisa anônima e quiser ver quais usuários a preencheram.

6. Rastrear envios de formulários por página

Muitos de nossos clientes usam o mesmo formulário em vários locais diferentes. Por exemplo, você pode ter um formulário de assinatura de boletim informativo na parte inferior de cada artigo do blog.

Quando você tem uma configuração como essa, pode ser difícil rastrear a página de origem de onde vêm as entradas para o mesmo formulário.

Uma maneira fácil de ver as informações da página de origem em cada entrada é usar a Smart Tag Embedded Post/Page Title .

Título da página incorporado

Essa Smart Tag capturará silenciosamente o título da página ou do post em que ocorreu o envio do formulário, para que você sempre possa ver essas informações em cada entrada.

7. Bloqueio de endereços de e-mail específicos

Se você for atingido por muitos spambots, poderá interromper o spam do formulário de contato com o Google reCAPTCHA ou o hCaptcha.

Mas e quanto aos spammers que são visitantes humanos reais?

Há um recurso interessante no WPForms que permite bloquear facilmente seus formulários para os endereços de e-mail que você especificar. É chamado de Allowlist/Denylist.

Você o encontrará clicando na guia Advanced (Avançado ) nas configurações de Field Options (Opções de campo) do campo de endereço de e-mail.

e-mail allow deny

Clique no campo para abrir um menu suspenso com as opções Allowlist e Denylist. Você pode usar a Allowlist para permitir apenas os endereços de e-mail que você digitar.

Ou então, inverta a situação e escolha Denylist para fazer com que o formulário aceite todas as entradas, exceto os endereços de e-mail que você especificar nas configurações.

Basta digitar o e-mail que você gostaria de bloquear no campo abaixo.

lista de negação de e-mail

Na próxima vez que o remetente de spam voltar para enviar o formulário, ele será interrompido.

8. Veja as páginas que geram conversões de formulários

Quando você publica um formulário em seu site, seu objetivo final é obter mais conversões de formulários: entradas, leads ou vendas.

Se você souber quais páginas estão gerando essas conversões, poderá desenvolver mais conteúdo que beneficie seus visitantes e os inspire a agir.

Aqui está uma ótima notícia. Você pode desbloquear facilmente essas informações com o complemento User Journey para WPForms.

Visão geral do addon User Journey

Em cada entrada de formulário, você verá uma lista de ações que o usuário realizou antes de preencher o formulário. O addon é a ferramenta perfeita para criar um mapa da jornada do usuário. Ele registra automaticamente o comportamento de cada usuário e o mostra na entrada, diretamente no WordPress.

Você pode reconstituir as etapas dos visitantes desde o momento em que eles acessaram o site até o momento em que enviaram o formulário. E o complemento ainda permite que você veja:

  • O que o visitante pesquisou
  • Os parâmetros UTM para a campanha de referência
  • Quanto tempo eles passaram em cada página ou post
Complemento de jornada do usuário para WPForms

O WPForms também permite que você meça as conversões de formulários com o Facebook Pixel ou o Google Analytics. Mas, às vezes, demora um pouco para analisar todos esses dados.

Se você quiser entender rapidamente o que motiva seus visitantes, o complemento User Journey é a solução perfeita.

Em seguida, crie um campo de código de cupom para seu formulário de pedido

E aí está! Agora você tem alguns ótimos hacks para usar o campo oculto do construtor de formulários WPForms para encontrar dados extras sobre os usuários do formulário.

Se você quiser adicionar ainda mais campos personalizados aos seus formulários, leia sobre como adicionar um campo de código de cupom a seguir.

E se você quiser saber mais sobre como se livrar do spam com o WPForms, aqui está nosso guia para impedir que os bots preencham seus formulários.

Desbloqueie o campo oculto agora!

Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Osama Tahir

Osama é redator sênior da WPForms. Ele é especialista em desmontar plug-ins do WordPress para testar e compartilhar suas percepções com o mundo.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar para WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Ative o JavaScript em seu navegador para preencher este formulário.

17 comentários sobre "O que é um campo oculto do WPForms? (Descubra os dados ocultos do usuário)"

  1. Como é possível editar o campo oculto no backend? Sei que posso usar as "Notas" no backend, mas quero ter diferentes campos de "Notas".

    1. Olá, Peter,

      Para conseguir o que você mencionou, você pode adicionar um campo de texto de linha única e adicionar a classe CSS wpforms-field-hidden - Dessa forma, o campo ficará oculto no frontend, mas poderá ser acessado e editado no painel de administração do WordPress.

      Espero que isso ajude! 🙂

      1. Oi Nikhil, existe alguma maneira de editar retroativamente os dados de campos ocultos que já foram coletados?

      2. Olá, David - No momento, não temos o recurso de editar informações de campos ocultos. Concordo que esse seria um ótimo recurso, e vou adicioná-lo ao nosso rastreador de solicitações de recursos para que esteja no radar do desenvolvedor.

  2. Podemos obter o endereço IP com o código personalizado adicionado ao plug-in, sem precisar fazer upgrade para o pro?

    Obrigado.

    1. Pramodh, se não quiser fazer upgrade para uma versão paga agora, você pode tentar criar uma tag inteligente personalizada para o IP do usuário da maneira mencionada aqui ou pode usar o desenvolvimento personalizado Codeable ou WPBuffs. Obrigado.

    1. Olá, Haryo - Obrigado por seu comentário. Peço desculpas, mas não sei se entendi sua pergunta. Quando tiver uma chance, poderia compartilhar mais detalhes ou, possivelmente, um exemplo do que está querendo fazer?

      Obrigado 🙂

  3. Olá, tenho mais de 400 endereços de e-mail que quero usar para notificações. Preciso digitá-los um por um ou há alguma outra alternativa de captura em massa, por exemplo, importar endereços de e-mail do Excel?

    1. Olá Allan - Se você quiser enviar notificações por e-mail para 400 e-mails, peço desculpas, mas no momento não temos a opção de importar o endereço de e-mail, e você precisará adicioná-lo manualmente. Concordo que isso seria ótimo, e adicionarei essa opção ao rastreador de solicitações de recursos.

    1. Oi Mel - No momento, não temos o recurso de mostrar os valores dos campos ocultos antes de enviar o formulário. Concordo que esse seria um ótimo recurso, e vou adicioná-lo ao nosso rastreador de solicitações de recursos para que ele esteja no radar do nosso desenvolvedor.

      Obrigado 🙂

  4. Olá, pessoal,

    Gostaria de adicionar uma lista dos arquivos carregados ao e-mail de confirmação enviado ao usuário.
    Eles geralmente pedem para ver essa lista como uma confirmação.

    Por exemplo.

    Obrigado por fazer o upload de seus arquivos:

    Arquivo um.doc
    Arquivo dois.png
    Arquivo três.xlm

    1. Oi Alexandre,

      Você pode incluir o referenciador da AffiliateWP no modelo de e-mail do WPForms usando essa tag inteligente: {query_var key="ref"}
      Isso capturará o ID do afiliado ou o nome de usuário do URL. Por exemplo, se alguém visitar sua página de formulário por meio de ?ref=123 ou ?ref=johndoeo valor será incluído na notificação por e-mail.

      Espero que isso ajude. Obrigado!

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.