Comment ajouter des champs de profil utilisateur supplémentaires dans l'interfacet WordPress

23 décembre 2020

Souhaitez-vous pouvoir ajouter de nouveaux champs de profil lorsque les utilisateurs s'inscrivent sur votre site WordPress?

Vous souhaitez peut-être autoriser les utilisateurs à soumettre leurs profils de médias sociaux. Ou vous voudrez peut-être leur demander de soumettre leur numéro de téléphone professionnel lors de l'inscription. Tout cela peut être fait en ajoutant des champs de profil supplémentaires.

Dans cet article, nous montrerons comment ajouter des champs de profil utilisateur supplémentaires dans l'enregistrement WordPress.

Comment ajouter des champs de profil utilisateur supplémentaires dans l'enregistrement WordPress

Méthode 1. Ajouter des champs de profil utilisateur personnalisés à l'aide du plug-in Advanced Custom Fields

La meilleure façon d'ajouter des champs de profil utilisateur supplémentaires dans WordPress est d'utiliser le plugin Advanced Custom Fields.

Tout d'abord, vous devez installer et activer le plugin Advanced Custom Fields. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Après l'avoir installé et activé, accédez à Champs personnalisés »Ajouter nouveau et donnez un nom à votre nouveau champ.

Ajouter un nouveau nom de champ

Nous appelons cet exemple 'Twitter Handle' car nous configurons un champ personnalisé pour ajouter un nom d'utilisateur Twitter. Cependant, vous pouvez lui donner le nom de votre choix.

Ensuite, cliquez sur le bouton "Ajouter un champ" et vous le verrez s'ouvrir pour configurer votre nouveau champ. Voici notre exemple de personnalisation.

Remplissez vos champs

Le 'Field Label' est le nom de votre champ, qui vous aide à organiser vos champs.

Le "Nom du champ" est renseigné automatiquement en fonction du nom que vous donnez à votre champ, mais vous pouvez le modifier pour qu'il soit celui que vous voulez.

Le «Type de champ» est l'endroit où vous pouvez sélectionner le type d'informations que vous souhaitez soumettre.

Sélectionnez votre type de champ

Vous pouvez choisir de nombreuses options telles que l'adresse e-mail, le numéro, la zone de texte, l'URL, le mot de passe, etc.

Le nécessaire?' la zone peut être activée ou désactivée. Si vous souhaitez obliger toute personne qui s'inscrit à remplir ce champ, vous devrez basculer le bouton requis à l'endroit où il est dit «Oui».

Enfin, le «texte de l'espace réservé» est ce que vous mettrez dans le champ pour montrer à titre d'exemple à vos utilisateurs lors de leur inscription. Nous avons utilisé «@sample_username».

L'étape suivante consiste à définir l'emplacement de ce champ de profil.

Vous devrez faire défiler jusqu'à la zone «Emplacement» et assurez-vous de sélectionner «Rôle de l'utilisateur» dans le menu déroulant.

Paramètres de rôle utilisateur

À l'extrême droite, l'option «Tous» signifie simplement tous les utilisateurs qui s'inscrivent.

Mais si vous souhaitez que cette règle s'applique uniquement à certains rôles d'utilisateur tels que Administrateur, Éditeur, Auteur, Contributeur ou Abonné, vous pouvez effectuer cette sélection ici.

Ensuite, faites défiler jusqu'à la boîte de paramètres. Assurez-vous que le champ «Actif» est défini sur «Oui», puis cliquez sur «Publier» dans le coin supérieur droit pour enregistrer ce champ.

Paramètres des champs personnalisés

Dans la section Style, assurez-vous de sélectionner «Seamless (pas de metabox)» pour éviter que le nom de ce champ n'apparaisse sur votre page d'inscription.

Étant donné que nous avons déjà donné des instructions pour soumettre le descripteur Twitter, vous ne voulez pas qu'il apparaisse plusieurs fois sur le terrain car il semble encombré.

Enfin, vous pouvez voir tous vos champs en allant sur Champs personnalisés »Groupes de champs.

Champs enregistrés

Il est maintenant temps de vérifier comment cela s'affiche sur votre page d'inscription. L'URL par défaut pour l'enregistrement se trouve sur "yoursite.com/wp-login.php?action=register".

Notre exemple ressemble à ceci:

Page d'inscription

