Comment créer un annuaire du personnel sur WordPress (avec profils d'employés)

Au fil des ans, nous avons aidé d'innombrables utilisateurs à créer des sites Web, et une fonctionnalité qui est constamment précieuse est un annuaire du personnel. Que vous dirigiez une entreprise locale ou un cabinet de conseil, un annuaire des employés permet aux clients potentiels de voir les visages derrière votre marque.

Dans cet article, nous vous montrerons comment créer un annuaire du personnel sur votre site Web WordPress.

Nous avons trouvé 2 façons de le faire : en utilisant un constructeur de pages et un plugin dédié aux annuaires d'entreprises. Celui que vous choisissez dépend en grande partie de la taille de votre entreprise et de ce que vous souhaitez faire de votre annuaire du personnel.

Pourquoi créer un annuaire du personnel sur votre site WordPress ?

De nombreux sites Web d'entreprises WordPress peuvent bénéficier de l'ajout d'un annuaire des employés. C'est un excellent moyen de se connecter avec votre public et d'établir la confiance.

Par exemple, un magasin local peut présenter son personnel sympathique, ce qui permet aux clients de se sentir les bienvenus. Les cabinets de conseil pourraient mettre en avant les qualifications de leur équipe, convainquant ainsi les clients potentiels qu'ils possèdent les bonnes compétences pour le poste.

Même les sites Web éducatifs pourraient trouver un annuaire du personnel utile. Pensez à un site Web universitaire incluant un annuaire des professeurs avec leurs coordonnées et leurs domaines d'expertise. Cela peut être d'une grande aide pour les étudiants qui essaient de trouver le bon membre du corps professoral.

Dans cet esprit, examinons 2 méthodes simples pour ajouter un annuaire du personnel à votre site Web WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour passer à votre méthode préférée :

• Méthode 1 : Créer une liste de personnel simple avec SeedProd (pour les petites équipes)
• Method 2: Use Business Directory Plugin (For Large Teams)

Méthode 1 : Créer une liste de personnel simple avec SeedProd (pour les petites équipes)

Cette méthode est parfaite si vous n'avez que jusqu'à 20 membres du personnel et que vous souhaitez créer une page de personnel personnalisée pour les présenter.

Ici, nous utiliserons SeedProd, le meilleur constructeur de pages par glisser-déposer plugin pour concevoir des pages et des thèmes personnalisés. Il offre beaucoup plus de flexibilité, de fonctionnalités et de modules complémentaires que l'éditeur WordPress par défaut.

SeedProd comprend également un bloc dédié « Membre de l'équipe », vous permettant de créer un annuaire du personnel visuellement attrayant.

Pour plus d'informations sur les fonctionnalités et les prix de SeedProd, consultez notre avis complet sur SeedProd.

Note : Vous n'êtes pas fan de SeedProd ? Vous pouvez également utiliser Thrive Architect pour créer une page personnalisée avec un annuaire du personnel.

Étape 1 : Installer et activer SeedProd

Avant de commencer, vous devrez installer et activer le plugin SeedProd. Nous utiliserons la version Pro dans ce tutoriel, qui débloque des modèles et des blocs supplémentaires, y compris « Membre de l'équipe », pour notre annuaire du personnel.

Si vous débutez dans l'installation de plugins, vous pouvez lire notre guide sur comment installer des plugins WordPress.

Une fois activé, accédez à SeedProd » Paramètres sur votre administration WordPress et entrez votre clé de licence depuis votre compte SeedProd. Après avoir entré la clé, cliquez sur « Vérifier la clé » pour activer les fonctionnalités Pro.

Étape 2 : Choisir un modèle de page de destination

Maintenant, créons une nouvelle page de destination spécifiquement pour votre annuaire du personnel. Allez dans SeedProd » Pages de destination et cliquez sur « Ajouter une nouvelle page de destination ».

SeedProd propose divers modèles prédéfinis organisés par types de campagnes tels que « bientôt disponible » ou « pages 404 ». Vous pouvez filtrer les modèles en fonction de ces catégories en utilisant les onglets en haut de l'écran.

Placez simplement votre souris sur un modèle pour le prévisualiser et cliquez sur l'icône de la loupe pour un examen plus approfondi. Une fois que vous avez trouvé un modèle qui vous plaît, cliquez sur l'icône de la coche pour le sélectionner.

Pour cet exemple, nous utiliserons le modèle « Page de vente Wealth » et le transformerons en une liste de membres du personnel.

Ensuite, donnez un nom descriptif à votre page de destination. SeedProd générera automatiquement une URL basée sur ce titre, mais vous pouvez la personnaliser selon vos préférences.

Lorsque vous êtes satisfait du nom de la page et du modèle choisi, cliquez simplement sur « Enregistrer et commencer à modifier la page » pour commencer à créer votre annuaire du personnel.

Étape 3 : Concevez votre page personnalisée

SeedProd lancera maintenant l'interface de construction de thème. Vous verrez un aperçu en direct de votre modèle front-end sur le côté droit et les paramètres des blocs sur la gauche. C'est ici que vous pouvez personnaliser la conception de la page selon vos besoins.

Vous pouvez consulter ces guides ci-dessous pour une explication plus détaillée du constructeur de pages :

• Comment créer une page de destination avec WordPress
• Comment créer une page de destination virale pour une liste d'attente dans WordPress
• Comment créer une page de capture en WordPress qui convertit

Dans ce tutoriel, nous avons modifié certains textes pour que la page ressemble davantage à un annuaire du personnel. Nous avons également supprimé certains blocs pour faire de la place aux profils du personnel.

Étape 4 : Ajouter et personnaliser le bloc Membre de l'équipe

Pour ajouter la section de la liste du personnel, utilisez la barre de recherche dans la section des blocs à gauche et sélectionnez le bloc « Colonne ». Cela vous permettra d'afficher plusieurs membres du personnel au même endroit. Une fois que vous l'avez trouvé, faites simplement glisser et déposez ce bloc là où il semble le mieux.

Choisissez maintenant une disposition de colonnes.

Cela dépendra du nombre de membres du personnel que vous souhaitez présenter.

Ensuite, vous verrez tous les blocs proposés par SeedProd. Parmi les exemples, citons un compte à rebours, une barre de progression, un curseur de témoignages rotatifs, et plus encore.

Ici, recherchez le bloc « Membre de l'équipe ». Faites simplement glisser et déposez ce bloc dans chacune des colonnes.

Peut-être qu'une seule colonne ne suffira pas pour afficher tous les membres de votre équipe. Si tel est le cas, vous pouvez simplement la copier et la coller.

Pour ce faire, survolez simplement le bloc de colonne jusqu'à ce que la couleur bleue apparaisse autour de tous les blocs. Cliquez ensuite sur le bouton « Dupliquer la ligne » dans la barre d'outils.

SeedProd affichera automatiquement votre ligne dupliquée sous l'originale.

Vous pouvez maintenant commencer à ajouter des informations pour chaque membre du personnel.

Commençons par ajouter une image. Pour ce faire, cliquez sur un bloc Membre de l'équipe et sélectionnez « Utiliser votre propre image » dans le panneau latéral des paramètres du bloc.

La médiathèque s'ouvrira alors.

Allez-y et choisissez une image. Cliquez ensuite sur « Sélectionner ».

Une fois terminé, vous pouvez personnaliser d'autres paramètres d'image.

Par exemple, vous pouvez insérer un texte alternatif pour l'image, personnaliser la largeur et/ou modifier la position de l'image de haut en gauche ou en droite.

Si vous faites défiler vers le bas, vous pouvez modifier le nom par défaut, la balise d'en-tête du titre (par exemple, de H1 à paragraphe) et l'alignement du nom.

Avec SeedProd, vous pouvez également ajuster l'apparence du nom en fonction de la manière dont la page de répertoire du personnel est affichée sur mobile, sur ordinateur ou sur tablette.

Ensuite, il y a la désignation et la description.

La désignation vous permet d'insérer le titre du poste du membre du personnel.

D'autre part, la description est l'endroit où vous pouvez insérer toute information importante sur l'employé. En plus de ce que la personne fait, vous voudrez peut-être également fournir ses informations de contact (comme l'adresse e-mail ou le numéro de téléphone professionnel).

