Como usar a população de campos dinâmicos no WordPress para preencher formulários automaticamente

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

A População Dinâmica de Campos permite que você preencha automaticamente os campos do formulário com base na seleção do usuário, nas cadeias de consulta ou no tipo de campo.

Isso torna seus formulários inteligentes, economiza tempo dos usuários, fornece uma melhor experiência ao usuário e, finalmente, melhora a taxa de preenchimento de formulários.

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

Preencher automaticamente campos de formulário no WordPress com preenchimento dinâmico de campos

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

A população de campos dinâmicos é uma técnica que permite aos proprietários de sites preencher automaticamente os campos de formulário com base na seleção do usuário, tipo de formulário, seqüências de caracteres de consulta ou 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 seja 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 listagens, agentes, campos de tipo de propriedade em seus formulários de compromisso e geração de leads.

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

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

Como usar a população de campo dinâmico no WordPress

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

WPForms é o melhor plugin de formulário de contato do WordPress no mercado. Permite criar facilmente formulários online usando uma simples ferramenta de arrastar e soltar.

Ele também vem com preenchimento dinâmico de campos, lógica condicional e campos de formulário avançados. Juntos, esses recursos permitem criar formulários mais inteligentes e interativos para o seu site.

Nota: O WPForms é cofundado pelo fundador do WPBeginner, Syed Balkhi.

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

Chave de licença WPForms

Então você deve visitar WPForms »Adicionar novo para criar seu primeiro formulário. Você será solicitado a fornecer um nome para seu formulário e, em seguida, selecione um modelo para começar.

Crie um novo formulário

Agora, o WPForms carregará seu formulário com campos pré-selecionados. Você pode clicar para editar os campos do formulário ou usar a função 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 caixa de seleção ao seu formulário para usar as opções dinâmicas. Basta clicar em um campo na coluna da esquerda para adicioná-lo ao seu formulário.

Adicionar campos de formulário

Em seguida, clique para editar o campo e expanda o menu Avançado na coluna esquerda.

Opções avançadas

A partir daqui, você deve selecionar uma opção dinâmica em Opções dinâmicas. O WPForms suporta tipos de post e taxonomias registradas no seu site WordPress. Para fins deste tutorial, selecionaremos o tipo de publicação de Produtos.

Eleições dinâmicas

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

Agora você pode salvar seu formulário e sair do gerador de formulários.

Para adicionar o formulário a uma postagem ou página do WordPress, basta editar a postagem ou a página em que deseja adicioná-lo.

Na tela de pós-edição, adicione o bloco WPForms à sua área de pós-edição. Depois disso, selecione o formulário que você criou anteriormente no menu suspenso.

Adicionar bloco WPForms no WordPress

Agora você pode salvar sua postagem ou página e visitar o site deles para ver seu formulário com valores dinâmicos de campo em ação.

Visualização do WPForm

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

O WPForms também permite preencher dinamicamente campos de formulário usando parâmetros de URL. Isso permite criar links inteligentes que transmitem informações automaticamente para o formulário e as completam para o envio dos usuários.

Primeiro, você deve criar um novo formulário ou editar um formulário existente no WPForms. Depois de terminar de criar seu formulário, alterne para a guia configurações na coluna esquerda e selecione a guia "Geral".

Nesta tela, você deve marcar a caixa para Ativar população de campo dinâmico.

Ativar campos dinâmicos

Agora você pode salvar seu formulário e sair do gerador de formulários. Agora, seu formulário está pronto para preencher dinamicamente os campos do formulário usando parâmetros de URL.

Crie links com parâmetros de URL

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

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

Vamos dividir.

  • A parte do URL antes do ponto de interrogação "?" É o URL da página que possui seu formulário. Por exemplo, sua página do formulário de contato.
  • ? wpf – Indica o início dos parâmetros do campo de formulário WPForm.
  • quinze – É a identificação do seu formulário
  • _1 – Então você tem o ID do campo
  • = valor – = indica o início do valor que você deseja passar para o formulário seguido pelo valor do campo real.
  • Aqui está um exemplo de URL em que estamos passando um título de produto como um campo de texto para um formulário de comentário.

    https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

    Adicionar URL à sua postagem

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

    Localizando formulário e identificação de campo em WPForms

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

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

    Encontre o ID do formulário no WPForms

    Da mesma forma, para encontrar o ID do campo do formulário, basta clicar para editá-lo. Você verá as propriedades do campo do formulário na coluna esquerda, juntamente com o ID do campo na parte superior.

    Encontre o ID do campo do formulário

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

    Basta adicionar o identificador do subcampo após o ID do campo no 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 parâmetros diferentes para todos os tipos de campos de formulário.

    Agora você pode usar esse recurso em combinação com o seu software de CRM ou serviço de marketing por email para enviar links de formulário inteligente para 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 a função de preenchimento dinâmico de campos com outros plugins de formulário, como Formidable Forms, Gravity Forms etc. No entanto, recomendamos o uso de WPForms, pois facilita todo o processo e o conhecemos bem porque criamos o produto.

    Esperamos que este artigo tenha ajudado você a aprender como usar a população de campos dinâmicos no WordPress para preencher formulários automaticamente. Você também pode ver nosso artigo sobre como rastrear e reduzir o abandono de formulários no WordPress.

    Se você gostou deste artigo, assine o nosso canal YouTube para assistir a vídeos tutoriais do WordPress. Você também pode encontrar-nos em Twitter e Facebook.