Comment ajouter des champs personnalisés à un formulaire d'inscription WordPress avec WPForms 

Le formulaire d'inscription WordPress par défaut demande un nom d'utilisateur et un e-mail. C'est tout. Si vous gérez un site d'adhésion, une boutique WooCommerce ou tout autre type de communauté, vous naviguez à l'aveugle quant à savoir qui vient de s'inscrire.

Vous ne pouvez pas demander un numéro de téléphone, un nom d'entreprise ou un lien de profil social. Vous ne pouvez pas segmenter votre liste. Vous ne pouvez rien personnaliser. C'est un formulaire à deux champs qui essaie de faire un travail d'intégration complet.

Dans ce guide, je vais vous expliquer comment ajouter des champs personnalisés à votre formulaire d'inscription d'utilisateur WordPress à l'aide de WPForms. Aucun codage requis.

Que sont les champs personnalisés dans les formulaires d'inscription WordPress ?

Les champs personnalisés dans les formulaires d'inscription WordPress sont des champs de saisie supplémentaires que vous pouvez ajouter pour collecter plus d'informations auprès des nouveaux utilisateurs lors de l'inscription.

Par défaut, WordPress ne demande qu'un nom d'utilisateur et une adresse e-mail. Avec des champs personnalisés, vous pouvez demander des informations supplémentaires telles que des numéros de téléphone, des noms d'entreprise, des titres de poste ou des profils de médias sociaux.

L'ajout de ces champs vous donne de meilleurs profils d'utilisateurs et vous aide à personnaliser l'expérience de votre site ou vos campagnes marketing. Pour les propriétaires de sites gérant un site d'adhésion WordPress, ces données sont essentielles dès le premier jour.

Comment ajouter des champs personnalisés à un formulaire d'inscription WordPress (étape par étape)

Voici comment en créer un.

Prix : À partir de 49,50 $/an

Plan gratuit / Essai : Version Lite gratuite disponible

Fonctionnalités remarquables :

🔹 Constructeur de formulaires par glisser-déposer 🔹 Addon d'inscription d'utilisateur pour les champs personnalisés 🔹 Modèles pré-faits pour les formulaires d'inscription

Idéal pour : Les débutants qui souhaitent des formulaires d'inscription WordPress sans code

Pour ce tutoriel, j'utiliserai WPForms — il dispose d'un module complémentaire d'inscription d'utilisateur dédié qui mappe les champs personnalisés directement aux profils d'utilisateur WordPress, vous n'avez donc pas à écrire de PHP.

WPForms est un constructeur de formulaires WordPress par glisser-déposer avec plus de 6 millions d'installations actives. Je l'utilise sur le site SeedProd et c'est le constructeur de formulaires que je choisis en premier lorsque j'ai besoin d'un formulaire d'inscription qui se synchronise avec les profils d'utilisateur.

Pourquoi ne pas consulter cette revue approfondie de WPForms pour tous les détails ?

Important : Vous aurez besoin de WPForms Pro ou d'une version supérieure — le module complémentaire d'inscription des utilisateurs n'est pas disponible dans la version gratuite Lite ou le plan Basic. Procurez-vous votre copie de WPForms ici. Ensuite, une fois le plugin téléchargé, vous pouvez apprendre comment installer un plugin WordPress ici.

Une fois WPForms téléchargé et installé, passez à l'étape 1.

Étape 1 : Créer un formulaire d'inscription d'utilisateur WordPress avec un plugin

Le module complémentaire d'inscription des utilisateurs de WPForms est ce qui connecte les champs de votre formulaire aux comptes d'utilisateurs WordPress. Activez-le avant de créer le formulaire.

Pour commencer, allez à WPForms » Modules complémentaires depuis votre administration WordPress. Localisez ensuite le Module complémentaire d'inscription des utilisateurs et cliquez sur Activer.

Ensuite, allez dans WPForms » Ajouter nouveau pour créer un nouveau formulaire.

Ensuite, sur l'écran de configuration, donnez un nom à votre formulaire et choisissez le modèle User Registration Form.