Comme le nom, vous pouvez ajuster la mise en page de cette désignation et de cette description en fonction de l'endroit où la page de l'annuaire du personnel est consultée.

En descendant, vous trouverez des paramètres pour personnaliser la conception du bloc Membre de l'équipe.

Par exemple, vous pouvez modifier les bords arrondis de l'image et activer un séparateur entre l'image et la description de la personne.

Si nécessaire, vous pouvez ajouter les informations de médias sociaux de l'employé. Par défaut, SeedProd ajoute des icônes sociales pour Facebook et Twitter, mais vous pouvez également en insérer d'autres pertinentes pour votre entreprise, comme LinkedIn.

Pour ce faire, cliquez simplement sur « + Ajouter un nouvel élément ».

Ensuite, vous verrez une liste de paramètres pour personnaliser l'icône sociale.

Ici, cliquez sur le symbole de l'image pour changer l'icône sociale.

La bibliothèque d'icônes s'ouvrira alors.

Recherchez votre plateforme de médias sociaux souhaitée et cliquez sur le bouton « + » pour l'utiliser.

Maintenant, faites défiler un peu vers le bas pour ajouter le titre des médias sociaux et le lien social de la personne.

Vous pouvez également modifier les couleurs de l'icône.

À ce stade, vous pouvez descendre dans la barre latérale des paramètres.

