Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como usar a população de campos dinâmicos no WordPress para preenchimento automático de formulários

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja usar a população de campos dinâmicos no WordPress para preencher automaticamente formulários em seu site?

O preenchimento dinâmico de campos permite que você preencha automaticamente os campos do formulário com base na seleção do usuário, nas sequências de consulta ou no tipo de campo. Isso torna seus formulários inteligentes, economiza o tempo dos usuários, proporciona uma melhor experiência e, por fim, melhora a taxa de conclusão do formulário.

Neste artigo, mostraremos como usar a população de campos dinâmicos no WordPress para preencher automaticamente os formulários.

Automatically fill form fields in WordPress with Dynamic field population

O que é população dinâmica de campo?

O preenchimento dinâmico de campos é uma técnica que permite que os proprietários de sites preencham automaticamente os campos de formulários com base na seleção do usuário, no tipo de formulário, nas sequências de consulta ou na lógica condicional.

Por exemplo, uma loja de comércio eletrônico pode criar um formulário em que o campo do produto no formulário é preenchido dinamicamente usando produtos existentes no WooCommerce ou em qualquer outro software de comércio eletrônico.

Da mesma forma, um site imobiliário pode preencher automaticamente os campos de listagens, agentes e tipo de propriedade em seus formulários de agendamento e geração de leads.

Os usuários avançados e os desenvolvedores também podem usar parâmetros de URL para preencher dinamicamente os campos do formulário usando links inteligentes de boletins informativos por e-mail ou outras interações no site.

Dito isso, vamos dar uma olhada em como usar facilmente a população de campos dinâmicos no WordPress.

Como usar a população de campos dinâmicos no WordPress

Primeiro, você precisa instalar e ativar o plug-in WPForms. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

O WPForms é o melhor plugin de formulário de contato para WordPress do mercado. Ele permite que você crie facilmente formulários on-line usando uma ferramenta simples de arrastar e soltar.

Ele também vem com população de campos dinâmicos, lógica condicional e campos de formulário avançados. Juntos, esses recursos permitem que você crie formulários mais inteligentes e interativos em seu site.

Você pode ver nossa análise completa do WPForms para obter mais detalhes.

Ao ativar o plug-in, você precisa visitar a página WPForms ” Configurações para inserir sua chave de licença. Você pode encontrar essas informações em sua conta no site do WPForms.

WPForms License key

Em seguida, você precisa acessar WPForms ” Add New para criar seu primeiro formulário.

Será solicitado que você forneça um nome para o formulário e, em seguida, selecione um modelo para começar.

Há vários modelos de formulários para escolher. Para este tutorial, usaremos o modelo Billing / Order Form.

Select order form template

O WPForms agora carregará seu formulário com campos pré-selecionados. Você pode clicar para editar os campos do formulário ou usar o recurso de arrastar e soltar para movê-los para cima e para baixo. Você também pode adicionar e remover campos de formulário com apenas um clique.

Vamos adicionar um novo campo de formulário para preenchê-lo com opções dinâmicas.

Você pode adicionar um campo suspenso, de múltipla escolha ou de caixa de seleção ao seu formulário para usar opções de escolha dinâmicas. Basta clicar em um campo da coluna da esquerda e arrastá-lo para adicioná-lo ao formulário.

Add form fields

Em seguida, você pode clicar para editar os campos do formulário.

Basta alternar para o menu Advanced na coluna da esquerda.

Switch to advanced tab

A partir daí, você precisa selecionar “Dynamic Choices”.

O WPForms é compatível com tipos de post e taxonomias registrados no seu site WordPress.

Para fins deste tutorial, selecionaremos “Post Type” como as escolhas dinâmicas e “Products” como a fonte do tipo de postagem dinâmica.

Select dynamic choices

O WPForms agora carregará e exibirá automaticamente os campos na visualização do formulário.

Para incorporar o formulário, basta clicar no botão “Incorporar” na parte superior do construtor de formulários. A partir daí, você pode selecionar uma página existente para incorporar o formulário ou criar uma nova página.

Embed WPForms

Como alternativa, você pode usar o bloco WPForms para adicionar o formulário a um post ou página do WordPress. Vá em frente e edite o post ou a página onde você deseja adicionar o formulário.

