Comment créer un répertoire de membres consultable dans WordPress

Publié: 2023-04-26

Vous cherchez à ajouter un répertoire de membres à votre site WordPress ?

L'ajout d'un répertoire à votre site d'adhésion peut aider à renforcer l'engagement de votre communauté. Il encourage les nouveaux membres à se joindre et leur permet de se contacter facilement.

Dans cet article, nous allons vous montrer comment créer un répertoire de membres consultable dans WordPress.

How to Create a Searchable Member Directory in WordPress

Pourquoi créer un répertoire de membres consultable dans WordPress ?

Un site d'adhésion rassemble souvent des utilisateurs qui partagent des intérêts communs. Vous pouvez créer un sentiment de communauté sur votre site Web WordPress en permettant à vos membres de communiquer facilement entre eux sur leurs intérêts communs.

Vous pouvez le faire en créant un répertoire des membres. Il s'agit d'une liste consultable des membres de votre site. Il permet à vos membres de voir les profils et les coordonnées des autres membres.

Member Directory Example

Cela renforcera la crédibilité de votre site Web et le rendra plus précieux pour vos membres. Cela peut même aider vos membres à se sentir importants et reconnus.

Cependant, pour protéger leur vie privée, vous pouvez demander à chaque membre de s'inscrire avant que ses informations personnelles ne soient affichées dans l'annuaire.

Si vous n'avez pas encore créé votre site d'adhésion, vous pouvez suivre notre guide ultime sur la création d'un site d'adhésion WordPress.

Bien que vous puissiez utiliser n'importe quelle méthode pour créer un site d'adhésion, nous vous recommandons le plugin MemberPress. Il offre des fonctionnalités d'adhésion avancées et s'intègre bien avec l'addon Formidable Forms Directory utilisé dans ce didacticiel.

Comment créer un répertoire de membres consultable dans WordPress

La meilleure façon de créer un répertoire de membres est d'utiliser le plugin Formidable Forms. Il est livré avec des fonctionnalités avancées qui vous permettent de formater, filtrer et afficher les données soumises par les utilisateurs sur le front-end de votre site Web, y compris les informations de profil de vos membres.

C'est l'un des meilleurs plugins d'enregistrement d'utilisateurs pour WordPress sur le marché et peut vous aider à créer facilement un répertoire de membres à l'aide d'un addon. De plus, il s'intègre à MemberPress pour vous donner un contrôle total sur l'apparence et les fonctionnalités de votre répertoire.

Formidable Forms

Vous pouvez utiliser Formidable Forms pour créer un formulaire de profil où les membres peuvent saisir leurs informations et s'inscrire au répertoire. Vous pouvez également l'utiliser pour afficher le répertoire des membres consultable lui-même.

En plus de cela, vous pourrez également utiliser Formidable Forms à toutes sortes d'autres fins sur votre site Web, telles que la création d'un formulaire de réservation ou d'un répertoire Web, permettant à vos clients de demander un devis, etc.

Dans cet esprit, voyons comment créer un répertoire de membres consultable à l'aide du plugin Formidable Forms.

  1. Installer des formulaires formidables sur votre site d'adhésion
  2. Création de la formidable application d'annuaire des membres
  3. Personnalisation du formulaire de profil de membre et de la page "Ajouter un membre"
  4. Personnalisation de la page "Répertoire des membres"
  5. Suppression des exemples de données dans votre répertoire de membres

1. Installer des formulaires formidables sur votre site d'adhésion

La première chose que vous devez faire est d'installer et d'activer Formidable Forms Lite, qui est la version gratuite du plugin. Formidable Forms Lite sert de base aux fonctionnalités avancées de la version Pro.

Pour plus de détails, vous pouvez lire notre guide sur la façon d'installer un plugin WordPress.

Ensuite, vous devrez visiter la page Formidable Directory et cliquer sur le bouton « Get Formidable Directory ». Vous serez ensuite invité à acheter le plan Elite, qui comprend l'addon Directory.

The Formidable Forms Directory Page

Avant de quitter le site Web de Formidable, vous devrez copier votre clé de licence. Vous pouvez le trouver en cliquant sur "Compte" en haut de la page.

Retournez maintenant sur votre site Web et accédez à Formidable » Paramètres globaux . Une fois là-bas, cliquez simplement sur le lien "Cliquez pour entrer une clé de licence manuellement" pour coller votre clé de licence, puis cliquez sur le bouton "Enregistrer la licence".

Enter Formidable Forms license key

Vous êtes maintenant prêt à créer un répertoire de membres dans WordPress.

2. Création de la formidable application d'annuaire des membres

Ensuite, vous devez accéder à Formidable »Applications dans la barre latérale d'administration de WordPress. Cette page vous montrera les modèles d'application disponibles.