En cliquant sur le modèle, WPForms crée un formulaire d'inscription utilisateur par défaut, que vous pouvez ensuite personnaliser.

Vous pouvez réorganiser les champs de votre formulaire en faisant glisser les éléments vers une position différente. L'ajout de nouveaux champs de formulaire est aussi simple que de les faire glisser depuis le panneau de gauche et de les déposer dans le panneau de droite.

Étape 2 : Mapper les champs personnalisés aux métadonnées utilisateur WordPress

WPForms gère nativement le mappage des champs personnalisés. Vous n'avez besoin d'aucun plugin supplémentaire pour stocker des données personnalisées sur les profils d'utilisateurs.

Tout d'abord, assurez-vous que vos champs personnalisés sont déjà sur le formulaire. Dans le constructeur de formulaire, faites glisser les champs supplémentaires dont vous avez besoin depuis le panneau de gauche vers votre formulaire. Par exemple, faites glisser un champ Texte sur une seule ligne et nommez-le « Numéro de téléphone ».

Pendant que vous êtes dans les paramètres du champ, vous pouvez également ajouter du texte d'espace réservé et du texte d'aide pour guider les utilisateurs. Le texte d'espace réservé s'affiche en texte gris clair à l'intérieur du champ avant qu'ils ne tapent. Le texte d'aide apparaît comme une petite note sous l'étiquette du champ. Les deux réduisent les inscriptions abandonnées car les utilisateurs savent exactement quoi saisir.

Pour rendre un champ personnalisé obligatoire, basculez l'interrupteur Obligatoire dans le panneau des paramètres du champ. Les champs obligatoires affichent un astérisque rouge sur votre formulaire et empêchent la soumission s'ils sont laissés vides.

Cliquez maintenant sur l'onglet Paramètres et allez à Inscription des utilisateurs. C'est ici que vous indiquez à WPForms où stocker les données de chaque champ.

Faites défiler jusqu'à la section Champs personnalisés de l'utilisateur. Vous verrez une zone de texte pour la clé méta et un menu déroulant pour sélectionner le champ de formulaire correspondant.

Entrez votre clé méta dans la zone de texte (par exemple, phone_number), puis sélectionnez le champ de formulaire correspondant dans le menu déroulant. Pour cet exemple, choisissez votre champ Numéro de téléphone.

Pour ajouter un autre mappage, cliquez sur le bouton bleu + et répétez le processus. Vous pouvez ajouter autant de champs méta personnalisés que nécessaire.

Vous pourriez également vouloir ajouter une case à cocher demandant aux utilisateurs de s'inscrire à votre liste d'e-mails. C'est un excellent moyen de développer votre liste d'e-mails dès l'instant où quelqu'un s'inscrit.

Lorsque vous avez terminé, cliquez sur Enregistrer. WPForms stockera chaque valeur soumise directement en tant que méta utilisateur WordPress, visible sous Utilisateurs » Tous les utilisateurs dans votre administration.

Étape 3 : Configurer les paramètres d'inscription restants

Pendant que vous êtes toujours dans Paramètres » Inscription des utilisateurs, prenez un moment pour configurer le reste des options d'inscription.

