Como Habilitar a Configuração de Preenchimento por URL no WPForms

Você está procurando otimizar a experiência do usuário em seu site com a configuração Habilitar Preenchimento por URL do WPForms? Preencher campos de formulário com base em interações anteriores? Aproveitar o poder das strings de consulta para preencher automaticamente campos de formulário de um formulário para outro pode aumentar significativamente a conveniência e a eficiência do usuário.

Imagine um cenário em que um usuário já forneceu certas informações em um formulário e você deseja transferir esses dados perfeitamente para outro formulário sem que ele precise inseri-los novamente. Ao utilizar strings de consulta, você pode conseguir exatamente isso, criando uma jornada mais suave e personalizada para seus visitantes.

Para um tutorial passo a passo desta funcionalidade em ação, que inclui a criação dos 2 formulários e a passagem de informações de um formulário para outro, dê uma olhada neste artigo.

Neste tutorial, vamos nos concentrar mais em explicar os tipos de campo e como eles aparecem nas strings de consulta para capacitá-lo a criar seus formulários pré-preenchidos.

Habilitando o Preenchimento por URL

Antes de podermos começar a pré-preencher nossos campos de formulário, primeiro devemos habilitar esta opção em nosso formulário para aceitar esses parâmetros pré-preenchidos de outro formulário.

Para conseguir isso, você precisará primeiro criar um novo formulário ou editar um de seus formulários. Em seguida, navegue até Configurações » Geral dentro do construtor de formulários e, nas opções Avançadas, ative a opção rotulada Habilitar Preenchimento por URL para habilitá-la.

Montando a URL

Em seguida, você precisará construir uma URL com uma string de consulta, utilizando parâmetros GET para identificar um campo específico e incluir o valor correspondente. Curiosamente, o tipo de campo se torna irrelevante neste processo. Independentemente do tipo de campo, todas as strings de consulta para habilitar o preenchimento por URL no WPForms seguem uma estrutura consistente. Por exemplo, considere a seguinte URL com o formato fundamental da string de consulta:

http://test.com?wpf20_1_subfield=value

• ?wpf: Marca o início de uma string de consulta para a configuração de preenchimento por URL do WPForms.
• ID do Formulário: Identifica o formulário de destino (na URL fornecida, o ID do Formulário é 20).
• ID do Campo: Especifica o campo pretendido dentro do formulário (na URL dada, o ID do Campo é 1).
• Identificador de Subcampo (Opcional): Utilizado unicamente ao direcionar um subcampo, como o subcampo Cidade dentro de um campo de Endereço (no URL de exemplo, ele é simplesmente rotulado como “subfield”).
• = (Sinal de Igual): Sinaliza o início do valor.
• Valor: Representa o valor desejado a ser adicionado ou selecionado para um campo. Quaisquer espaços devem ser substituídos por %20.

Usando a configuração de preenchimento

No link do tutorial acima, a ideia é que seu visitante veja o primeiro formulário e complete algumas informações básicas. Em seguida, passe essas informações para outro formulário com o botão Enviar.

Para conseguir isso, vá para Configurações » Confirmações no construtor de formulários. Em seguida, selecione Ir para URL (Redirecionamento) no menu suspenso Tipo de Confirmação. Em seguida, adicione a string de consulta wpf{formID}_{fieldID} apropriada à URL de Redirecionamento (veja os exemplos abaixo).

Um exemplo é adicionar esta URL à URL de Redirecionamento de Confirmação. http://mydomain.com/contact?wpf20_1=Events%20and%20Parties

Neste exemplo, 20 é o ID do Formulário e 1 é o ID do Campo. A string de consulta deve referenciar o ID do formulário e do campo no formato wpf{formID}_{fieldID} para que o campo seja pré-preenchido (chaves de consulta personalizadas como contact-reason não preencherão os campos do WPForms).

Usando Lógica Condicional com esta configuração

Ao utilizar a lógica condicional juntamente com a configuração de pré-preenchimento, a funcionalidade operará perfeitamente. Os campos condicionais ainda serão ocultados ou exibidos com base nos valores preenchidos através do pré-preenchimento. É importante notar que a lógica condicional é aplicada após os campos terem sido preenchidos dinamicamente, garantindo que seus formulários continuem a funcionar como esperado.

Exemplos de String de Consulta para Campos Específicos

Para usuários mais avançados, esta tabela abaixo oferece exemplos que ilustram como configurar parâmetros GET para cada tipo de campo. Além disso, se um campo oferecer várias opções de formatação, exemplos específicos para essas alternativas também são incluídos.

Texto de Linha Única

Parágrafo

Dropdown

Múltipla Escolha

Caixas de seleção

Números

Nome

E-mail

Acordo GDPR

Website / URL

Endereço

Senha

Telefone

Data / Hora

Oculto

HTML

Upload de Arquivo

Quebra de Página

Divisor de Seção

Avaliação

Captcha

Assinatura

Escala Likert

Net Promoter Score

Cupom de Pagamento

Item Único

Itens Múltiplos

Itens de Dropdown

Cartão de Crédito

Total

Campos de Pagamento (Itens de Caixa de Seleção, Vários Itens, Itens de Menu Suspenso) com Quantidades

Artigos de Referência

• Para detalhes sobre como localizar um ID de Formulário ou ID de Campo, consulte nosso tutorial.
• Como regra geral, o comprimento máximo de uma URL é de 2.000 caracteres.

Perguntas Frequentes

P: Como uso isso para sub-rótulos?

R: Ao usar isso para pré-preencher um campo de Nome ou Endereço que pode ter vários subcampos, gostaríamos de compartilhar um exemplo com você.

?wpf1036_1|first={field_id="1|first"}&wpf1036_1|last={field_id="1|last"}&wpf1036_3|address1={field_id="3|address1"}&wpf1036_3|address2={field_id="3|address2"}&wpf1036_3|city={field_id="3|city"}&wpf1036_3|state={field_id="3|state"}&wpf1036_3|postal={field_id="3|postal"}

E é isso! Para outro exemplo específico disso em ação, confira este tutorial sobre Como Usar Strings de Consulta para Pré-Preencher Campos de Formulário de Outro Formulário. Para outros exemplos, consulte nosso artigo sobre Como Usar Strings de Consulta para Preencher Automaticamente um Campo de Texto.