Une fois là-bas, vous devez trouver l'application Annuaire des membres et cliquer sur le bouton "+ Ajouter" pour l'installer.

Adding the Member Directory Application

Cela ouvrira une fenêtre contextuelle décrivant l'application Annuaire des membres.

Cliquez simplement sur le bouton "Installer l'application" pour continuer.

Installing the Member Directory Application

Ensuite, il vous sera demandé de donner un nom à l'application.

Pour ce didacticiel, nous laisserons le nom par défaut, "Répertoire des membres", puis cliquerons sur le bouton "Installer l'application" pour continuer.

Naming the Member Directory Application

Formidable Forms va maintenant créer les pages, formulaires et vues nécessaires à votre répertoire de membres. Les pages sont enregistrées en tant que brouillons, vous pouvez donc les personnaliser avant leur mise en ligne.

Opening the Member Directory Application

Vous devez maintenant cliquer sur le bouton "Ouvrir l'application". Cela ouvrira la page d'application de l'annuaire des membres, où vous pourrez personnaliser et publier votre annuaire.

Vous avez maintenant créé un formulaire 'Profil d'annuaire d'utilisateurs' que vos membres peuvent remplir sur la page 'Ajouter un membre'.

Il existe également une page "Répertoire des membres" où vous pouvez afficher le répertoire sous forme de tableau ou de grille.

3. Personnalisation du formulaire de profil de membre et de la page "Ajouter un membre"

Ensuite, vous souhaiterez peut-être ajouter ou supprimer certains champs du formulaire 'User Directory Profile'. C'est le formulaire que vos membres doivent remplir pour être inclus dans l'annuaire.

Vous pouvez également ajouter des instructions à la page où le formulaire de profil est affiché avant de le publier.

Personnalisation du formulaire 'Profil de l'annuaire des utilisateurs'

Le formulaire 'User Directory Profile' contient tous les champs nécessaires pour la plupart des profils de membres. Vous pouvez le personnaliser en cliquant sur le lien « Profil de l'annuaire des utilisateurs » ou en passant votre souris dessus, puis en cliquant sur « Modifier ».

Customizing the User Directory Profile Form

Cela ouvrira l'éditeur de formulaire. Vous verrez un aperçu du formulaire à droite et les champs disponibles à gauche.

Le formulaire comprend les coordonnées, les liens sociaux, etc. Certains des champs seront remplis automatiquement à l'aide des informations du profil utilisateur WordPress du membre. Cela inclut leur nom, leur adresse e-mail et leur biographie.

The Formidable Form Editor

Pour ajouter de nouveaux champs, faites-les simplement glisser sur le formulaire à partir de la colonne "Ajouter des champs" à gauche.

Vous pouvez modifier les options d'un champ en cliquant dessus. Cela ouvrira l'onglet "Options de champ" sur la gauche, où vous pourrez personnaliser le champ en modifiant ses paramètres.

Customizing the Email Address Field Options

Vous trouverez des options pour la valeur par défaut du champ dans la section "Avancé". Ici, vous pouvez choisir la valeur par défaut dans une liste de balises actives. Cela prendra les informations que l'utilisateur a déjà ajoutées à son profil WordPress afin qu'elles n'aient pas à être saisies deux fois.

Lorsque vous faites défiler vers le bas du formulaire, vous remarquerez qu'il comprend déjà des champs pour les liens sociaux et une option où le membre peut choisir d'être inclus dans l'annuaire.

Click the Save Profile Button When Finished

Une fois que vous avez fini de personnaliser le formulaire, cliquez simplement sur le bouton « Enregistrer le profil » pour enregistrer vos modifications.

Personnalisation de la page "Ajouter un membre"

Ensuite, vous devrez personnaliser et publier la page "Ajouter un membre" qui affichera le formulaire de profil sur votre site Web.

Vous devrez peut-être revenir à Formidable » Applications » Annuaire des membres pour voir la page. Ensuite, cliquez simplement sur le lien "Ajouter un membre" ou passez la souris dessus et cliquez sur "Modifier".

Opening the 'Add a Member' Page

Cela ouvrira la page "Ajouter un membre" dans l'éditeur de contenu WordPress. Il contient simplement le titre de la page et le formulaire Formidable que vous venez de regarder.

Si vous le souhaitez, vous pouvez donner à la page un titre différent, tel que "Rejoignez notre répertoire de membres".

Si vous souhaitez ajouter des instructions avant le formulaire, vous devez cliquer sur le titre de la page et appuyer sur la touche Entrée. Cela créera un nouveau bloc dans lequel vous pourrez taper ces instructions.

Publishing the Add a Member Page

Lorsque vous êtes satisfait de la page, cliquez simplement sur le bouton "Publier" en haut de l'écran pour mettre la page en ligne sur votre site Web.

4. Personnalisation de la page "Répertoire des membres"

