Como ativar a definição de pré-preenchimento por URL no WPForms

Você está procurando simplificar 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 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 determinadas informações num formulário e pretende transferir esses dados sem problemas para outro formulário, sem que seja necessário voltar a introduzi-los. Ao utilizar cadeias de consulta, pode conseguir precisamente isso, criando uma viagem mais suave e personalizada para os seus visitantes.

Para obter 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, consulte este artigo.

Neste tutorial, vamos concentrar-nos mais em explicar os tipos de campo e o seu aspeto nas cadeias de consulta, para que possa criar os seus formulários pré-preenchidos

Ativar o pré-preenchimento por URL

Antes de começarmos a preencher previamente os campos do nosso formulário, temos de ativar esta opção no nosso formulário para aceitar estes parâmetros preenchidos previamente a partir de outro formulário.

Para isso, primeiro é necessário criar um novo formulário ou editar um dos seus formulários. Em seguida, navegue para Configurações " Geral no construtor de formulários e, nas opções Avançadas, alterne a opção Ativar pré-preenchimento por URL para ativar essa opção.

Montagem do URL

De seguida, terá de construir um URL com uma cadeia 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 pré-preenchimento por URL no WPForms aderem a uma estrutura consistente. Por exemplo, considere o seguinte URL com o formato fundamental da query string:

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 visado (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 apenas quando se pretende direcionar um subcampo, como o subcampo Cidade num campo Endereço (no URL de exemplo, é simplesmente identificado como "subcampo").
• = (Sinal de igual): Assinala o início do valor.
• Valor: Representa o valor pretendido a adicionar ou selecionar para um campo. Os espaços devem ser substituídos por %20.

Utilizar a definição de pré-preenchimento

Na hiperligação 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 Enviar.

Para o conseguir, terá de configurar o seu Tipo de confirmação para Ir para URL (Redirecionar) e utilizar esta definição para os campos acima para preencher essa cadeia de consulta.

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

E é isso! Para obter outro exemplo específico deste procedimento em ação, consulte este tutorial sobre Como utilizar cadeias de caracteres de consulta para preencher previamente campos de formulário a partir de outro formulário. Para outros exemplos, consulte o nosso artigo sobre Como utilizar cadeias de caracteres de consulta para preencher automaticamente um campo de texto.

Utilizar a lógica condicional com esta definição

Ao utilizar a lógica condicional juntamente com a definição de pré-preenchimento, a funcionalidade funcionará sem problemas. Os campos condicionais ainda serão ocultados ou exibidos com base nos valores preenchidos por meio do preenchimento prévio. É importante observar que a lógica condicional é aplicada após os campos terem sido preenchidos dinamicamente, garantindo que os formulários continuem funcionando conforme o esperado.

Exemplos de cadeias de consulta para campos específicos

Para os utilizadores 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, são também incluídos exemplos específicos para essas alternativas.

Texto de uma linha

Parágrafo

Menu suspenso

Escolha múltipla

Caixas de verificação

Números

Nome

Correio eletrónico

Acordo RGPD

Sítio Web / URL

Endereço

Palavra-passe

Telefone

Data / Hora

Oculto

HTML

Carregamento de ficheiros

Quebra de página

Divisor de secções

Classificação

Captcha

Assinatura

Escala de Likert

Pontuação do promotor líquido

Cupão de pagamento

Item único

Vários itens

Itens suspensos

Cartão de crédito

Total

Campos de pagamento (itens de caixa de seleção, itens múltiplos, itens suspensos) com quantidades

Artigos de referência

• Para mais informações sobre como localizar um ID de formulário ou ID de campo, consulte o nosso tutorial.
• Regra geral, o comprimento máximo de um URL é de 2.000 caracteres.

FAQ

P: Como é que utilizo isto para os sub-rótulos?

R: Quando utilizar esta opção para preencher previamente um campo Nome ou Endereço que pode 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"}