Quando estiver no editor de conteúdo do WordPress, adicione o bloco WPForms à área de edição da postagem. Depois disso, basta selecionar o formulário que você criou anteriormente no menu suspenso.

Adding WPForms block in WordPress

Agora você pode salvar sua postagem ou página.

Em seguida, visite seu site para ver seu formulário com valores de campo dinâmicos em ação.

WPForm preview

Preencher automaticamente os campos do formulário usando parâmetros de URL

O WPForms também permite que você preencha dinamicamente os campos do formulário usando parâmetros de URL. Esse recurso permite criar links inteligentes que passam automaticamente as informações para o formulário e as preenchem para que seus usuários as enviem.

Primeiro, você precisa criar um novo formulário ou editar um já existente no WPForms. Depois de criar o formulário, vá para a guia Configurações na coluna da esquerda e selecione a guia “Geral”.

Nessa tela, você precisa clicar no botão de alternância da opção “Enable Prefill by URL” (Ativar pré-preenchimento por URL).

Enable prefill by URL option

Agora você pode salvar o formulário e sair do construtor de formulários. Seu formulário agora está pronto para preencher dinamicamente os campos usando parâmetros de URL.

Criação de links com parâmetros de URL

O WPForms aceita campos de formulário dinâmicos passados por meio de parâmetros de URL em um formato específico.

https://example.com/contact/?wpf15_1=value

Vamos detalhar isso.

  • A parte do URL antes do ponto de interrogação “?” é o URL da página que contém o formulário. Por exemplo, a página do formulário de contato.
  • ?wpf – Indica o início dos parâmetros de campo do formulário WPForm.
  • 15 – É o ID de seu formulário
  • _1 – É a ID do campo
  • =value – = Indica o início do valor que você deseja passar para o formulário, seguido pelo valor real do campo.

Aqui está um exemplo de um URL em que estamos passando um título de produto como um campo de texto para um formulário de feedback.

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
Adding URL to your post

Observe como usamos %20 para indicar espaços entre as palavras no título do produto.

Localizando IDs de formulários e campos no WPForms

Para criar parâmetros de URL, você precisará saber os IDs do formulário e do campo. Veja como você pode encontrar esses valores.

Basta editar o formulário e você verá o ID do formulário na barra de endereços do navegador.

Finding form ID in WPForms

Da mesma forma, para encontrar o ID do campo do formulário, basta clicar para editá-lo.

Você verá as propriedades do campo de formulário na coluna da esquerda, juntamente com o ID do campo na parte superior.

Finding the form field ID

Agora, e se você quisesse passar um valor para um subcampo?

Basta adicionar o identificador do subcampo após o ID do campo em seu URL da seguinte forma:

https://example.com/contact/?wpf15_3_city=london

Para obter mais detalhes, consulte a documentação do desenvolvedor do WPForms, que mostra mais exemplos de uso de diferentes parâmetros para todos os tipos de campos de formulário.

Agora é possível usar esse recurso em combinação com seu software de CRM ou serviço de marketing por e-mail para enviar links de formulários inteligentes aos seus usuários. A maioria das plataformas de marketing vem com suas próprias tags MERGE personalizadas que você pode adicionar ao URL inteligente para preencher automaticamente as informações pessoais no formulário.

Você também pode usar o recurso de população de campos dinâmicos com outros plug-ins de formulário, como Formidable Forms, Gravity Forms ou outros. No entanto, recomendamos o uso do WPForms porque ele facilita todo o processo, e nós o conhecemos bem porque criamos o produto.

Para obter detalhes completos, consulte nossa comparação entre WPForms vs Formidable Forms vs Gravity Forms.

Esperamos que este artigo tenha ajudado você a aprender como usar a população de campos dinâmicos no WordPress para preencher automaticamente os formulários. Talvez você também queira ver nosso artigo sobre como rastrear e reduzir o abandono de formulários no WordPress e nossas escolhas de especialistas para o melhor software de chat ao vivo para pequenas empresas.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

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 WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

3 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. David R says

    Hi, Great article!

    I was wondering if this will work with a QR code. In other words, can I create a QRcode from this URL with all form field parameters, and when scanned, will it direct the user to the page and fill in all fields?

    Thank you.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.