Vous pouvez maintenant personnaliser et publier le répertoire des membres lui-même. Vous devrez choisir d'afficher les membres dans une grille ou un tableau. Ensuite, vous devez également publier la page afin qu'elle soit visible sur votre site web.

Personnalisation de la page "Répertoire des membres"

Tout d'abord, revenez simplement à Formidable »Applications et cliquez sur votre application d'annuaire de membres.

Vous devrez publier le brouillon de la page "Répertoire des membres". Cependant, avant de faire cela, vous pouvez décider si cette page doit afficher le répertoire sous forme de grille ou de tableau.

Editing the Member Directory Page

Cliquez simplement sur la page "Répertoire des membres" pour l'ouvrir dans l'éditeur WordPress.

La page contient juste le titre et le shortcode suivant qui affiche le répertoire :

[display-frm-data id=dir-two-col-grid]
Shortcode to Display the Directory as a Grid

Par défaut, le shortcode affichera le répertoire dans une grille à deux colonnes.

Vous pouvez prévisualiser la page pour voir à quoi elle ressemblera.

Member Directory Displayed in a Grid

Alternativement, vous pouvez afficher votre répertoire des membres sous forme de tableau.

Pour ce faire, vous devrez utiliser ce shortcode à la place :

[display-frm-data id=dir-table-listing-view]
Shortcode to Display the Directory in a Table

Vous pouvez à nouveau prévisualiser la page pour voir les modifications.

Cette fois chaque membre sera affiché sur une seule ligne avec ses informations en colonnes.

Member Directory Displayed in a Table

Quel que soit le shortcode que vous choisissez, cliquer sur "Afficher le profil" vous montrera des informations plus détaillées sur ce membre.

Viewing a Member Profile

Si vous le souhaitez, vous pouvez ajouter du contenu supplémentaire à la page. Assurez-vous simplement de cliquer sur le bouton "Publier" pour publier votre répertoire de membres en direct sur votre site Web lorsque vous avez terminé.

Ajout des pages du répertoire des membres à votre menu de navigation

Vous pouvez faciliter la recherche ou l'adhésion de vos membres à l'annuaire en ajoutant les pages "Ajouter un membre" et "Annuaire des membres" au menu de navigation de votre site Web.

Suivez simplement notre guide sur la façon d'ajouter des articles spécifiques au menu de navigation de WordPress.

Restreindre le répertoire des membres aux membres uniquement

De plus, selon le type de site d'adhésion dont vous disposez, vous souhaiterez peut-être que seuls vos membres connectés puissent voir les pages « Ajouter un membre » et « Répertoire des membres ».

Si tel est le cas, vous devrez créer une règle afin que seuls les membres aient accès aux pages.

Nous vous montrons comment procéder étape par étape dans notre guide ultime sur la création d'un site d'adhésion WordPress. Il vous suffira de faire défiler vers le bas et de lire l'étape 6 pour savoir comment créer une règle MemberPress et l'étape 7 pour savoir comment ajouter du contenu réservé aux membres.

5. Suppression des exemples de données dans votre répertoire de membres

Votre répertoire de membres contient les exemples de données que vous pouvez voir dans les captures d'écran utilisées dans ce didacticiel. Ceci est utile lors de la configuration de votre répertoire de membres car il vous permet de voir à quoi ressembleront les profils.

Mais une fois que vous avez fini de configurer le répertoire, vous devrez supprimer les exemples de données.

Vous devez revenir à Formidable » Applications » Annuaire des membres et cliquer sur le formulaire « Profil de l'annuaire des utilisateurs ».

Une fois l'éditeur Formidable ouvert, cliquez sur l'onglet "Entrée" en haut de l'écran pour afficher les exemples d'entrées.

Très probablement, les seules entrées répertoriées seront les quatre membres de l'échantillon. Dans ce cas, cliquez simplement sur le bouton "Supprimer toutes les entrées" en haut de l'écran. Tous les membres répertoriés seront supprimés.

Deleting Sample Data From the Directory

Cependant, si certains de vos membres réels ont déjà créé des profils, vous devez sélectionner manuellement les exemples d'entrées.

Pour ce faire, vous devrez cocher la case à côté de chaque membre de l'échantillon. Ensuite, cliquez sur le bouton "Bulk Actions" en haut de la liste et sélectionnez "Delete" dans le menu déroulant.

Enfin, cliquez sur le bouton "Appliquer" pour supprimer les données d'échantillon. Votre répertoire de membres ne contiendra désormais que les profils de vos vrais membres.

Nous espérons que ce tutoriel vous a aidé à apprendre à créer un répertoire de membres consultable dans WordPress. Vous pouvez également consulter notre guide sur la création et la vente de cours en ligne avec WordPress ou nos choix d'experts pour les meilleurs formulaires de contact pour WordPress.

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