Como Ativar a Configuração de Preenchimento Automático por URL no WPForms

Pretende otimizar a experiência do utilizador no seu website com a definição Ativar 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 utilizador.

Imagine um cenário em que um utilizador já forneceu certas informações num formulário e pretende transferir esses dados de forma transparente para outro formulário sem que ele tenha de os reintroduzir. Ao utilizar strings de consulta, pode conseguir precisamente isso, criando uma jornada mais suave e personalizada para os 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, veja este artigo.

Neste tutorial, vamos concentrar-nos mais em explicar os tipos de campos e como estes aparecem nas strings de consulta para lhe permitir criar os seus formulários pré-preenchidos

Ativar o Preenchimento por URL

Antes de podermos começar a preencher os nossos campos de formulário, temos primeiro de ativar esta opção dentro do nosso formulário para aceitar estes parâmetros pré-preenchidos de outro formulário.

Para conseguir isto, terá primeiro de criar um novo formulário ou editar um dos seus formulários. Em seguida, navegue para Definições » Geral dentro do construtor de formulários e, nas opções Avançadas, ative a opção rotulada Ativar Preenchimento por URL para a ativar.

Montagem do URL

Em seguida, terá de construir um 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 torna-se irrelevante neste processo. Independentemente do tipo de campo, todas as strings de consulta para ativar o preenchimento por URL no WPForms aderem a uma estrutura consistente. Por exemplo, considere o 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 definição de preenchimento por URL do WPForms.
• ID do Formulário: Identifica o formulário de destino (no URL fornecido, o ID do Formulário é 20).
• ID do Campo: Especifica o campo pretendido dentro do formulário (no URL fornecido, 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, está 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.

Utilizar a definição de preenchimento

No link do tutorial acima, a ideia é que o seu visitante veja o primeiro formulário e preencha algumas informações básicas. Depois, passe essa informação para outro formulário com o botão Submeter.

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

Um exemplo é adicionar este URL ao 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).

Utilizar Lógica Condicional com esta configuração

Ao utilizar a lógica condicional em conjunto com a configuração de pré-preenchimento, a funcionalidade operará sem problemas. 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 os seus formulários continuem a funcionar como esperado.

Exemplos de String de Consulta para Campos Específicos

Para utilizadores mais avançados, a tabela abaixo oferece exemplos que ilustram como configurar parâmetros GET para cada tipo de campo. Adicionalmente, 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

Menu suspenso

Escolha múltipla

Caixas de seleção

Números

Nome

Email

Acordo RGPD

Website / URL

Morada

Palavra-passe

Telefone

Data / Hora

Oculto

HTML

Carregamento de Ficheiro

Quebra de Página

Divisor de Secção

Classificação

Captcha

Assinatura

Escala Likert

Net Promoter Score

Cupão de Pagamento

Item Único

Itens Múltiplos

Itens de Menu Suspenso

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 o nosso tutorial.
• Como regra geral, o comprimento máximo de um URL é de 2.000 caracteres.

FAQ

P: Como utilizo isto para subetiquetas?

R: Ao utilizar isto para pré-preencher um campo de Nome ou Morada que possa ter vários subcampos, gostaríamos de partilhar um exemplo consigo.

?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 é tudo! Para outro exemplo específico disto em ação, consulte este tutorial sobre Como Usar Strings de Consulta para Pré-Preencher Campos de Formulário de Outro Formulário. Para outros exemplos, consulte o nosso artigo sobre Como Usar Strings de Consulta para Preencher Automaticamente um Campo de Texto.