Come abilitare l'impostazione Prefill By URL in WPForms

Vuoi semplificare l'esperienza utente sul tuo sito web con l'impostazione WPForms Abilita precompilazione tramite URL? Precompilare i campi del modulo in base alle interazioni precedenti? Sfruttare la potenza delle stringhe di query per precompilare automaticamente i campi del modulo da un modulo all'altro può migliorare significativamente la comodità e l'efficienza dell'utente.

Immagina uno scenario in cui un utente ha già fornito determinate informazioni su un modulo e desideri trasferire tali dati senza interruzioni a un altro modulo senza richiedere loro di reinserirli. Utilizzando le stringhe di query, puoi ottenere proprio questo, creando un percorso più fluido e personalizzato per i tuoi visitatori.

Per un tutorial passo passo di questa funzionalità in azione, che include la creazione dei 2 moduli e il passaggio di informazioni da un modulo all'altro, dai un'occhiata a questo articolo.

In questo tutorial, ci concentreremo maggiormente sulla spiegazione dei tipi di campo e su come questi appaiono nelle stringhe di query per consentirti di creare i tuoi moduli precompilati

Abilitare la precompilazione tramite URL

Prima di poter iniziare a precompilare i nostri campi modulo, dobbiamo prima abilitare questa opzione all'interno del nostro modulo per accettare questi parametri precompilati da un altro modulo.

Per ottenere questo, dovrai prima creare un nuovo modulo o modificare uno dei tuoi moduli. Successivamente, naviga su Impostazioni » Generali dall'interno del generatore di moduli e, all'interno delle opzioni Avanzate, attiva l'opzione etichettata Abilita precompilazione tramite URL per abilitarla.

Assemblare l'URL

Successivamente, dovrai costruire un URL con una stringa di query, utilizzando parametri GET per individuare un campo specifico e includere il valore corrispondente. Interessante notare che il tipo di campo diventa irrilevante in questo processo. Indipendentemente dal tipo di campo, tutte le stringhe di query per abilitare la precompilazione tramite URL in WPForms aderiscono a una struttura coerente. Ad esempio, considera il seguente URL con il formato fondamentale della stringa di query:

http://test.com?wpf20_1_subfield=value

• ?wpf: Segna l'inizio di una stringa di query per l'impostazione di precompilazione tramite URL di WPForms.
• ID modulo: Identifica il modulo di destinazione (nell'URL fornito, l'ID modulo è 20).
• ID campo: Specifica il campo desiderato all'interno del modulo (nell'URL dato, l'ID campo è 1).
• Identificatore sotto-campo (Opzionale): Utilizzato esclusivamente quando si mira a un sotto-campo, come il sotto-campo Città all'interno di un campo Indirizzo (nell'URL di esempio, è semplicemente etichettato come “subfield”).
• = (Segno di uguale): Segnala l'inizio del valore.
• Valore: Rappresenta il valore desiderato da aggiungere o selezionare per un campo. Gli spazi devono essere sostituiti con %20.

Utilizzo dell'impostazione di precompilazione

Nel link del tutorial sopra, l'idea è che il tuo visitatore veda il primo modulo e completi alcune informazioni di base. Quindi trasferisca tali informazioni a un altro modulo con il pulsante Invia.

Per ottenere questo risultato, vai su Impostazioni » Conferme nell'editor del modulo. Successivamente, seleziona Vai a URL (Reindirizzamento) dal menu a discesa Tipo di conferma. Quindi, aggiungi la stringa di query appropriata wpf{formID}_{fieldID} all'URL di reindirizzamento (vedi gli esempi seguenti).

Un esempio è aggiungere questo URL a URL di reindirizzamento della conferma. http://mydomain.com/contact?wpf20_1=Events%20and%20Parties

In questo esempio, 20 è l'ID del modulo e 1 è l'ID del campo. La stringa di query deve fare riferimento all'ID del modulo e del campo nel formato wpf{formID}_{fieldID} affinché il campo venga precompilato (le chiavi di query personalizzate come contact-reason non popoleranno i campi WPForms).

Utilizzo della logica condizionale con questa impostazione

Quando si utilizza la logica condizionale insieme all'impostazione di precompilazione, la funzionalità opererà senza intoppi. I campi condizionali continueranno a nascondersi o mostrarsi in base ai valori popolati tramite la precompilazione. È importante notare che la logica condizionale viene applicata dopo che i campi sono stati riempiti dinamicamente, garantendo che i tuoi moduli continuino a funzionare come previsto.

Esempi di stringhe di query per campi specifici

Per gli utenti più esperti, la tabella seguente offre esempi che illustrano come configurare i parametri GET per ciascun tipo di campo. Inoltre, se un campo offre varie opzioni di formattazione, sono inclusi anche esempi specifici per tali alternative.

Testo a riga singola

Paragrafo

Menu a discesa

Scelta multipla

Caselle di controllo

Numeri

Nome

Email

Accordo GDPR

Sito web / URL

Indirizzo

Password

Telefono

Data / Ora

Nascosto

HTML

Caricamento file

Interruzione di pagina

Divisore di sezione

Valutazione

Captcha

Firma

Scala Likert

Net Promoter Score

Coupon Pagamento

Articolo singolo

Elementi multipli

Articoli a discesa

Carta di Credito

Totale

Campi di Pagamento (Elementi Casella di Controllo, Elementi Multipli, Elementi a Discesa) con Quantità

Articoli di riferimento

• Per i dettagli su come individuare un ID Modulo o un ID Campo, consulta il nostro tutorial.
• Come regola generale, la lunghezza massima di un URL è di 2.000 caratteri.

FAQ

D: Come posso usarlo per le sottolabel?

R: Quando si utilizza questo per precompilare un campo Nome o Indirizzo che potrebbe avere diversi sotto-campi, vorremmo condividere un esempio con te.

?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 questo è tutto! Per un altro esempio specifico di questo in azione, consulta questo tutorial su Come utilizzare le stringhe di query per precompilare i campi del modulo da un altro modulo. Per altri esempi, consulta il nostro articolo su Come utilizzare le stringhe di query per precompilare automaticamente un campo di testo.