C'est ici que vous pouvez modifier la taille, l'alignement, les couleurs et la forme de toutes les icônes sociales.

Si vous souhaitez personnaliser davantage le bloc Membre de l'équipe, passez à l'onglet « Avancé ».

C'est ici que vous trouverez plus de paramètres pour modifier la conception du bloc. Par exemple, vous pouvez personnaliser le remplissage et les marges, ajouter un effet d'ombre, activer les animations CSS, et plus encore.

Tout ce que vous avez à faire ensuite est de répéter les mêmes étapes avec le reste des profils de votre personnel.

Lorsque vous êtes satisfait de l'aspect final de votre page d'annuaire du personnel, cliquez simplement sur le bouton « Enregistrer » pour sauvegarder votre progression.

Enfin, pour rendre votre page d'annuaire du personnel visible sur votre site web, cliquez sur le bouton « Publier ».

Et voilà ! Votre annuaire du personnel est maintenant opérationnel avec SeedProd.

Voici à quoi ressemble le nôtre sur notre site de démonstration :

Méthode 2 : Utiliser le plugin Business Directory (pour les grandes équipes)

Si vous avez une petite équipe, la méthode 1 peut suffire. Mais pour les équipes plus nombreuses, voir des dizaines de profils sur une seule page peut devenir écrasant pour les visiteurs.

C'est là qu'un plugin dédié à l'annuaire du personnel s'avère utile. Nous utiliserons la version gratuite du plugin Business Directory.

Ce plugin vous permet de créer un annuaire dédié aux membres de votre équipe sur votre site WordPress, avec une barre de recherche, des filtres et des pages de profil individuelles pour chaque membre du personnel. Vous pouvez également l'utiliser pour créer d'autres types de sites d'annuaires.

Cela dit, vous pouvez également passer à la version premium du plugin Business Directory. Il vous donnera accès à des fonctionnalités professionnelles telles que des passerelles de paiement pour les annuaires payants, des thèmes premium, des notes/avis, et plus encore.

Pour plus d'informations, consultez notre avis sur le plugin Business Directory.

Étape 1 : Installer et configurer le plugin Business Directory

Tout d'abord, vous devez installer et activer le plugin Business Directory. Vous pouvez consulter notre guide sur comment installer un plugin WordPress pour plus d'informations.

Une fois activé, rendez-vous sur Annuaire » Contenu de l'annuaire, puis sur « Champs du formulaire ». Vous y trouverez les champs prédéfinis que vous utiliserez plus tard pour insérer les informations de votre personnel, tels que les descriptions, les sites Web, les numéros de téléphone et les adresses.

Ces champs constituent un bon point de départ, mais vous pouvez les personnaliser davantage. Cliquer sur « Ajouter un nouveau champ de formulaire » pour créer de nouveaux champs.

Commençons par l'Association de champ. Par défaut, le plugin de liste de personnel le laissera sur Métadonnées de publication, ce qui signifie que le champ apparaîtra comme un champ personnalisé sous la zone d'édition principale dans l'éditeur de blocs. Nous laisserons cette option telle quelle.

Vous pouvez également changer le type de champ de texte en boutons radio, liens de médias sociaux, cases à cocher, et plus encore, en fonction des informations que vous souhaitez collecter.

Ensuite, fournissez une étiquette claire pour chaque champ (par exemple, « Profil LinkedIn »). Vous pouvez également ajouter une description facultative pour guider les utilisateurs dans le processus de remplissage.

Pour les champs nécessitant des formats de données spécifiques, vous pouvez définir un validateur de champ pour garantir que des informations précises sont saisies.

Il existe plusieurs options parmi lesquelles choisir, telles que les adresses e-mail, les URL et les numéros de téléphone.

Ci-dessous, vous pouvez rendre certains champs obligatoires en cochant la case « Requis ». Cela peut être utile pour les informations essentielles.

