Comment activer le pré-remplissage par URL dans WPForms

Vous cherchez à rationaliser l'expérience utilisateur sur votre site web avec le paramètre WPForms Enable Prefill By URL? Pré-remplir les champs du formulaire en fonction des interactions précédentes ? Exploiter la puissance des chaînes de requête pour remplir automatiquement les champs d'un formulaire à l'autre peut considérablement améliorer le confort et l'efficacité de l'utilisateur.

Imaginez un scénario dans lequel un utilisateur a déjà fourni certaines informations dans un formulaire, et vous souhaitez transférer ces données de manière transparente dans un autre formulaire sans qu'il ait à les saisir à nouveau. C'est précisément ce que vous pouvez faire en utilisant des chaînes de requête, ce qui permet de créer un parcours plus fluide et plus personnalisé pour vos visiteurs.

Pour un tutoriel étape par étape de cette fonctionnalité en action, qui comprend la création des deux formulaires et le passage d'informations d'un formulaire à l'autre, jetez un coup d 'œil à cet article.

Dans ce tutoriel, nous allons nous concentrer sur l'explication des types de champs et de leur apparence dans les chaînes de requête afin de vous permettre de créer vos formulaires pré-remplis.

Activation du pré-remplissage par URL

Avant de commencer à pré-remplir les champs de notre formulaire, nous devons d'abord activer cette option dans notre formulaire afin d'accepter ces paramètres pré-remplis à partir d'un autre formulaire.

Pour ce faire, vous devez d'abord créer un nouveau formulaire ou modifier l'un de vos formulaires. Ensuite, naviguez vers Paramètres " Général depuis le générateur de formulaires et dans les options avancées, cochez l'option Activer le pré-remplissage par URL pour activer cette fonction.

Assemblage de l'URL

Ensuite, vous devrez construire une URL avec une chaîne de requête, en utilisant les paramètres GET pour identifier un champ spécifique et inclure la valeur correspondante. Il est intéressant de noter que le type de champ ne joue aucun rôle dans ce processus. Indépendamment du type de champ, toutes les chaînes de requête pour activer le pré-remplissage par URL dans WPForms adhèrent à une structure cohérente. Par exemple, considérons l'URL suivante avec le format de chaîne de requête fondamental :

http://test.com?wpf20_1_subfield=value

• ?wpf: Marque le début d'une chaîne de requête pour le paramètre de remplissage par URL de WPForms.
• ID du formulaire : identifie le formulaire ciblé (dans l'URL fournie, l'ID du formulaire est 20).
• ID du champ : spécifie le champ prévu dans le formulaire (dans l'URL donnée, l'ID du champ est 1).
• Identificateur de sous-champ (facultatif) : Utilisé uniquement pour cibler un sous-champ, comme le sous-champ Ville dans un champ Adresse (dans l'exemple d'URL, il est simplement étiqueté comme "sous-champ").
• = (Signe d'égalité) : Signale le début de la valeur.
• Valeur : Représente la valeur à ajouter ou à sélectionner pour un champ. Les espaces doivent être remplacés par %20.

Utilisation du réglage de pré-remplissage

Dans le tutoriel ci-dessus, l'idée est de faire en sorte que votre visiteur voie le premier formulaire et remplisse quelques informations de base. Il transmet ensuite ces informations à un autre formulaire à l'aide du bouton Soumettre.

Pour ce faire, vous devez définir votre type de confirmation sur Aller à l'URL (Redirection) et utiliser ce paramètre pour les champs ci-dessus afin de remplir cette chaîne de requête.

Un exemple est l'ajout de cette URL au URL de redirection. http://mydomain.com/contact?contact-reason=Events%20and%20Parties

Et c'est tout ! Pour un autre exemple concret, consultez ce tutoriel sur l'utilisation des chaînes de requête pour pré-remplir les champs d'un formulaire à partir d'un autre formulaire. Pour d'autres exemples, veuillez consulter notre article intitulé Comment utiliser des chaînes de requête pour remplir automatiquement un champ de texte.

Utilisation de la logique conditionnelle avec ce paramètre

Lorsque la logique conditionnelle est utilisée avec le paramètre de préremplissage, la fonctionnalité fonctionne de manière transparente. Les champs conditionnels seront toujours masqués ou affichés en fonction des valeurs renseignées par le préremplissage. Il est important de noter que la logique conditionnelle est appliquée après que les champs ont été remplis de manière dynamique, ce qui garantit que vos formulaires continuent à fonctionner comme prévu.

Exemples de chaînes de requête pour des champs spécifiques

Pour les utilisateurs plus expérimentés, le tableau ci-dessous propose des exemples illustrant comment configurer les paramètres GET pour chaque type de champ. En outre, si un champ offre diverses options de formatage, des exemples spécifiques pour ces alternatives sont également inclus.

Texte sur une seule ligne

Paragraphe

Liste déroulante

Choix multiple

Cases à cocher

Chiffres

Nom

Courriel

Accord GDPR

Site web / URL

Adresse

Mot de passe

Téléphone

Date / Heure

Caché

HTML

Téléchargement de fichiers

Saut de page

Séparateur de section

Evaluation

Captcha

Signature

Échelle de Likert

Net Promoter Score

Coupon de paiement

Article unique

Plusieurs articles

Éléments de la liste déroulante

Carte de crédit

Total

Champs de paiement (cases à cocher, éléments multiples, éléments déroulants) avec quantités

Articles de référence

• Pour plus de détails sur la manière de localiser un ID de formulaire ou un ID de champ, veuillez consulter notre tutoriel.
• En règle générale, la longueur maximale d'un URL est de 2 000 caractères.

FAQ

Q : Comment l'utiliser pour les sous-étiquettes ?

R : Lorsque vous utilisez cette fonction pour pré-remplir un champ Nom ou Adresse qui peut avoir plusieurs sous-champs, nous aimerions partager un exemple avec vous.

?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"}