Si vous souhaitez créer un formulaire d'inscription d'utilisateur personnalisé dans WordPress, vous pouvez le faire en utilisant le plugin WPForms et en suivant notre tutoriel sur la création d'un formulaire d'inscription d'utilisateur personnalisé dans WordPress.

Méthode 2. Ajouter des champs de profil utilisateur supplémentaires avec des champs supplémentaires de profil

Cette méthode vous permet d'ajouter facilement des champs supplémentaires aux profils utilisateur et au formulaire d'inscription utilisateur dans WordPress. Il est un peu moins flexible, mais il fait le travail.

Tout d'abord, vous devez installer et activer le plugin Profile Extra Fields. Si vous ne savez pas comment faire cela, consultez notre guide complet sur la façon d'installer un plugin WordPress.

Une fois le plugin activé, il est temps de créer des champs de profil utilisateur supplémentaires à utiliser sur vos formulaires d'inscription.

Nous allons créer un champ de numéro de téléphone à titre d'exemple, mais vous pouvez créer autant de ces champs que vous le souhaitez.

Tout d'abord, allez à votre Champs supplémentaires du profil »Ajouter nouveau page. Nous créons un champ pour que les utilisateurs soumettent leur numéro de téléphone.

Vous verrez que nous avons nommé le champ «Numéro de téléphone» et sélectionné «Numéro de téléphone» dans le menu déroulant.

Paramètres de champ de profil utilisateur

Dans les propriétés du champ, nous cochons toutes les cases pour le niveau utilisateur 'Auteur' car nous voulons afficher ce champ lorsque quelqu'un s'inscrit en tant qu'auteur.

Enfin, cochez la case pour rendre le champ obligatoire si vous souhaitez qu'ils remplissent leur numéro de téléphone lors de l'inscription.

Faites défiler jusqu'à ce que vous obteniez ceci:

Afficher le champ utilisateur dans le formulaire

Assurez-vous que cette case est cochée pour que le champ apparaisse dans votre formulaire d'inscription. N'oubliez pas de cliquer sur le bouton «Enregistrer les modifications» en bas avant d'aller plus loin.

Lorsque vous créez ces champs, vous pouvez les voir lorsque vous accédez à votre Champs supplémentaires du profil »Ajouter nouveau page:

Voir tous les champs de profil personnalisés

Maintenant, vous voudrez aller dans votre tableau de bord WordPress pour modifier certains paramètres pour les nouvelles inscriptions.

Aller à Paramètres »Général page dans votre zone d'administration WordPress, puis cochez la case d'adhésion pour que tout le monde puisse s'inscrire.

Vous devrez vous assurer que le rôle par défaut est défini sur le rôle pour lequel vous avez ajouté des champs supplémentaires.

Rôle par défaut défini sur auteur

De cette façon, vous pouvez contrôler le niveau d'accès dont disposent les nouveaux utilisateurs, ce qui forcera le formulaire d'inscription à afficher les champs que vous avez sélectionnés précédemment dans ce didacticiel.

Voici à quoi ressemble le formulaire d'inscription par défaut:

Formulaire d'inscription d'utilisateur WordPress

Conseil pro: Vous pouvez toujours créer un formulaire d'inscription d'utilisateur WordPress personnalisé en suivant notre tutoriel.

Nous utilisons «AuthorJon» comme profil de test pour vous montrer comment cette nouvelle inscription d'utilisateur apparaîtra dans le tableau de bord.

Pour voir les champs supplémentaires en action, accédez à Utilisateurs »Tous les utilisateurs puis cliquez sur «modifier» pour le profil que vous souhaitez voir.

Modifier le profil utilisateur

Nous regardons l'utilisateur que nous venons de créer, AuthorJon. Lorsque vous faites défiler vers le bas de leur profil, vous verrez ce qui suit:

Extras de profil

Comme vous pouvez le voir, leur numéro de téléphone a été créé dans leur profil lors de l'enregistrement de leur compte. Cela vaut également pour tout autre champ que vous souhaitez utiliser.

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter des champs de profil utilisateur supplémentaires dans l'enregistrement WordPress. Vous pouvez également consulter notre guide sur la création d'une page de connexion WordPress personnalisée et notre comparaison des meilleurs plugins d'abonnement WordPress pour créer et vendre des cours.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Le message Comment ajouter des champs de profil utilisateur supplémentaires dans l'enregistrement WordPress est apparu en premier sur WPBeginner.