Dans les « Options d'affichage du champ », vous pouvez contrôler où le champ est affiché. Par exemple, vous pouvez choisir s'il s'applique à toutes les catégories d'annuaire ou seulement à certaines, si seuls les administrateurs peuvent les modifier, ou si la valeur du champ doit être masquée sur le front-end.

Une fois que vous avez terminé de personnaliser les paramètres du champ, faites défiler tout en bas.

Cliquez ensuite sur « Ajouter un champ » pour enregistrer vos modifications.

N'hésitez pas à répéter cette étape jusqu'à ce que vous ayez créé les champs dont vous avez besoin pour votre liste d'annuaire d'employés.

De retour dans le menu Champs du formulaire, vous pouvez supprimer tous les champs pré-faits qui ne s'appliquent pas à votre annuaire du personnel.

Survolez simplement le champ indésirable et cliquez sur « Supprimer ».

Ensuite, dirigez-vous vers l'onglet « Catégories ». Vous verrez une catégorie par défaut nommée « Général ».

Pour notre annuaire du personnel, renommons-la en quelque chose de plus descriptif, comme « Employé ». Cela catégorisera toutes vos listes d'annuaire d'employés.

Pour ce faire, cliquez sur « Édition rapide ».

Ensuite, changez le nom de Général à Employé.

N'oubliez pas de modifier également le slug et de cliquer sur « Mettre à jour la catégorie ».

Si votre entreprise a plusieurs départements et que vous souhaitez organiser davantage vos listes, vous pouvez créer différentes catégories en cliquant sur « Ajouter une nouvelle catégorie ».

Une fenêtre contextuelle apparaîtra alors. Ici, remplissez simplement le nom de la catégorie et la catégorie parente (si applicable). Après cela, cliquez sur « Ajouter une nouvelle catégorie ».

Maintenant, passez à l'onglet « Plans ». Comme nous nous concentrons sur la présentation de votre équipe et non sur la création d'un annuaire d'entreprises payant, vous devriez supprimer toutes les options de plan payant par défaut inutiles.

Survolez simplement un plan et cliquez sur « Supprimer ».

Quant à l'Annonce Gratuite, nous la laisserons telle quelle car nous ne pouvons pas la supprimer.

Étape 2 : Créez votre page d'annuaire d'employés

À un moment donné, vous pourriez voir une notification indiquant : « Business Directory Plugin nécessite une page avec le shortcode [businessdirectory] pour fonctionner correctement. Vous pouvez créer cette page vous-même ou laisser Business Directory le faire automatiquement pour vous. »

Nous vous recommandons de cliquer sur « Créer les pages requises pour moi » pour une configuration rapide et facile. Cette page d'annuaire ajustera automatiquement sa conception à votre thème WordPress actuel.

Par défaut, le plugin créera une page nommée « Business Directory », ce qui n'est pas exact pour ce que nous créons.

Pour changer cette page, naviguez vers Pages dans le tableau de bord WordPress et trouvez la page de l'annuaire. Ensuite, survolez-la et cliquez sur « Modifier ».

Dans l'éditeur de blocs, renommez simplement la page en quelque chose comme « Annuaire des employés » ou tout autre nom qui reflète mieux son objectif.

Vous pouvez également ajouter des blocs supplémentaires pour améliorer l'attrait visuel de la page de l'annuaire. Mais assurez-vous de laisser le shortcode [businessdirectory] tel quel.

N'hésitez pas à continuer à personnaliser la page, comme changer le schéma de couleurs ou les polices pour que la page se démarque.

Enfin, cliquez sur « Mettre à jour » pour enregistrer vos modifications.

Étape 3 : Créez votre annuaire des membres du personnel

Maintenant que tout est configuré, créons les fiches individuelles des membres du personnel. Allez dans Annuaire » Contenu de l'annuaire et ouvrez l'onglet « Fiches ». Cliquez sur « Ajouter une nouvelle fiche » pour commencer.

Vous arriverez dans l'éditeur de blocs avec les champs personnalisés du plugin Business Directory. Dans la section Titre, entrez le nom ou le surnom du membre du personnel.

Dans la section dédiée ci-dessous, vous pouvez ajouter une description détaillée de son rôle et de son expertise. Cette description peut être plus longue car elle ne sera affichée que sur sa page de profil individuelle, pas dans l'annuaire.

Faites défiler vers le bas jusqu'à « Champs de l'annuaire / Images » et utilisez les champs personnalisés que vous avez créés ou modifiés précédemment pour remplir les informations du membre du personnel.

Cela peut inclure les coordonnées ou les liens vers les réseaux sociaux.

