Como habilitar a configuração de pré-preenchimento por URL no WPForms

Deseja otimizar a experiência do usuário em seu site com a configuração WPForms Enable Prefill By URL? Preencher previamente os campos do formulário com base em interações anteriores? Aproveitar o poder das strings de consulta para preencher automaticamente os 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á tenha fornecido determinadas informações em um formulário e você queira transferir esses dados sem problemas para outro formulário, sem exigir que ele os insira novamente. Utilizando strings de consulta, você pode conseguir exatamente isso, criando uma jornada mais suave e personalizada para seus visitantes.

Para obter um tutorial passo a passo dessa funcionalidade em ação, que inclui a criação dos dois 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 cadeias de consulta para capacitá-lo a criar seus formulários pré-preenchidos

Como ativar o pré-preenchimento por URL

Antes de começarmos a preencher previamente os campos do formulário, devemos primeiro ativar essa opção em nosso formulário para aceitar esses parâmetros preenchidos previamente de outro formulário.

Para isso, você precisará primeiro criar um novo formulário ou editar um de seus formulários. Em seguida, navegue até Settings " General (Configurações " Geral ) no construtor de formulários e, dentro das opções Advanced (Avançadas ), ative a opção Enable Prefill By URL (Ativar pré-preenchimento por URL ) para ativar essa opção.

Montagem da URL

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

http://test.com?wpf20_1_subfield=value

• ?wpf: Marca o início de uma string de consulta para a configuração de pré-preenchimento por URL do WPForms.
• ID do formulário: identifica o formulário direcionado (no URL fornecido, o ID do formulário é 20).
• ID do campo: especifica o campo pretendido no formulário (no URL fornecido, o ID do campo é 1).
• Identificador de subcampo (opcional): Utilizado somente quando se tem como alvo um subcampo, como o subcampo Cidade em um campo Endereço (no URL de exemplo, ele é rotulado simplesmente como "subcampo").
• = (Sinal de igual): Sinaliza o início do valor.
• Valor: Representa o valor desejado a ser adicionado ou selecionado para um campo. Os espaços devem ser substituídos por %20.

Uso da configuração de pré-preenchimento

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

Para isso, você precisaria configurar seu Confirmation Type para Go to URL (Redirect) e usar essa configuração para que os campos acima preencham essa string de consulta.

Um exemplo é adicionar este URL ao URL de redirecionamento. http://mydomain.com/contact?contact-reason=Events%20and%20Parties

E é isso! Para ver outro exemplo específico disso em ação, confira este tutorial sobre Como usar Query Strings para preencher previamente campos de formulário de outro formulário. Para obter outros exemplos, consulte nosso artigo sobre Como usar Query Strings para preencher automaticamente um campo de texto.

Uso da lógica condicional com essa configuração

Ao utilizar a lógica condicional juntamente com a configuração de pré-preenchimento, a funcionalidade funcionará perfeitamente. Os campos condicionais ainda serão ocultados ou exibidos com base nos valores preenchidos por meio do pré-preenchimento. É importante observar que a lógica condicional é aplicada depois que os campos são preenchidos dinamicamente, garantindo que os formulários continuem funcionando conforme o 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 os parâmetros GET para cada tipo de campo. Além disso, se um campo oferecer várias opções de formatação, também serão incluídos exemplos específicos para essas alternativas.

Texto de linha única

Parágrafo

Menu suspenso

Múltipla escolha

Caixas de seleção

Números

Nome

E-mail

Acordo GDPR

Site / URL

Endereço

Senha

Telefone

Data / Hora

Oculto

HTML

Upload de arquivos

Quebra de página

Divisor de seção

Classificação

Captcha

Assinatura

Escala Likert

Pontuação do Net Promoter

Cupom de pagamento

Item único

Vários itens

Itens suspensos

Cartão de crédito

Total

Campos de pagamento (itens de caixa de seleção, vários itens, itens suspensos) com quantidades

Artigos de referência

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

PERGUNTAS FREQUENTES

P: Como posso usar isso para submarcas?

R: Ao usar isso para preencher previamente um campo 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"}