En haut de la page, utilisez les listes déroulantes de mappage des champs pour faire correspondre vos champs de formulaire standard (nom, nom d'utilisateur, mot de passe, e-mail) aux champs de profil WordPress corrects. En dessous, définissez le rôle utilisateur par défaut pour toute personne qui s'inscrit via ce formulaire.

Vous pouvez également activer les notifications par e-mail pour les nouvelles inscriptions et choisir une redirection de confirmation pour envoyer les utilisateurs vers une page de remerciement ou un écran de connexion après leur soumission. Cliquez sur Enregistrer lorsque vous avez terminé.

Étape 4 : Configurer les notifications d'inscription d'utilisateur dans WordPress

Par défaut, WPForms vous envoie une notification par e-mail chaque fois que quelqu'un s'inscrit. Pour obtenir de l'aide sur la configuration de la page complète des notifications, consultez la documentation WPForms sur les notifications de formulaire.

Étape 5 : Ajouter un message de confirmation pour votre formulaire d'inscription

Nous allons examiner la configuration des messages que les utilisateurs verront lorsqu'ils soumettront un formulaire d'inscription d'utilisateur pour cette étape.

C'est utile si vous avez besoin que les utilisateurs confirment leur compte pour terminer le processus d'inscription, car vous pouvez afficher un message les remerciant de leur inscription et leur demandant de surveiller votre e-mail de validation.

Il existe 3 types de confirmation dans WPForms :

1. Message – C'est la confirmation par défaut. Lorsque les utilisateurs remplissent votre formulaire, un message apparaît, leur indiquant qu'il a été traité avec succès.
2. Afficher la page – Ce type de confirmation redirige les utilisateurs vers une page Web spécifique de votre site pour les remercier de leur inscription. Par exemple, vous pouvez afficher votre page de connexion immédiatement après leur inscription.
3. Accéder à l'URL (Redirection) – Cette option est utilisée lorsque vous souhaitez envoyer les clients vers un autre site Web.

Une fois que vous avez choisi votre type de message de confirmation, cliquez sur Enregistrer et passez à la publication de votre formulaire.

Étape 6 : Publier votre formulaire d'inscription WordPress avec des champs personnalisés

WPForms facilite l'ajout de votre formulaire d'inscription à n'importe quel article, page ou barre latérale. Publions-le sur une page WordPress.

Accédez à Pages » Ajouter pour créer une nouvelle page. Dans l'éditeur WordPress, cliquez sur l'icône Plus (+), recherchez « WPForms », et cliquez sur le bloc WPForms pour l'ajouter.

Choisissez votre formulaire d'inscription utilisateur dans la liste déroulante et il sera ajouté à votre page pour un aperçu.

Avant de publier, je recommande toujours d'activer la protection anti-spam intégrée de WPForms. Accédez aux Paramètres » Protection anti-spam et sécurité du formulaire et activez le champ anti-spam honeypot ou connectez reCAPTCHA. Un formulaire d'inscription public attire rapidement les robots.

Lorsque vous êtes satisfait, cliquez sur Publier pour lancer votre formulaire.

Que faire de vos données d'inscription

Une fois votre formulaire en ligne, vous disposez de données utilisateur dans WordPress. Voici comment les exploiter :

• Afficher les entrées dans WPForms : Accédez à WPForms » Entrées pour voir chaque soumission d'inscription avec toutes les données des champs personnalisés.
• Se connecter à votre plateforme d'e-mails : WPForms s'intègre nativement avec Mailchimp, ConvertKit, ActiveCampaign et d'autres fournisseurs. Mappez vos champs personnalisés aux balises ou segments de liste afin que les inscrits reçoivent les bons e-mails dès le premier jour.
• Voir les données sur les profils utilisateur : Les champs mappés via le module complémentaire d'inscription utilisateur apparaissent directement sur les profils utilisateur sous Utilisateurs » Tous les utilisateurs. Les administrateurs peuvent y afficher et modifier les données.

Comment ajouter des champs personnalisés à un formulaire d'inscription WooCommerce

Si vous gérez une boutique WooCommerce, vous pouvez collecter des champs personnalisés lors de l'inscription et du paiement en utilisant la même configuration WPForms.

WPForms s'intègre nativement à WooCommerce sur les plans Pro et Elite. Le module complémentaire d'inscription utilisateur fonctionne sur les pages de paiement et d'inscription WooCommerce. Cela signifie que les mêmes champs personnalisés que vous avez créés dans les étapes 1 à 3 peuvent apparaître lorsqu'un client crée un compte lors du paiement.

Pour l'activer, accédez à WPForms » Paramètres » Intégrations et connectez votre boutique WooCommerce. À partir de là, vous pouvez mapper vos champs de formulaire d'inscription aux données client WooCommerce afin que les informations soient stockées à la fois sur le profil utilisateur WP et sur l'enregistrement de la commande WooCommerce.

Ceci est particulièrement utile si vous souhaitez collecter les noms d'entreprises ou les numéros de TVA lors du paiement, ou demander aux clients B2B leur secteur d'activité afin de pouvoir segmenter les e-mails post-achat. Pour en savoir plus sur la personnalisation de l'expérience de paiement, consultez notre guide sur la personnalisation de la page de paiement WooCommerce.

Remarque : ce tutoriel utilise WPForms pour le formulaire d'inscription. Si vous utilisez un autre plugin d'inscription tel que Ultimate Member, vous pouvez ajouter des champs personnalisés à partir du gestionnaire de champs de ce plugin. La configuration WPForms abordée ici n'est pas requise.

FAQ sur l'ajout de champs personnalisés aux formulaires d'inscription WordPress

Comment ajouter des champs personnalisés à un formulaire d'inscription WooCommerce ?

WPForms Pro s'intègre à WooCommerce via le module complémentaire d'inscription d'utilisateurs. Après avoir connecté WooCommerce dans WPForms » Paramètres » Intégrations, vous pouvez mapper vos champs personnalisés au flux d'inscription de paiement WooCommerce. Les champs personnalisés ajoutés via la section Champs de métadonnées utilisateur personnalisés de WPForms sont enregistrés en tant que métadonnées utilisateur WordPress, que WooCommerce lit à partir du même profil utilisateur. Aucun plugin supplémentaire n'est nécessaire.

Comment rendre un champ d'inscription personnalisé obligatoire dans WordPress ?

Dans WPForms, cliquez sur n'importe quel champ dans le constructeur de formulaires pour ouvrir son panneau de paramètres. Activez le commutateur Obligatoire. Les champs obligatoires affichent un astérisque rouge sur votre formulaire et bloquent la soumission s'ils sont laissés vides. Les utilisateurs doivent les remplir avant de pouvoir s'inscrire.

Puis-je ajouter un formulaire d'inscription personnalisé à une page spécifique dans WordPress ?

Oui. WPForms vous permet d'intégrer votre formulaire d'inscription sur n'importe quelle page, publication ou zone de widget WordPress en utilisant le bloc WPForms dans l'éditeur de blocs, ou le shortcode dans l'éditeur classique. Créez une page d'inscription dédiée, ajoutez le bloc, sélectionnez votre formulaire dans le menu déroulant, et publiez.

Que deviennent les données collectées dans les champs d'inscription personnalisés ?

Les données des champs personnalisés sont stockées à deux endroits. WPForms enregistre une copie en tant qu'entrée de formulaire (visible sous WPForms » Entrées). Si vous avez utilisé le module complémentaire d'inscription d'utilisateurs et mappé correctement les champs, les données sont également enregistrées dans le profil utilisateur WordPress en tant que métadonnées utilisateur. Les administrateurs peuvent afficher et modifier ces données à partir de Utilisateurs » Tous les utilisateurs.

Comment ajouter du texte d'espace réservé ou du texte d'aide aux champs du formulaire d'inscription ?

Cliquez sur n'importe quel champ dans le constructeur WPForms pour ouvrir ses paramètres. Le champ Texte d'espace réservé ajoute un texte indicatif gris clair à l'intérieur de la zone de saisie. Le champ Description ajoute une petite note sous l'étiquette. Les deux apparaissent sur le formulaire en direct et aident les utilisateurs à comprendre exactement ce qu'il faut saisir, ce qui réduit les inscriptions incomplètes.

Commencez à construire votre formulaire d'inscription personnalisé dès aujourd'hui

Vous avez maintenant un formulaire d'inscription d'utilisateurs WordPress qui collecte les données dont vous avez réellement besoin. C'est la différence entre une liste d'adresses e-mail et une liste de personnes réelles que vous pouvez segmenter, envoyer par e-mail et convertir.

Si vous souhaitez découvrir ce que vous pouvez faire d'autre avec WPForms, consultez nos autres tutoriels sur les formulaires WordPress ici :

• Comment créer un formulaire WordPress avec téléversement de fichiers
• Comment créer un formulaire de style Typeform
• Comment créer un formulaire de contact dans WordPress
• Comment créer un formulaire de commande en ligne dans WordPress
• Comment créer un formulaire multipage dans WordPress

Et si vous le souhaitez, suivez-nous sur Facebook et Twitter pour plus d'astuces et de tutoriels utiles.

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.