Maintenant, passez à l'onglet « Images ».

Ici, vous pouvez télécharger une image pour le profil du membre du personnel depuis votre médiathèque ou votre ordinateur.

Une fois cela fait, naviguez vers l'onglet « Listing » dans la barre latérale des paramètres. Dans la section « Directory Categories », cochez la case à côté de « Employee » ou de la catégorie que vous avez créée précédemment.

Vous pouvez également ajouter des balises supplémentaires si nécessaire.

Dans la section « Excerpt », vous pouvez rédiger une description courte mais informative. Celle-ci apparaîtra sur la page principale de l'annuaire des membres du personnel où tous les profils sont listés.

Nous vous recommandons également de désactiver les commentaires dans la section « Discussion ».

Ceci afin d'éviter un encombrement inutile sur la page, car le plugin a déjà ajouté un formulaire de contact sur la page par défaut.

Dans la section « Listing Information », choisissez le plan « Free Listing » et cliquez sur « OK ».

Vous ne pourrez pas publier l'annonce tant que vous ne lui aurez pas d'abord attribué un plan.

Une fois que vous êtes satisfait de tout, cliquez sur « Publish » pour rendre le profil du membre du personnel visible.

Répétez simplement ces étapes pour créer des profils pour tous les membres de votre équipe.

Étape 4 : Personnaliser la page des annonces d'employés

Lorsque vous prévisualisez la page de l'annuaire des employés, vous verrez un formulaire de recherche pour filtrer les annonces d'employés.

Ci-dessous se trouve une liste claire et organisée des membres de votre équipe.

Si vous ouvrez une page de profil de membre du personnel, vous verrez les informations de votre employé et un formulaire de contact pour que le visiteur puisse les contacter.

Voici à quoi cela ressemble :

Si vous n'êtes pas satisfait de l'apparence de ces pages et que vous souhaitez les personnaliser, allez dans Directory » Settings dans le tableau de bord WordPress. Cliquez ensuite sur « Listings ».

Ici, vous pouvez modifier le nombre d'annonces affichées par page, ajuster les paramètres du formulaire de recherche, désactiver les formulaires de commentaires et/ou de contact, modifier les boutons, etc.

N'oubliez pas de cliquer sur « Save Changes » lorsque vous avez terminé.

Vous pouvez également accéder au menu « Apparence ».

C'est ici que vous pouvez modifier le style des boutons et la couleur principale de la page d'annuaire. Vous pouvez également installer les icônes Font Awesome ou passer à un plan pro pour personnaliser la mise en page des listes.

Si vous passez à l'onglet « Images », vous pouvez alors modifier l'apparence des images de profil du personnel.

Par exemple, vous pouvez activer un effet de lightbox, désactiver les images miniatures sur la page de liste principale et modifier les tailles des images miniatures. Encore une fois, n'oubliez pas de cliquer sur « Enregistrer les modifications ».

Pour plus d'informations sur la création de répertoires avec WordPress, consultez ces articles :

• Comment créer un annuaire web dans WordPress (étape par étape)
• Comment créer un répertoire de membres consultable dans WordPress
• Meilleurs plugins de répertoire d'entreprises pour WordPress

Astuce bonus : Utilisez WPForms pour collecter les informations de vos employés

Que vous gériez une petite ou une grande équipe, rassembler toutes les informations nécessaires sur le personnel pour votre répertoire peut être un défi. Obtenir manuellement les détails par e-mail ou par tableur peut prendre beaucoup de temps.

Pour rationaliser ce processus, nous vous recommandons d'utiliser WPForms, un plugin de création de formulaires WordPress puissant mais convivial. Il est livré avec un modèle de formulaire de répertoire d'employés pré-construit pour vous permettre de démarrer rapidement.

Le modèle comprend déjà de nombreux champs pertinents, tels que le nom, l'adresse e-mail, le numéro de téléphone, le département, le rôle, etc. Vous pouvez également utiliser le constructeur de formulaires de contact pratique pour ajouter d'autres champs pertinents pour vos besoins.

Vous pouvez choisir parmi une variété de types de champs, des boutons radio et des téléchargements d'images au CAPTCHA pour empêcher les soumissions de formulaires indésirables.

Pour en savoir plus sur WPForms, vous pouvez lire notre avis complet sur WPForms.

Nous espérons que cet article vous a aidé à apprendre comment créer un annuaire du personnel dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment créer une page de panier WooCommerce personnalisée sans code et notre sélection d'experts des outils pour créer et vendre des produits numériques.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.