Comment utiliser la population de champs dynamiques dans WordPress pour remplir automatiquement des formulaires
Souhaitez-vous utiliser le remplissage de champs dynamiques dans WordPress pour remplir automatiquement les formulaires sur votre site Web ?
Le remplissage dynamique des champs vous permet de remplir automatiquement les champs du formulaire en fonction de la sélection de l'utilisateur, des chaînes de requête ou du type de champ. Cela rend vos formulaires intelligents, fait gagner du temps aux utilisateurs, offre une meilleure expérience utilisateur et, en fin de compte, améliore le taux de remplissage des formulaires.
Dans cet article, nous allons vous montrer comment utiliser le remplissage de champs dynamiques dans WordPress pour remplir automatiquement des formulaires.
Qu’est-ce que la population de champ dynamique ?
Le remplissage dynamique des champs est une technique qui permet aux propriétaires de sites Web de remplir automatiquement les champs de formulaire en fonction de la sélection de l'utilisateur, du type de formulaire, des chaînes de requête ou de la logique conditionnelle.
Par exemple, une boutique de commerce électronique peut créer un formulaire dans lequel le champ produit du formulaire est renseigné dynamiquement à l'aide de produits existants dans WooCommerce ou tout autre logiciel de commerce électronique.
De même, un site Web immobilier peut remplir automatiquement les champs d'annonces, d'agents et de type de propriété dans leurs formulaires de rendez-vous et de génération de leads.
Les utilisateurs avancés et les développeurs peuvent également utiliser les paramètres d'URL pour remplir dynamiquement les champs de formulaire à l'aide de liens intelligents provenant de newsletters par courrier électronique ou d'autres interactions sur des sites Web.
Cela dit, voyons comment utiliser facilement la population de champs dynamiques dans WordPress.
Comment utiliser la population de champs dynamiques dans WordPress
Tout d’abord, vous devez installer et activer le plugin WPForms. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
WPForms est le meilleur plugin de formulaire de contact WordPress du marché. Il vous permet de créer facilement des formulaires en ligne à l’aide d’un simple outil glisser-déposer.
Il est également livré avec un remplissage de champs dynamique, une logique conditionnelle et des champs de formulaire avancés. Ensemble, ces fonctionnalités vous permettent de créer des formulaires plus intelligents et plus interactifs sur votre site Web.
Lors de l'activation du plugin, vous devez visiter la page WPForms » Paramètres pour saisir votre clé de licence. Vous pouvez trouver ces informations sous votre compte sur le site Web WPForms.
Ensuite, vous devez visiter WPForms »Ajouter un nouveau pour créer votre premier formulaire.
Il vous sera demandé de donner un nom à votre formulaire, puis de sélectionner un modèle pour commencer.
Il existe de nombreux modèles de formulaires parmi lesquels choisir. Pour ce tutoriel, nous utiliserons le modèle de formulaire de facturation/commande.
WPForms va maintenant charger votre formulaire avec des champs présélectionnés. Vous pouvez cliquer pour modifier les champs du formulaire ou utiliser la fonction glisser-déposer pour les déplacer de haut en bas. Vous pouvez également ajouter et supprimer des champs de formulaire en un seul clic.
Ajoutons un nouveau champ de formulaire pour le remplir de choix dynamiques.
Vous pouvez ajouter un champ déroulant, à choix multiple ou une case à cocher à votre formulaire pour utiliser les options de choix dynamiques. Cliquez simplement sur un champ de la colonne de gauche et faites-le glisser pour l'ajouter à votre formulaire.
Ensuite, vous pouvez cliquer pour modifier les champs du formulaire.
Passez simplement au menu Avancé dans la colonne de gauche.
À partir de là, vous devez sélectionner « Choix dynamiques ».
WPForms prend en charge les types de publications et les taxonomies enregistrées sur votre site WordPress. Pour le bien de ce didacticiel, nous sélectionnerons « Type de publication » comme choix dynamiques et « Produits » comme source de type de publication dynamique.
WPForms chargera et affichera désormais automatiquement les champs dans l'aperçu du formulaire.
Vous pouvez maintenant sauvegarder votre formulaire.
Pour intégrer le formulaire, cliquez simplement sur le bouton « Intégrer » en haut du générateur de formulaire. À partir de là, vous pouvez sélectionner une page existante pour intégrer le formulaire ou créer une nouvelle page.
Vous pouvez également utiliser le bloc WPForms pour ajouter le formulaire à une publication ou une page WordPress. Allez-y et modifiez la publication ou la page sur laquelle vous souhaitez ajouter le formulaire.
Une fois que vous êtes dans l'éditeur de contenu WordPress, ajoutez le bloc WPForms à votre zone de publication. Après cela, sélectionnez simplement le formulaire que vous avez créé précédemment dans le menu déroulant.
Vous pouvez maintenant enregistrer votre article ou votre page.
Ensuite, visitez votre site Web pour voir votre formulaire avec des valeurs de champ dynamiques en action.
Remplissez automatiquement les champs du formulaire à l'aide des paramètres d'URL
WPForms vous permet également de remplir dynamiquement les champs du formulaire à l'aide de paramètres d'URL. Cette fonctionnalité vous permet de créer des liens intelligents qui transmettent automatiquement les informations au formulaire et les remplissent pour que vos utilisateurs puissent les soumettre.
Tout d’abord, vous devez créer un nouveau formulaire ou modifier un formulaire existant dans WPForms. Une fois que vous avez terminé de créer votre formulaire, passez à l'onglet Paramètres dans la colonne de gauche, puis sélectionnez l'onglet « Général ».
Sur cet écran, vous devez cliquer sur le bouton de l'option « Activer le pré-remplissage par URL ».
Vous pouvez maintenant enregistrer votre formulaire et quitter le générateur de formulaire. Votre formulaire est maintenant prêt à remplir dynamiquement les champs du formulaire à l'aide des paramètres d'URL.
Création de liens avec des paramètres d'URL
WPForms accepte les champs de formulaire dynamiques transmis via les paramètres d'URL dans un format spécifique.
https://example.com/contact/?wpf15_1=value
Décomposons-le.
La partie de l'URL située avant le point d'interrogation « ? » est l'URL de la page contenant votre formulaire. Par exemple, votre page de formulaire de contact.
?wpf - Indique le début des paramètres du champ du formulaire WPForm.
15 - Est-ce que l'ID de votre formulaire
_1 - est l'ID du champ
=value -=Indique le début de la valeur que vous souhaitez transmettre au formulaire suivi de la valeur réelle du champ.
Voici un exemple d'URL où nous transmettons le titre d'un produit sous forme de champ de texte à un formulaire de commentaires.
https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
Remarquez comment nous avons utilisé %20 pour indiquer les espaces entre les mots dans le titre du produit.
Recherche des ID de formulaire et de champ dans WPForms
Afin de créer des paramètres d'URL, vous aurez besoin de connaître les identifiants du formulaire et des champs. Voici comment trouver ces valeurs.
Modifiez simplement votre formulaire et vous verrez l’ID du formulaire dans la barre d’adresse de votre navigateur.
De même, pour trouver l’ID du champ du formulaire, il vous suffit de cliquer pour le modifier.
Vous verrez les propriétés du champ du formulaire dans la colonne de gauche, ainsi que l'ID du champ en haut.
Maintenant, que se passe-t-il si vous souhaitez transmettre une valeur à un sous-champ ?
Ajoutez simplement l'identifiant du sous-champ après l'ID du champ dans votre URL comme ceci :
https://example.com/contact/?wpf15_3_city=london
Pour plus de détails, vous pouvez consulter la documentation du développeur WPForms, qui montre plus d'exemples d'utilisation de différents paramètres pour tous les types de champs de formulaire.
Vous pouvez désormais utiliser cette fonctionnalité en combinaison avec votre logiciel CRM ou votre service de marketing par e-mail pour envoyer des liens de formulaire intelligents à vos utilisateurs. La plupart des plateformes marketing sont livrées avec leurs propres balises MERGE personnalisées que vous pouvez ajouter dans l'URL intelligente pour remplir automatiquement les informations personnelles dans le formulaire.
Vous pouvez également utiliser la fonctionnalité de remplissage de champs dynamiques avec d'autres plugins de formulaire tels que Formidable Forms, Gravity Forms ou autres. Cependant, nous vous recommandons d'utiliser WPForms car cela facilite l'ensemble du processus, et nous le savons bien car nous avons construit le produit.
Nous espérons que cet article vous a aidé à apprendre à utiliser le remplissage de champs dynamiques dans WordPress pour remplir automatiquement des formulaires. Vous voudrez peut-être également consulter notre article sur la façon de suivre et de réduire les abandons de formulaires dans WordPress et nos choix d'experts pour le meilleur logiciel de chat en direct pour les petites entreprises.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.