samedi 2 janvier 2021

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

Voulez-vous avoir la possibilité d'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 leurs 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 Plug-in 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 comment installer un plugin WordPress .

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

Ajouter un nouveau nom de champ

Nous appelons cet exemple 'Twitter Handle' puisque nous configurez 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, ce 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 changer pour qu'il soit ce que vous voulez.

Le 'Type de champ' est 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.

La zone "Obligatoire?" 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 " ll mettre dans le champ pour montrer comme 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 la page jusqu'à la zone "Emplacement" et vous assurer de sélectionner "Rôle utilisateur" dans le menu déroulant.

 Paramètres du rôle utilisateur

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

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

Ensuite, faites défiler jusqu'à la zone 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 métabox) 'pour empêcher le nom de ce champ d'apparaître sur votre page d'inscription.

Puisque nous avons déjà donné des instructions pour envoyer le pseudo Twitter, vous ne voulez pas qu'il apparaisse plusieurs fois dans le champ car il le fait semble encombré.

Enfin, vous pouvez voir tous vos champs en allant dans Champs personnalisés »Groupe de champs ps .

Champs enregistrés

Il est maintenant temps de voir comment cela est affiché 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 comment créer un formulaire d'inscription d'utilisateur personnalisé dans WordPress .

Méthode 2. Ajouter un profil utilisateur supplémentaire Champs 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 Plug-in de champs supplémentaires de profil . Si vous ne savez pas comment faire cela, consultez notre guide complet sur comment 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, accédez à votre Page Champs supplémentaires du profil »Ajouter un nouveau . 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 du 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 voulez qu'ils remplissent leur numéro de téléphone lors de l'inscription.

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

Afficher le champ utilisateur sous la forme

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 à vos Champs supplémentaires de profil »Ajouter nouveau page:

Voir tous les champs de profil personnalisés

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

Accédez à la page Paramètres »Général de 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 author

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

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

 Formulaire d'inscription d'utilisateur WordPress

Conseil de pro: Vous pouvez toujours créer un WordPress personnalisé formulaire d'inscription utilisateur 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, allez dans Utilisateurs »Tous les utilisateurs , puis cliquez sur« modifier »pour le profil que vous voulez 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 tous les autres champs 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 comment créer 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 Tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook .

Aucun commentaire:

Enregistrer un commentaire