Les sites d'annuaires en ligne sont une ressource précieuse pour les particuliers comme pour les entreprises.

Ces sites proposent une liste complète d'entreprises, d'organisations et de particuliers, souvent organisée par catégorie ou par localisation.

Cet article de blog répondra à certaines des questions les plus fréquemment posées sur les sites d'annuaires en ligne.

Que vous cherchiez des informations ou souhaitiez accroître votre visibilité en ligne, cet article vous fournira les réponses dont vous avez besoin.

C'est parti !

1. Qu'est-ce qu'un site d'annuaire d'entreprises en ligne ?

Un annuaire en ligne d'entreprises est un site web qui utilise un logiciel d'annuaire pour créer un répertoire en ligne.

L'objectif final est de référencer des entreprises, souvent organisées par catégorie ou par localisation.

Ces annuaires fournissent des informations sur les produits ou services proposés par les entreprises répertoriées, ainsi que leurs coordonnées et d'autres informations pertinentes.

Les annuaires d'entreprises en ligne aident les internautes à trouver les informations dont ils ont besoin sur les entreprises de leur région ou d'un secteur spécifique.

Ils peuvent également constituer un outil précieux pour les entreprises souhaitant accroître leur visibilité et attirer de nouveaux clients.

2. Qu'est-ce qu'un logiciel d'annuaire d'entreprises ?

GeoDirectory est l'un des meilleurs logiciels d'annuaire d'entreprises

Un plugin d'annuaire d'entreprises est un type de logiciel qui permet aux utilisateurs de créer et de gérer un site web d'annuaire en ligne regroupant des entreprises, des organisations ou des particuliers.

Ce type de logiciel comprend généralement des fonctionnalités telles que l'ajout, la modification et la suppression de fiches, la classification des fiches par localisation ou secteur d'activité, ainsi que la recherche de fiches selon différents critères.

Certains logiciels d'annuaire d'entreprises peuvent également inclure des fonctionnalités supplémentaires telles que les notes et avis, le traitement des paiements et l'intégration avec d'autres outils ou plateformes.

Un logiciel d'annuaire d'entreprises est indispensable pour les particuliers ou les entreprises qui souhaitent créer et gérer un site web d'annuaire en ligne.

3. Qu'est-ce qu'un exemple d'annuaire web ?

BOTW est un exemple de site d'annuaire web

Un annuaire web est un répertoire en ligne qui liste des sites web, souvent organisés par catégorie ou par thème.

Un exemple d'annuaire web pourrait être un répertoire listant des sites web liés au voyage, tels que des hôtels, des compagnies aériennes et des agences de voyage.

L'annuaire fournirait de brèves descriptions des sites web et de leurs services, ainsi que des liens vers ceux-ci.

Ce type d'annuaire peut être utile pour les personnes recherchant des informations sur un sujet précis, comme le voyage, car il propose une liste sélectionnée de sites web réunis en un seul endroit.

Parmi les autres exemples d'annuaires web, on trouve des répertoires de boutiques en ligne, de blogs et de forums.

Voici quelques exemples concrets d'annuaires web :

  • Yahoo! Directory: Il s'agissait de l'un des annuaires web les plus anciens et les plus connus. Il était organisé en catégories et sous-catégories, ce qui facilitait la recherche de sites web sur divers sujets. L'annuaire a été fermé en 2014.
  • DMOZ (The Open Directory Project) : Cet annuaire était le fruit d'un effort collaboratif d'une communauté d'éditeurs qui travaillaient à catégoriser et à référencer des sites web sur une large gamme de sujets.
  • Best of the Web: Cet annuaire se concentre sur les sites web de haute qualité et fournit de brèves descriptions des sites pour aider les utilisateurs à trouver les informations dont ils ont besoin.
  • JoeAnt : Cet annuaire est organisé en catégories et sous-catégories et permet aux utilisateurs de noter et d'évaluer les sites web répertoriés.
  • WebWorldIndex : Cet annuaire est un annuaire édité par des humains qui liste des sites web sur une large gamme de sujets. Il permet également aux utilisateurs de soumettre leurs sites web pour inclusion dans l'annuaire.
  • Business.com : Cet annuaire se concentre sur les entreprises et fournit des informations sur diverses industries et sociétés. Il propose également des outils et des ressources pour les entreprises souhaitant renforcer leur présence en ligne.

4. Le modèle économique des sites d'annuaires en ligne est-il rentable ?

monétiser le modèle économique d'un annuaire

Il peut être rentable si le webmaster fait la promotion de l'annuaire avec succès, atteint un bon niveau de diffusion et génère un trafic régulier.

Le modèle économique de site d'annuaire en ligne ne peut être rentable qu'à condition d'être bien géré et de monétiser efficacement son trafic et sa base d'utilisateurs.

Comme pour toute entreprise, le niveau de rentabilité dépendra de plusieurs facteurs, notamment la taille de la base d'utilisateurs, la qualité du contenu de l'annuaire et l'efficacité de ses stratégies de monétisation.

Pour être rentables, les sites d'annuaires en ligne doivent attirer un nombre suffisant d'utilisateurs et générer suffisamment de revenus grâce à la publicité, aux abonnements ou à d'autres sources pour couvrir leurs coûts et dégager un bénéfice.

De plus, l'annuaire doit faire face à la concurrence des autres annuaires sur le marché et apporter de la valeur à ses utilisateurs pour les fidéliser et continuer à développer sa base d'utilisateurs.

Maîtriser le SEO (optimisation pour les moteurs de recherche) est le moyen le plus sûr de bâtir une activité rentable autour d'un site d'annuaire en ligne.

5. Comment les annuaires d'entreprises en ligne gagnent-ils de l'argent ?

Les annuaires d'entreprises en ligne peuvent générer des revenus grâce à diverses techniques de monétisation.

L'une d'elles est la publicité, où l'annuaire vend de l'espace publicitaire sur son site web à des entreprises souhaitant accroître leur visibilité.

Une autre méthode consiste à proposer des abonnements payants, où les utilisateurs doivent payer pour accéder à certaines fonctionnalités ou informations de l'annuaire.

De plus, certains annuaires peuvent proposer des annonces premium, où les entreprises peuvent payer pour que leurs informations soient affichées en évidence ou mises en avant dans l'annuaire.

Les annuaires peuvent également générer des revenus grâce à des commissions sur les prospects.

Dans ce cas, ils perçoivent une commission pour chaque client orienté vers une entreprise via l'annuaire.

En résumé, les annuaires d'entreprises en ligne peuvent générer des revenus grâce à l'une de ces méthodes ou à une combinaison de celles-ci.

6. Comment créer un annuaire en ligne rentable ?

monétiser un site d'annuaire WordPress
Rentabilité d'un site d'annuaire en ligne

Pour créer un annuaire en ligne rentable, vous devez planifier soigneusement et mettre en œuvre une stratégie commerciale solide.

Voici quelques étapes à suivre :

  1. Identifiez un créneau ou un marché spécifique sur lequel vous concentrer. Cela vous permettra de différencier votre annuaire des autres et d'attirer un public ciblé.
  2. Établissez une liste complète d'entreprises, d'organisations ou de particuliers à inclure dans votre annuaire. Il s'agit du cœur de votre annuaire et il doit être mis à jour régulièrement pour garantir son exactitude et son actualité.
  3. Créez un site web convivial et attrayant pour héberger votre annuaire. C'est la vitrine de votre entreprise, alors soignez son apparence visuelle et facilitez-en la navigation.
  4. Mettez en place des stratégies de monétisation efficaces. Cela peut inclure la vente d'espaces publicitaires, la proposition de formules d'abonnement ou la mise en avant d'annonces premium.
  5. Faites la promotion de votre annuaire pour attirer des utilisateurs et accroître sa visibilité. Cela peut inclure des actions marketing telles que l'optimisation pour les moteurs de recherche (SEO), le marketing sur les réseaux sociaux ou le marketing de contenu.
  6. Suivez vos performances et effectuez les ajustements nécessaires. Cela peut inclure la mise à jour régulière de votre contenu, l'amélioration de votre site web ou le perfectionnement de vos stratégies de monétisation.

C'est la meilleure façon de créer un annuaire en ligne rentable qui apporte de la valeur à ses utilisateurs et génère des revenus pour votre entreprise.

7. Comment créer un annuaire performant ?

Pour un annuaire performant, vous devez trouver le bon créneau !

La clé pour créer un annuaire performant est de se concentrer sur la valeur apportée à vos utilisateurs.

Cela signifie proposer une liste complète et à jour d'entreprises, d'organisations ou de particuliers, accompagnée d'informations et de détails pertinents.

Cela implique également de créer un site web convivial et attrayant, facile à parcourir et à explorer.

En apportant de la valeur à vos utilisateurs, vous serez en mesure d'attirer et de fidéliser un public loyal, ce qui est essentiel pour le succès de votre annuaire.

En plus d'apporter de la valeur à vos utilisateurs, il est essentiel de bâtir une marque solide.

Cela signifie créer une image cohérente et professionnelle pour votre site d'annuaire en ligne.

Cela peut inclure le développement d'un logo et d'une palette de couleurs uniques, la création de contenus engageants et informatifs, ainsi que la promotion de votre annuaire via différents canaux.

En bâtissant une marque solide, vous pourrez établir votre annuaire comme une source d'information fiable et de confiance, ce qui contribuera à attirer et à fidéliser les utilisateurs.

8. Combien devriez-vous facturer pour une inscription dans un annuaire ?

Prix des annonces Premium

Le montant que vous facturez pour une inscription dans un annuaire dépendra de plusieurs facteurs, notamment la taille et la portée de votre annuaire, la valeur de l'inscription pour l'entreprise, et la concurrence sur le marché.

En général, vous devez viser un prix juste qui reflète la valeur de l'inscription pour l'entreprise et vous permet de dégager un bénéfice.

Une approche consiste à proposer différents niveaux de tarification pour des inscriptions offrant différents degrés de visibilité et de fonctionnalités.

Par exemple, vous pourriez proposer une inscription basique gratuitement ou à faible coût, permettant aux entreprises de passer à une inscription premium à un prix plus élevé.

Cela permet aux entreprises de choisir le niveau d'exposition et les fonctionnalités qui correspondent le mieux à leurs besoins et à leur budget.

Il est également essentiel de revoir et d'ajuster régulièrement vos tarifs pour vous assurer qu'ils restent compétitifs et équitables.

Cela peut impliquer de mener des études de marché pour comprendre la tarification des annuaires similaires et de solliciter régulièrement les retours de vos clients pour vous assurer qu'ils sont satisfaits de la valeur qu'ils reçoivent en échange de leurs frais d'inscription.

Dans l'ensemble, la clé pour fixer un prix équitable pour les annuaires en ligne est d'évaluer soigneusement la valeur de l'inscription pour l'entreprise et de revoir et ajuster régulièrement vos tarifs en fonction des conditions du marché et des retours des clients.

9. Comment promouvoir mon annuaire en ligne ?

Promotion d'un annuaire en ligne

Il existe de nombreuses façons de promouvoir votre annuaire en ligne et d'accroître sa visibilité.

Voici quelques conseils :

  1. Optimisez votre site pour les moteurs de recherche. Cela implique l'utilisation de mots-clés et d'autres techniques pour améliorer le classement de votre site dans les pages de résultats des moteurs de recherche (SERPs), afin que les utilisateurs soient plus susceptibles de trouver votre annuaire lorsqu'ils recherchent des termes pertinents.
  2. Utilisez les réseaux sociaux pour promouvoir votre annuaire. Partagez des liens vers votre annuaire et son contenu sur des plateformes telles que Facebook, Twitter et LinkedIn pour toucher un public plus large et générer du trafic vers votre site.
  3. Engagez-vous avec votre public cible. Commentez des articles de blog et des forums pertinents, rejoignez des groupes et associations sectoriels et participez à des événements professionnels pour faire connaître votre annuaire et sa proposition de valeur.
  4. Proposez du contenu de qualité. En plus de répertorier des entreprises, des organisations et des particuliers, envisagez de proposer des articles, des billets de blog, des vidéos ou d'autres contenus apportant de la valeur à votre public cible. Cela peut aider à établir votre annuaire comme une source d'information fiable et faisant autorité.
  5. Collaborez avec d'autres sites et annuaires. Envisagez de vous associer à d'autres sites ou annuaires qui s'adressent à des audiences similaires afin de promouvoir mutuellement vos contenus et de générer du trafic vers votre site.

En suivant ces conseils, vous pourrez promouvoir efficacement votre annuaire en ligne et accroître sa visibilité et sa portée.

10. Les annuaires sont-ils bons pour le SEO ?

Les annuaires sont-ils encore bons pour le SEO ?

Oui, les annuaires peuvent être bénéfiques pour le SEO.

Les moteurs de recherche explorent et indexent les sites web, y compris les annuaires.

Les annuaires de qualité peuvent contribuer à améliorer la visibilité d'un site dans les pages de résultats des moteurs de recherche (SERPs) en fournissant des liens entrants supplémentaires.

Cela peut contribuer à améliorer le classement du site dans les moteurs de recherche et à accroître la probabilité que les utilisateurs le trouvent lorsqu'ils recherchent des termes pertinents.

De plus, les annuaires peuvent fournir des informations précieuses et du contexte sur le site et son contenu, ce qui peut aider les moteurs de recherche à comprendre sa pertinence et son autorité.

Cela peut améliorer le classement et la visibilité du site dans les résultats des moteurs de recherche.

Cependant, il est essentiel de noter que tous les annuaires ne se valent pas en termes de valeur pour le SEO.

Certains annuaires peuvent être plus réputés et faire davantage autorité que d'autres, offrant ainsi plus de valeur pour améliorer le classement d'un site dans les moteurs de recherche.

Il est donc essentiel de rechercher et d'évaluer attentivement les annuaires que vous envisagez d'utiliser pour le référencement de votre site web.

11. Comment vendre mon annuaire d'entreprises ?

Comment vendre mon site d'annuaire en ligne

Si vous souhaitez vendre votre annuaire d'entreprises, vous pouvez suivre quelques étapes pour maximiser sa valeur et attirer des acheteurs potentiels. Voici quelques conseils :

  1. Rassemblez toutes les informations et tous les documents pertinents. Cela peut inclure des états financiers, des données utilisateurs et des contrats avec des annonceurs ou d'autres partenaires.
  2. Rédigez un plan d'affaires détaillé et professionnel qui décrit l'état actuel de votre annuaire et son potentiel futur.
  3. Envisagez de faire appel aux services d'un courtier ou d'un conseiller en affaires qui peut vous aider à trouver des acheteurs potentiels et à négocier une vente. Cela inclut la mise en vente sur des sites comme Flippa.com, MicroAcquire ou Empire Flippers.
  4. Contactez des acheteurs potentiels, tels que d'autres sites d'annuaires ou des entreprises dans des secteurs connexes, et présentez votre annuaire ainsi que sa proposition de valeur.
  5. Négociez les conditions de la vente, notamment le prix d'achat et toute obligation ou tout engagement continu.
  6. Finalisez la vente et transférez la propriété de l'annuaire conformément aux termes de l'accord.

En appliquant cette stratégie, vous pouvez vendre efficacement votre annuaire d'entreprises et en maximiser la valeur.

Souhaitez-vous que nous répondions à d'autres questions sur les annuaires d'entreprises en ligne ? Posez vos questions dans les commentaires ci-dessous, et nous mettrons cet article à jour !

Vous pouvez obtenir GeoDirectory ici dès aujourd'hui :

Obtenir
l'adhésion !

La plupart des guides « comment créer un annuaire de restaurants » finissent par vous orienter vers Grubhub, Uber Eats, DoorDash ou Yelp pour la découverte et la commande en ligne.

L'argument est séduisant : référencez votre restaurant sur la plateforme de quelqu'un d'autre, payez des frais pour être visible et recevoir des commandes, et regardez les clients affluer.

La réalité financière est vite décourageante.

Grubhub, Uber Eats et DoorDash prélèvent 15 à 30 % sur chaque commande, auxquels s'ajoutent des frais de livraison côté client qui font grimper le ticket moyen bien au-delà de ce que le restaurant facture sur place.

Yelp facture 300 à 1 000 $/mois pour les pages professionnelles premium, et les fiches des concurrents non payants apparaissent par défaut sur leurs pages.

OpenTable facture aux restaurants 1 $ par réservation en ligne et 0,25 $ par réservation téléphonique, plus des frais de base de 249 $/mois.

Aucune de ces plateformes ne communique au restaurant l'e-mail du client, l'historique des commandes ou la relation marketing.

Vous pouvez créer votre propre site annuaire de restaurants avec toutes les fonctionnalités d'une marketplace pour une fraction de ces coûts, maîtriser la relation client et conserver les commissions.

Cet article vous guide pas à pas dans la création concrète du site, en utilisant le plugin gratuit GeoDirectory comme moteur d'annuaire et l'extension optionnelle GeoMarketplace pour le transformer en plateforme de commande multi-vendeurs.

Ce dont un site annuaire de restaurants a vraiment besoin

En faisant abstraction du superflu, un annuaire de restaurants sérieux possède les mêmes fonctionnalités essentielles que Yelp ou Grubhub dans ce qu'ils font de mieux :

  • Base de données de restaurants consultable avec des filtres par cuisine, quartier, gamme de prix, options diététiques (végétalien, sans gluten) et « ouvert maintenant »
  • Vue cartographique avec des épingles pour chaque fiche et des fenêtres d'information cliquables
  • Pages de fiche détaillées avec photos, menu, horaires, coordonnées et avis
  • Comptes utilisateurs pour les propriétaires de restaurants (pour gérer leur fiche) et les convives (pour laisser des avis et enregistrer leurs favoris)
  • Soumission en front-end pour que les propriétaires de restaurants puissent revendiquer ou ajouter leurs propres fiches sans accès à l'administration WordPress
  • Optionnel : articles de menu commandables par restaurant, avec répartition des commissions multi-vendeurs (la fonctionnalité de Grubhub, sans les commissions de Grubhub)
  • Optionnel : fiches premium payantes, revendications de fiches payantes et espaces publicitaires pour la monétisation

Le plugin GeoDirectory gère chaque point de cette liste, l'extension GeoMarketplace prenant en charge la partie commande multi-vendeurs.

Ce dont vous avez besoin (stack gratuite)

Trois logiciels, plus un nom de domaine et un hébergement :

  • WordPress, le CMS gratuit qui propulse 43 % du web
  • Le plugin gratuit GeoDirectory pour le moteur d'annuaires, la recherche, les cartes et les pages de fiches
  • Un thème qui s'intègre parfaitement avec GeoDirectory (Elementor PRO avec le thème Hello, le thème gratuit Kadence, ou l'un de nos thèmes gratuits BlockStrap)

Coût total pour la configuration d'un annuaire gratuit : 0 $ en logiciels, plus 5 à 15 $/mois pour l'hébergement WordPress et 10 à 15 $/an pour un nom de domaine.

Pour un argumentaire plus large contre les plateformes de répertoire SaaS, consultez notre best business directory software guide.

Pour un guide de création étape par étape sur les sites d'annuaires en général, consultez notre tutoriel sur comment créer un site d'annuaire.

Étape 1 : Configurer l'hébergement WordPress et un nom de domaine

Ignorez cette section si vous avez déjà un site WordPress vierge prêt à l'emploi.

Pour une nouvelle installation, choisissez un hébergeur WordPress qui vous offre au moins 2 Go de RAM et du stockage SSD. Les hébergeurs WordPress managés s'occupent automatiquement de l'optimisation sous-jacente.

Enregistrez un nom de domaine correspondant à ce que les gens taperont lorsqu'ils rechercheront votre annuaire (p. ex., bestbrooklynrestaurants.com, valenciafoodguide.com).

Étape 2 : Installer AyeCode Connect

AyeCode Connect est le plugin assistant gratuit qui importe des démos prêtes à l'emploi d'annuaires de restaurants directement dans votre site WordPress, vous évite le travail de mise en page et synchronise les licences des extensions premium que vous possédez.

Accédez à Extensions → Ajouter dans votre administration WordPress et recherchez AyeCode Connect.

Installez AyeCode Connect
Installez AyeCode Connect

Cliquez sur Installer, puis Activer.

Cliquez sur le Connect Site pour relier votre site WordPress à la bibliothèque de démos AyeCode. L'inscription est gratuite.

Connecter le site
Connect Site

Étape 3 : Importer une démo d'annuaire de restaurants

Deux démos prêtes à l'emploi d'annuaires de restaurants sont disponibles via AyeCode Connect, une pour chaque approche de constructeur de pages.

Option A : Elementor PRO + GeoDirectory

Annuaire de restaurants créé avec Elementor
Annuaire de Restaurants Créé avec Elementor

La solution Elementor PRO vous offre une flexibilité visuelle maximale pour des modèles de fiches personnalisés, des pages d'archive et des résultats de recherche.

Coût : 59 $/an pour Elementor PRO (niveau d'entrée), plus le plugin GeoDirectory gratuit.

Configuration : installez le plugin Elementor gratuit, téléversez le fichier ZIP d'Elementor PRO depuis votre compte Elementor, installez le thème gratuit Hello by Elementor, puis dans AyeCode Connect, rendez-vous dans Importer les données de démo → Annuaire de restaurants Elementor → Afficher → Importer.

Importer la démo de l'annuaire de restaurants Elementor
Importer l'annuaire de restaurants Elementor

Option B : Thème Kadence + GeoDirectory (solution gratuite)

La solution Kadence est entièrement gratuite, plus rapide sur un hébergement classique car elle utilise les blocs Gutenberg natifs, et ne génère aucun coût récurrent lié à un constructeur de pages.

Coût : 0 $ pour le thème Kadence, 0 $ pour GeoDirectory, 0 $ pour la démo. Total : 0 $ en logiciels.

Configuration : dans AyeCode Connect, rendez-vous dans Importer les données de démo → Annuaire de restaurants Kadence → Afficher → Importer.

Importer la démo de l'annuaire de restaurants Kadence
Importer l'annuaire de restaurants Kadence

L'importation installe le thème Kadence gratuit, le plugin GeoDirectory, des champs personnalisés spécifiques aux restaurants, ainsi qu'un ensemble de fiches de démo pour vous servir de point de départ.

Pour une comparaison approfondie du constructeur de pages adapté à chaque type d'exploitant, consultez notre guide sur l'impact du choix du constructeur de pages sur les performances d'un site annuaire.

Étape 4 : Personnalisez et ajoutez vos restaurants

Une fois la démo importée, le processus post-importation est identique pour les deux solutions :

  1. Remplacez le logo de substitution par votre marque
  2. Ajustez les couleurs et la typographie dans le personnalisateur de thème pour correspondre à votre identité de marque
  3. Modifiez la navigation du menu pour qu'elle corresponde à la structure de votre site (Accueil, Restaurants, Cuisines, Quartiers, Ajouter votre restaurant, Contact)
  4. Remplacez les annonces de démonstration par vos vrais restaurants sous Lieux dans l'administration WordPress (ou utilisez le formulaire de soumission en front-end)
  5. Configurez le formulaire de contact et le flux de capture de prospects
  6. Soumettez votre sitemap à Google Search Console

Vous pouvez ajouter des annonces une par une via le formulaire en front-end (le même formulaire que vos propriétaires de restaurant utiliseront) ou en masse via l'import CSV.

Le bonus Marketplace : articles de menu commandables par restaurant

Articles de menu du restaurant en vente sur la page de l'annonce
Les restaurants peuvent vendre des articles de menu directement depuis leur annonce

Au-delà du répertoire de base, le extension GeoMarketplace transforme votre répertoire de restaurants en une marketplace multi-vendeurs où chaque restaurant devient sa propre boutique.

Les propriétaires de restaurant créent leurs articles de menu en tant que produits liés à leur annonce. Les clients commandent via le répertoire. Vous percevez une commission sur chaque commande, au pourcentage que vous définissez.

C'est le modèle Grubhub sur votre propre plateforme, où c'est vous qui fixez le taux de commission au lieu de payer 15 à 30 % à un tiers.

Ce dont vous avez besoin pour la configuration Marketplace

  • WooCommerce (gratuit) pour le moteur e-commerce sous-jacent
  • MultiVendorX (gratuit) pour la fonctionnalité multi-vendeurs
  • L'extension GeoMarketplace (premium, incluse dans le GeoDirectory Membership) pour connecter WooCommerce + MultiVendorX + GeoDirectory en un seul flux de travail

GeoMarketplace fonctionne également avec Dokan, WCFM et WCV si vous avez une préférence marquée pour l'un d'eux plutôt que MultiVendorX.

Présentation de la configuration Marketplace

Installer WooCommerce : Plugins → Add New → Search WooCommerce → Install and Activate. Suivez l'assistant de configuration de WooCommerce.

Installer WooCommerce
Installer WooCommerce

Installer MultiVendorX : Extensions → Ajouter → Rechercher MultiVendorX → Installer et activer. Définissez votre pourcentage de commission dans les paramètres de MultiVendorX.

Installer MultiVendorX
Installer MultiVendorX

Installer GeoMarketplace : si vous disposez d'un abonnement AyeCode et qu'AyeCode Connect est configuré, rendez-vous sur GeoDirectory → Extensions et installez GeoMarketplace depuis cet endroit. Sinon, téléversez le fichier ZIP de GeoMarketplace via Extensions → Ajouter → Téléverser une extension.

Ajoutez l'onglet Boutique aux annonces de restaurants : Restaurant → Paramètres → Onglets → Insérer l'onglet « Boutique » → Enregistrer.

Ajouter l'onglet Boutique à l'annonce du restaurant
Ajouter l'onglet Boutique à l'annonce du restaurant

Comment les propriétaires de restaurants s'inscrivent et vendent

Créez deux pages dans votre menu WordPress : Inscription vendeur et Tableau de bord vendeur.

Ajouter les liens d'inscription et de tableau de bord vendeur
Ajouter les liens d'inscription et de tableau de bord vendeur

Activer l'inscription générale WordPress : Réglages → Général → « Tout le monde peut s'inscrire ».

Dans GeoDirectory : GeoDirectory → Général → Afficher les options avancées → Autoriser la publication sans connexion.

GeoDirectory autoriser la publication sans connexion
GeoDirectory autorise la publication sans connexion

Les propriétaires de restaurants disposent désormais d'un processus en quatre étapes :

  1. Soumettre leur restaurant via le formulaire d'ajout d'annonce (crée l'annonce et le compte utilisateur en une seule étape)
  2. Recevoir un e-mail pour définir leur mot de passe
  3. Faire une demande pour devenir vendeur via le Tableau de bord vendeur
  4. Une fois approuvé par vous (l'administrateur), créer des articles de menu en tant que produits WooCommerce liés à leur annonce
GeoMarketplace créer un nouveau produit
Le propriétaire du restaurant crée un article de menu en tant que produit

Le produit est ensuite lié à l'annonce du restaurant via l'onglet GeoDirectory dans le formulaire de création de produit.

Lier le produit à l'annonce
Lier le produit à l'annonce du restaurant

Après approbation par l'administrateur, l'article de menu apparaît sous l'onglet Boutique de la page d'annonce du restaurant. Les clients commandent via votre site, et votre commission est automatiquement déduite de chaque vente.

Masquer les données premium du restaurant derrière une connexion membre

De nombreux opérateurs sérieux d'annuaires de restaurants souhaitent à terme restreindre l'accès aux champs premium aux membres inscrits : le numéro de téléphone direct, l'e-mail du propriétaire, les liens de réservation, ou les galeries photos premium.

La solution la plus élégante pour gérer cela dans GeoDirectory est d'utiliser nos thèmes BlockStrap gratuits et le plugin BlockStrap page builder, qui prennent tous deux en charge des règles de visibilité au niveau des blocs liées aux niveaux d'adhésion UsersWP.

C'est une approche véritablement différente de celle de tous les autres plugins d'annuaires en matière de restriction par abonnement. Pour une analyse architecturale complète et des exemples concrets, consultez notre guide sur meilleur plugin d'adhésion WordPress pour les sites d'annuaires.

Autres façons de monétiser un annuaire de restaurants

Au-delà de la commission sur le marché, trois sources de revenus supplémentaires fonctionnent bien pour les annuaires de restaurants :

Annonces Premium Payantes

Annonces en vedette en haut des résultats de recherche
Les Annonces en Vedette offrent plus de visibilité

Les restaurants paient des frais récurrents pour un placement en vedette sur les pages de catégories et les résultats de recherche, des photos et vidéos supplémentaires, des descriptions plus longues et des liens de contact directs.

Le extension Pricing Manager gère les niveaux d'annonces et la facturation récurrente.

Annonces Réclamées Payantes

Formulaire de réclamation d'annonce GeoDirectory
Le propriétaire du restaurant réclame son annonce

Ajoutez vous-même des restaurants (à partir de sources publiques), puis facturez aux propriétaires de restaurants des frais pour réclamer et gérer leurs annonces.

Le L'extension Claim Listings gère le processus de réclamation, tandis que Pricing Manager prend en charge le flux de mise à niveau payante.

Vendre des publicités

Publicités GeoDirectory en haut des résultats de recherche
Publicités GeoDirectory en haut des résultats de recherche

Vendez des emplacements publicitaires sur les résultats de recherche, les pages de catégories, les articles de blog ou la page d'accueil. Les publicités peuvent être stylisées pour ressembler à des annonces ou sous forme de bannières traditionnelles.

Les extensions Pricing Manager et Advertising gèrent les ventes et la rotation.

Ce que Cela Coûte à Créer et à Faire Fonctionner

Ventilation honnête des coûts :

  • Nom de domaine : 10 à 15 $/an
  • Hébergement WordPress : 5-15 $/mois (60-180 $/an)
  • Plugin GeoDirectory : Gratuit
  • Thème Kadence : Gratuit (ou Elementor PRO à 59 $/an pour la voie Elementor)
  • Plugin AyeCode Connect : Gratuit
  • WooCommerce : Gratuit
  • MultiVendorX : Gratuit
  • GeoDirectory Membership (pour GeoMarketplace + extensions de monétisation) : 139 $/an pour un seul site ou 229 $/an pour des sites illimités

Coût total de la première année pour un annuaire de restaurants complet avec marketplace et couche de monétisation : 215 à 400 $ selon le niveau d'hébergement et le constructeur de pages choisi.

Coût de la première année pour faire tourner un seul restaurant sur Yelp (page premium) + OpenTable + commissions Grubhub : facilement 10 000 $+ pour un restaurant réalisant un volume de commandes en ligne significatif.

L'annuaire génère des revenus récurrents pour vous (commissions, annonces premium, publicités). La plateforme, elle, verse un loyer à quelqu'un d'autre, pour toujours.

La voie pragmatique

La façon la plus rapide de lancer un annuaire de restaurants qui vous appartient est :

  1. Achetez un nom de domaine et un hébergement WordPress de base
  2. Installez AyeCode Connect
  3. Importez la démo d'annuaire de restaurants Kadence (ou Elementor PRO si vous préférez)
  4. Personnalisez l'image de marque (logo, couleurs, typographie)
  5. Remplacez les annonces de démonstration par vos vrais restaurants
  6. Configurez la suite GeoMarketplace si vous souhaitez proposer des menus commandables en ligne
  7. Activez la soumission en front-end pour que les propriétaires de restaurants puissent s'inscrire eux-mêmes
  8. Soumettez votre sitemap à Google Search Console

Un week-end de travail concentré suffit pour obtenir un site fonctionnel.

Les trois premiers mois de contenu régulier (guides gastronomiques de quartier, sélections par cuisine, annonces de nouveaux restaurants) posent les fondations SEO.

Dès le sixième mois, le référencement naturel commence à attirer des clients et des demandes de propriétaires de restaurants.

À la deuxième année, votre annuaire de restaurants génère plus de commandes, plus d'annonces mises en avant et plus de revenus publicitaires que ce que vous pourriez justifier de payer à Yelp en un seul mois.

Réflexions finales

Le secteur de la restauration fonctionne sur une visibilité louée.

Yelp, Grubhub, Uber Eats, DoorDash, OpenTable et TripAdvisor ont bâti des entreprises milliardaires en s'interposant entre les clients et les restaurants, en faisant payer les deux côtés pour la mise en relation.

Les opérateurs qui possèdent leur propre annuaire de restaurants cessent de payer ce péage.

La configuration technique prend un week-end. La version gratuite GeoDirectory gère les annonces, les cartes, la recherche, les avis, les comptes clients et l'infrastructure de la marketplace.

Pour une argumentation plus large contre les plateformes d'annuaires SaaS dans toutes les catégories, consultez notre best business directory software guide.

Pour l'équivalent immobilier de ce tutoriel, consultez comment créer un site immobilier.

Pour la partie gestion des accès membres de la pile, consultez notre guide sur meilleur plugin d'adhésion WordPress pour les sites d'annuaires.

Arrêtez de louer des clients aux applications de livraison.

Créez l'annuaire.

GeoDirectory version 2.1.1.0 introduit une nouvelle fonctionnalité très attendue :

Logique conditionnelle pour les champs personnalisés

Cette nouvelle fonctionnalité vous permet de créer des dépendances entre les champs, en fonction des conditions que vous définissez.

Les champs dépendants ne seront affichés et modifiables que si la valeur saisie dans les champs dont ils dépendent correspond aux bonnes conditions.

Cette fonctionnalité est essentielle pour les annuaires d'entreprises, avec de nombreux champs personnalisés permettant de sélectionner des champs prédéfinis uniquement lorsque ceux-ci s'appliquent.

Un exemple facile à comprendre est illustré par les champs personnalisés pour les Annonces de voitures d'occasion.

En principe, vous aurez un champ intitulé « Marque », où les utilisateurs sélectionneront leur constructeur automobile, comme Ford, GMC, ou Lamborghini.

Et vous aurez un champ intitulé «Modèles, où vous sélectionnez le modèle de la marque de voitures choisie. Si vous sélectionnez Ford, ce champ affichera des modèles tels que C-Max, Fiesta, Focus, Fusion, Mustang, et ainsi de suite.

Si vous sélectionnez Lamborghini, ce champ affichera des modèles tels que Huracan, Aventador, Gallardo, Murcielago, Diablo, et ainsi de suite.

Champs conditionnels Marque/Modèle pour les petites annonces automobiles

Pour créer cet exemple, nous avons ajouté 3 champs personnalisés à notre configuration : Marques, Modèles Ford et Modèles Lamborghini.

Pour le champ Modèles Ford, nous avons défini la condition pour qu'il s'affiche uniquement lorsque vous sélectionnez l'option Ford dans le champ Marques.

Pour le champ Modèles Lamborghini, nous avons défini la condition pour qu'il s'affiche uniquement lorsque vous sélectionnez l'option Lamborghini dans le champ Marques.

C'est aussi simple que cela.

Un autre exemple concret serait la liste de biens immobiliers.

Montrons un tutoriel complet, incluant la configuration des champs, en utilisant notre WordPress Real Estate Theme.

Champs conditionnels pour les annonces immobilières

Notre démo de liste de biens immobiliers comprend un champ intitulé Type de bien avec des options telles que Maisons, Appartements, et Terrains et un autre champ demandant le statut meublé/ou non meublé. De toute évidence, le second champ ne s'applique jamais aux Terrains terrains.

Dans ce cas, nous allons ajouter une logique conditionnelle au champ personnalisé de sélection Ameublement en procédant comme suit :

1. Ouvrez le champ de sélection Ameublement.

2. Cliquez sur le lien « + Conditional Field » en bas à gauche des options du champ personnalisé.

3 Après avoir cliqué dessus, un nouvel ensemble d'options apparaîtra.

4 Pour notre exemple, nous devrons les configurer comme suit :

  1. ACTION = MASQUER
  2. CHAMP = Type de propriété
  3. CONDITION = égal à
  4. VALEUR = Terrain

et enregistrez le champ personnalisé. Vous pouvez voir ci-dessous à quoi cela ressemblera.

Après avoir effectué cela, voici le résultat sur le Front End :

Champs conditionnels pour l'immobilier

Les mêmes conditions peuvent être ajoutées à d'autres champs comme les champs chambres ou salles de bains, qui ne sont pas nécessaires si vous publiez une annonce pour un terrain.

Vous pouvez également ajouter plusieurs conditions si vous en avez besoin.

Les options disponibles sont :

  1. ACTION = AFFICHER/MASQUER
  2. CHAMP = Tous vos champs
  3. CONDITION = vide, non vide, égal à, différent de, supérieur à, inférieur à, contient.
  4. VALEUR = accepte du texte

Et vous pouvez en ajouter autant que vous le souhaitez pour chaque champ.

Qu'allez-vous créer avec Champs personnalisés conditionnels GeoDirectory?

Faites-le nous savoir dans les commentaires ci-dessous…

Vous recherchez un plugin WordPress Store Locator pour vous aider à augmenter les ventes de votre magasin ou boutique ?

Si oui, découvrez ces meilleurs plugins qui peuvent vous aider à dynamiser votre activité.

Un plugin WordPress store locator est un excellent moyen de s'assurer que vos clients savent exactement où aller lorsqu'ils souhaitent acheter chez vous.

Si votre entreprise possède plusieurs emplacements, vous devriez envisager d'installer un plugin store locator « où acheter ».

Ceux-ci vous permettent de lister tous vos emplacements sur une seule page afin que les visiteurs puissent tous les parcourir en un coup d'œil.

Vous pouvez également ajouter des cartes indiquant leur localisation à chaque fiche.

Il existe aujourd'hui des milliers de plugins WordPress gratuits et payants. Le problème, c'est de trouver le bon. C'est là qu'interviennent nos experts.

Ils parcourent le web chaque jour pour dénicher les meilleurs plugins WordPress. Et ils partagent leurs découvertes avec vous.

Certains des meilleurs plugins WordPress peuvent aider les entreprises à améliorer leur visibilité et à augmenter leurs ventes.

Comparatif des plugins WordPress Store Locator

Cela dit, quels sont les meilleurs plugins WordPress de store locator ?

En théorie, tout plugin Google Maps permettant d'ajouter plusieurs emplacements pourrait être utilisé comme Store Locator.

Cependant, cela pourrait ne pas être suffisant pour tout le monde.

Cet article va s'intéresser à quelques-uns des plus populaires du marché.

De plus, nous accorderons une attention particulière à leur prise en charge des Rich Snippets.

Du point de vue d'une entreprise locale, les Rich Snippets sont essentiels pour le SEO, car ils aident les moteurs de recherche à afficher des résultats pertinents sur votre entreprise.

Par exemple, si vous gérez un restaurant, les Rich Snippets mettront en avant les menus, les horaires de service, les offres spéciales, etc.

GeoDirectory

Installations activesÉvaluationsMises à jourSupport
+100004.7/5HebdomadaireSous 24 h

Notre plugin phare, GeoDirectory, est de loin le plugin de localisation de boutiques le plus sophistiqué de cette liste.

Intégré à Google Maps et OpenStreetMap, il propose de nombreuses fonctionnalités que l'on ne trouve généralement pas dans la plupart des plugins WordPress de localisation de magasins.

Par exemple, il est entièrement intégré à Elementor et Elementor PRO.

Ne vous fiez pas seulement à notre parole, cependant.

Considérez ceci.

Fonctionnalités principales

C'est entièrement gratuit. 

GeoDirectory dispose de nombreuses extensions personnalisées offrant une intégration transparente avec des plugins tiers et des fonctionnalités étendues.

  • Google Maps et l'API OpenStreetMaps
  • Icônes Google Map personnalisées
  • Recherche de magasins physiques à proximité de votre position actuelle (proximité)
  • Rayon de recherche
  • Pages de localisation des magasins physiques, chacune avec sa carte, une galerie d'images personnalisée, les coordonnées de contact, un formulaire de contact dédié et des avis clients
  • Prise en charge complète de l'API REST WordPress
  • Champs personnalisés illimités pour afficher les informations de localisation
  • Une large gamme de widgets utilisables en tant que shortcodes ou blocs Gutenberg dans pratiquement n'importe quel champ de contenu
  • Possibilité d'ajouter un nombre illimité d'emplacements et de métadonnées d'emplacement
  • Gestionnaire CSV pour l'export, l'import et la modification en masse des fiches de magasins
  • Support des Rich Snippets – Oui ! 🙂
  • Design responsive compatible avec n'importe quel constructeur de pages comme Elementor, Divi, Oxygen, Bricks, Breakdance et Beaver Builder (pour n'en citer que quelques-uns)
  • Intégration avec le plugin multilingue WPML

Par exemple :

Si vous êtes en train de créer un site d'annuaire d'entreprises (localisateur de magasins générique pour votre ville), vous pouvez même facturer les propriétaires d'entreprises pour soumettre leurs fiches sur votre carte.

Si vous devez créer un localisateur de magasins avancé sur votre site WordPress, GeoDirectory devrait être votre premier choix.

WP Store Locator

Installations activesÉvaluationsMises à jourSupport
+600004.8/5RarementSous 24/48 h

Le WP Store Locator est un plugin gratuit qui ajoute tous vos emplacements sur une carte entièrement personnalisable.

La carte et le navigateur peuvent être dans la langue de votre choix.

Vous pouvez ajouter des étiquettes personnalisées pour chaque emplacement et aider les utilisateurs à trouver des adresses à proximité grâce à plusieurs filtres, tels que le rayon de proximité ou la catégorie.

WP Store Locator vous permet d'afficher un nombre illimité de boutiques et de modifier la langue du frontend depuis le panneau d'administration.

Les shortcodes sont hautement personnalisables, vous pouvez donc choisir ce qui s'affiche sur la partie publique de votre site.

Qu'il s'agisse des heures d'ouverture ou de fermeture, des adresses secondaires, des points de repère, des numéros de téléphone, etc.

Ce plugin WP dispose de marqueurs personnalisés que les utilisateurs peuvent faire glisser sur la carte pour définir l'emplacement de leur choix.

De plus, le regroupement de marqueurs est également disponible si plusieurs boutiques se trouvent à proximité.

plugins WordPress de localisation de magasins

Dans l'ensemble, il s'agit d'un plugin très riche en fonctionnalités qui peut répondre aux besoins de tout utilisateur.

Cependant, le principal inconvénient est que certaines fonctionnalités disponibles par défaut dans la plupart des plugins nécessitent ici le recours à des extensions.

Par exemple, l'import en masse, les statistiques détaillées et les widgets de recherche sont principalement gérés via des extensions avec WP Store Locator.

Fonctionnalités principales

  • Prend en charge la localisation et fonctionne bien avec les plugins multilingues
  • Possibilité d'afficher le regroupement de marqueurs sur le frontend
  • Prend en charge la géolocalisation via l'API Google Maps
  • Livré avec des filtres personnalisés pour trier les CPTs selon les besoins des utilisateurs
  • Prend en charge les Rich Snippets – Non (Support partiel ; mais les pages d'entrée individuelle n'utilisent pas les Rich Snippets Local Business)

Yoast Local SEO for WordPress

Yoast est devenu le leader incontournable en matière de SEO WordPress.

Leur principal plugin SEO est gratuit et soutenu par le Local SEO plugin, principalement conçu comme un localisateur de magasins.

Local SEO by Yoast permet aux utilisateurs de filtrer les magasins et autres emplacements par rayon et codes postaux.

Vous pouvez ajouter l'adresse de votre magasin à la page du localisateur, spécifier les heures d'ouverture et de fermeture, et ajouter des informations personnalisées à l'aide de shortcodes.

Le plugin prend également en charge des widgets personnalisés qui affichent les informations de localisation du magasin dans la barre latérale ou le pied de page.

plugins WordPress de localisation de magasins

Cela dit, le principal problème de Yoast avec Local SEO est l'absence d'une version gratuite.

Plus important encore, ce n'est pas à proprement parler un véritable plugin de localisateur de magasins.

Il s'agit plutôt d'un plugin complémentaire au plugin Yoast SEO principal.

Il offre une intégration transparente avec Yoast SEO, gérant les métadonnées et les sitemaps XML, etc. Cependant, il ne propose pas de fonctionnalités supplémentaires que d'autres plugins offrent.

Enfin, il convient de mentionner que si vous avez des emplacements virtuels pour votre magasin, ce plugin en particulier n'est peut-être pas le plus adapté pour vous.

Prix – 79 $ + TVA

Fonctionnalités principales

  • Offre une intégration étroite avec le plugin Yoast SEO
  • Il s'intègre parfaitement avec WooCommerce et peut ajouter des fonctionnalités spécifiques à l'emplacement aux produits WooCommerce.
  • Prend en charge la génération de fichiers KML et peut ajouter automatiquement les informations pertinentes à votre sitemap XML pour les moteurs de recherche
  • Prend en charge les Rich Snippets – Oui

Locatoraid Store Locator

Installations activesÉvaluationsMises à jourSupport
+20004.5/5RarementEn moins d'une semaine

Locatoraid Store Locator est un autre plugin léger qui inclut de nombreux styles configurables pour l'affichage en front-end.

En ce qui concerne le mode de fonctionnement, Locataraid suit la même approche que tous les autres plugins de cette liste.

Il vous permet d'ajouter des emplacements que vos clients peuvent parcourir, prend en charge les shortcodes personnalisés pour un affichage plus simple des emplacements de magasins, et peut insérer des cartes avec recherche par texte, par rayon et par proximité, etc.

plugins WordPress de localisation de magasins

En plus de tout cela, Locataraid est également livré avec des widgets personnalisés et des styles de carte hautement personnalisables.

En revanche, la géolocalisation est difficile à configurer, et Locataraid semble principalement obliger les utilisateurs à saisir manuellement leur adresse ou leur code postal pour trouver les magasins à proximité.

Cela peut s'avérer chronophage et constituer un léger inconvénient pour certains utilisateurs.

Fonctionnalités principales

  • Styles de carte ajustables et personnalisables
  • Prend en charge plusieurs emplacements et des champs personnalisés
  • Possibilité d'importer des emplacements en masse en quelques clics
  • Prend en charge les Rich Snippets – Non (Support partiel ; les pages d'entrée unique ne prennent pas entièrement en charge le Rich Snippet Local Business)

Agile Store Locator

agile store locator banner
Installations activesÉvaluationsMises à jourSupport
+100004.9/5FréquentSous 48 h

Agile Store Locator est un plugin WordPress pratique qui affiche des cartes sur la partie publique de votre site en utilisant Google Maps.

Ce plugin WP prend en charge la géolocalisation et les champs personnalisés, et offre des fonctionnalités de personnalisation intéressantes pour l'affichage des cartes.

Cela dit, la version gratuite semble uniquement permettre de rechercher ou de localiser des magasins à partir d'une saisie manuelle — code postal, ville, pays, etc.

Fonctionnalités principales

  • Google Maps et l'API Google Geocoding
  • Prise en charge des champs personnalisés
  • Support multilingue
  • Possibilité d'afficher les cartes dans différentes langues
  • Prise en charge des extraits enrichis – Non

WP Go Maps (anciennement WP Google Maps)

wp go maps banner
Installations activesÉvaluationsMises à jourSupport
+4000004.8/5Fréquent48/72 hrs

WP Go Maps n'est pas à proprement parler un plugin de localisation de magasins, mais plutôt un plugin de cartographie compatible avec Google Maps et Open Street Maps.

Il est extrêmement populaire, avec plus de 400 000 installations actives.

La version gratuite permet aux utilisateurs de créer une carte en faisant simplement un clic droit sur la carte et en ajoutant un nombre illimité de marqueurs avec toutes les informations nécessaires pour trouver les emplacements des magasins.

La version gratuite permet aux visiteurs de votre site de rechercher par adresse et rayon.

Les fonctionnalités notables de la version gratuite incluent :

  • Marqueurs de carte illimités en saisissant simplement l'adresse
  • Bloc de carte Elementor
  • Modifiez vos marqueurs de carte en un seul clic
  • Faites glisser les marqueurs de carte vers un emplacement précis
  • Prise en charge des traductions
  • Définissez la largeur, la hauteur et le niveau de zoom de votre carte
  • Ajoutez des animations à vos marqueurs de carte !
  • Restreindre la recherche du localisateur de magasins par pays
  • Ajouter des polygones à votre carte
  • Ajouter des polylignes / itinéraires à votre carte
  • Google Maps Autocomplete
  • Définissez le niveau de zoom maximum pour votre carte
  • Servez les données de vos marqueurs de carte via votre base de données ou un fichier XML

Store Locator Plus for WordPress

bannière store locator plus
Installations activesÉvaluationsMises à jourSupport
+70004.3/5Fréquentpeu fiable

Store Locator Plus vous permet de créer une recherche de localisation sur votre site web, quel que soit le nombre de magasins que vous devez gérer.

Vous pouvez créer une page sans paramètres uniques, définir votre emplacement par défaut et ajouter un shortcode à la page de recherche de localisation. 

Ce plugin est particulièrement adapté aux personnes qui souhaitent ajouter une simple barre de recherche à leur site pour localiser des magasins.

Si vous recherchez des options hautement personnalisables, Store Locator Plus for WordPress n'est probablement pas le premier choix qui vous vient à l'esprit. 

Ajoutez des modules complémentaires personnalisés (extensions payantes) à ce plugin pour des fonctionnalités supplémentaires.

Comme l'activation ou la désactivation des options de recherche, la catégorisation des emplacements, la création de pages axées sur le SEO pour chaque zone, et ainsi de suite. 

Vous devez implémenter quelques modules complémentaires ou extensions pour tirer le meilleur parti de ce plugin.

Par exemple, des extensions sont nécessaires pour intégrer des liens vers les réseaux sociaux aux emplacements des magasins ou ajouter des champs personnalisés à vos données de localisation. 

Store Locator Plus fonctionne également parfaitement avec Gravity Forms et Event Location Manager pour associer des événements à l'emplacement de votre entreprise.

Enfin, il prend en charge plusieurs pays et langues sans aucun module complémentaire payant.

Fonctionnalités principales

  • Prise en charge de plusieurs pays et emplacements
  • Disponible en plusieurs langues 
  • Il n'y a pas de limite stricte au nombre d'emplacements que vous pouvez ajouter
  • Facilement personnalisable avec des ajustements HTML et CSS
  • Une large gamme d'extensions et de modules payants pour tirer le meilleur parti de votre site
  • Prise en charge de l'API REST WordPress pour utiliser WP comme CMS headless, l'intégrer à des applications mobiles, et bien plus encore.
  • Ne prend pas en charge les Rich Snippets

AVERTISSEMENT : Cette extension a été suspendue pendant une longue période du répertoire d'extensions wp.org pour des raisons de sécurité.

Il semble que le problème soit maintenant résolu, mais la gestion de la situation a été assez peu professionnelle.

En résumé…

Dans cet article, nous avons compilé certaines des extensions WordPress les plus populaires qui peuvent vous aider à intégrer une fonctionnalité de localisateur de magasins sur votre site web.

Chacune possède ses propres fonctionnalités et capacités, mais la plupart des utilisateurs seront satisfaits par n'importe laquelle des extensions mentionnées ci-dessus.

Laquelle devriez-vous utiliser ? Cela dépend de vos besoins.

Par exemple, si l'intégration avec Yoast SEO est le seul critère de votre recherche, Local SEO by Yoast est un choix évident.

En revanche, si vous recherchez la plus large sélection de fonctionnalités dans la version gratuite ainsi qu'un éventail remarquable d'extensions premium, GeoDirectory est ce que vous devriez choisir pour votre site.

Quelle extension WordPress de localisateur de magasins préférez-vous et pourquoi ? Donnez votre avis dans les commentaires ci-dessous !

Chez AyeCode, nous adorons le marketing d'affiliation !

Le marketing d'affiliation est l'une des choses qui ont contribué au succès de GeoDirectory.

Lorsqu'en 2011 nous avons lancé GeoTheme, le prédécesseur de GeoDirectory, notre programme d'affiliation et quelques excellents affiliés ont donné à notre premier produit la visibilité dont il avait besoin pour décoller.

Cela nous a aidés à construire une audience.

Le marketing d'affiliation est sans conteste l'une des raisons pour lesquelles nous avons été rentables dès le premier jour, et nous n'avons cessé de croître depuis.

Aujourd'hui, nous nous appuyons toujours sur le marketing d'affiliation et nous versons à nos partenaires des commissions d'affiliation à cinq chiffres par an.

Actuellement, nous avons 277 affiliés, mais 7 d'entre eux représentent 80 % des revenus générés par notre programme d'affiliation.

Cela signifie que vous n'en avez pas besoin d'un grand nombre : il vous en faut quelques-uns, mais de qualité.

Au fait, si vous souhaitez rejoindre notre programme d'affiliation, nous offrons une commission de 30 % pour chaque vente et vous pouvez vous inscrire ici.

Qu'est-ce que le marketing d'affiliation ?

Si vous ne le savez pas encore, le marketing d'affiliation dans le secteur du e-commerce consiste à offrir une commission pour chaque vente référencée par un site tiers.

Un plugin d'affiliation vous aidera à automatiser ce processus.

Les propriétaires de sites web qui souhaitent promouvoir vos produits peuvent s'inscrire au programme d'affiliation de votre site.

Le plugin fournira des « liens spéciaux » à vos partenaires et suivra chaque fois qu'un visiteur atterrit sur votre boutique après avoir cliqué sur l'un de ces liens spéciaux sur le site d'un partenaire.

Si ce même visiteur achète l'un de vos produits ou services, ou un annuaire premium, le plugin d'affiliation enregistrera la commission.

À la fin du mois, vous pouvez générer un rapport de paiement de toutes les commissions et rémunérer vos partenaires affiliés.

Devriez-vous lancer un programme d'affiliation pour votre annuaire ?

Si vous vendez des annonces premium, absolument oui ! Faites-le maintenant…

Si ce n'est pas le cas, vous ne tirez pas pleinement parti de votre activité en ligne.

Les développeurs d'annuaires expérimentés savent à quel point il peut être difficile de monétiser un annuaire. Surtout lorsqu'il vient d'être lancé.

Un programme de marketing d'affiliation bien pensé peut grandement vous y aider.

Par exemple, dans le cas d'un annuaire de commerces locaux, vous pourriez contacter chaque agence de référencement local, développeur web et agence marketing de votre région et leur faire savoir qu'ils peuvent toucher un pourcentage pour chaque annonce premium qu'ils achètent pour leurs clients locaux.

Leurs clients sont vos clients !

En plus de vous envoyer du trafic ciblé, vos partenaires affiliés amélioreront votre profil de backlinks et, par conséquent, votre référencement naturel (SEO).

La plupart des partenaires affiliés masqueront les liens d'affiliation sur leurs sites web. Certains y ajouteront l'attribut « nofollow ».

Cependant, un bon pourcentage vous accordera tout de même un lien 100 % « dofollow », et chaque backlink peut faire une grande différence pour le classement de votre site.

Quel plugin d'affiliation devrais-je utiliser avec GeoDirectory ?

Jusqu'à récemment, vous n'aviez qu'un seul choix. Cependant, vous deviez acheter ce plugin ainsi que notre extension d'intégration rien que pour démarrer.

À moins que votre annuaire ne génère déjà des revenus convenables, l'investissement initial pouvait paraître un peu élevé.

Aujourd'hui, la réponse s'impose d'elle-même. Vous devriez utiliser SliceWP!

SliceWP est le tout nouveau plugin d'affiliation pour WordPress, son plugin de base est gratuit, il est incroyablement facile à utiliser et ses développeurs viennent de le rendre entièrement compatible avec notre plugin GetPaid.

Par conséquent, il est également compatible avec GeoDirectory !

Le plugin gratuit est largement suffisant pour démarrer, et si vous parvenez à attirer quelques bons partenaires affiliés (3 ou 4), ils auront un impact considérable sur vos revenus.

Je suis convaincu, montrez-moi comment faire !

C'est la partie facile. Cela ne prendra littéralement que quelques minutes.

Je suppose que vous avez déjà GeoDirectory installé et que vous vendez des annonces Premium payantes en utilisant le GeoDirectory Pricing Manager Add-on et le GetPaid plugin.

1. Installer SliceWP

Installer SliceWP

Accédez à Plugins > Add New, recherchez SliceWP, cliquez sur Installer maintenant et Activer. Cela lancera l' assistant de configuration.

2. Compléter l'assistant de configuration

SliceWP Setup Wizard
  1. Sélectionnez GetPaid
  2. Définissez votre Taux de commission sur les ventes, Taux de commission sur les abonnements, Devise, Durée du cookie et Permettre aux visiteurs de s'inscrire en tant qu'affiliés.
  3. Créer les pages nécessaires : Page d'inscription des affiliés, Page de connexion des affiliés, et Page de compte affilié
  4. Activer les notifications nécessaires (les 4)
  5. Toutes les options requises sont maintenant configurées. Vous avez presque terminé, cliquez sur Vérifier les paramètres pour affiner votre configuration de SliceWP

Ici, vous pouvez ajouter les dernières retouches grâce à des options non obligatoires telles que :

  • Exclure les taxes
  • Rejeter les commissions en cas de remboursement
  • Commissions à montant zéro
  • Commissions propres à l'affilié

Et quelques autres options.

À partir de maintenant, chaque vente référencée par un partenaire affilié sera suivie et une commission sera enregistrée.

Voici à quoi ressembleront les commissions dans le back-office :

SliceWP Commissions

Voici à quoi ressemblera le compte affilié sur le front-end avec le thème de démarrage :

Compte Affilié

En tant qu'administrateur du site, vous pourrez modérer les inscriptions des partenaires affiliés. Vous pouvez suivre les références, les visites, et vous pourrez ajouter des créatifs (supports marketing tels que logos et bannières.)

Les fichiers de paiement sont faciles à créer grâce aux dates de début et de fin, et vous pouvez définir un montant minimum.

SliceWP Premium Features

Si cela ne suffit pas, vous disposez de plusieurs extensions premium au choix.

Pour un prix très raisonnable, vous pouvez ajouter des fonctionnalités supplémentaires telles que :

  • Commissions à vie
  • Champs d'affiliation personnalisés
  • Commissions récurrentes
  • Taux de commission par produit
  • Taux de commission de l'affilié

et bien plus encore.

C'est tout !

Si vous souhaitez le tester, vous pouvez le faire sur cette démo : https://demos.ayecode.io/starter/

Vous pouvez vous inscrire en tant qu'affilié ici :
https://demos.ayecode.io/starter/affiliate-registration/

Vous pouvez vous connecter en tant qu'affilié ici :
https://demos.ayecode.io/starter/affiliate-login/

Et vous trouverez la page du compte affilié ici :
https://demos.ayecode.io/starter/affiliate-account/

Nous espérons que vous apprécierez l'utilisation de SliceWP ; si vous avez des questions à ce sujet, n'hésitez pas à les laisser dans les commentaires ci-dessous.

Avertissement

AyeCode n'est actuellement pas affilié à SliceWP et n'y détient aucun intérêt. Nous le recommandons à notre audience uniquement parce que nous l'apprécions et parce que ses développeurs ont eu la gentillesse de le rendre compatible avec GetPaid.

Nous pensons que c'est un ajout fantastique pour tout développeur d'annuaire en ligne.

Créer un annuaire d'annonces immobilières sur WordPress se résume à un seul choix architectural : quel constructeur de pages ou framework de thème vous allez utiliser.

Les trois options sérieuses en 2026 sont BlockStrap (le framework derrière le thème gratuit Real Estate Listings), Elementor PRO et le thème Kadence.

Les trois fonctionnent parfaitement avec GeoDirectory et permettent de produire un site immobilier fonctionnel en moins d'une heure.

Les compromis entre eux sont bien réels, et il vaut la peine de les comprendre avant de commencer.

Cet article couvre étape par étape le chemin Elementor PRO et le chemin Kadence, ainsi que le cadre pour choisir entre eux.

Si vous souhaitez la troisième option (le chemin BlockStrap recommandé), consultez notre guide sur comment créer un site immobilier, qui décrit le même processus avec le thème Real Estate Listings livré préconfiguré pour les cas d'usage immobilier.

Quelle option convient à quel opérateur

BlockStrap + thème Real Estate Listings (Recommandé)

Le thème gratuit Real Estate Listings construit sur le framework BlockStrap est le moyen le plus rapide pour obtenir un site immobilier fonctionnel.

Il utilise les blocs WordPress natifs (sans dépendance à un constructeur de pages), se charge rapidement sur un hébergement standard et est livré avec un design spécifique à l'immobilier prêt à l'emploi.

C'est le chemin décrit en détail dans notre comment créer un site immobilier guide.

Choisissez cette option si : vous souhaitez la configuration la plus simple et la plus rapide, sans coûts récurrents liés à un constructeur de pages.

Elementor PRO

Elementor PRO est le constructeur de pages visuel le plus flexible de l'écosystème WordPress.

Il vous permet de concevoir visuellement des mises en page personnalisées, des modèles d'annonces, des pages d'archives et des pages de résultats de recherche, avec une intégration poussée des données dynamiques dans GeoDirectory.

Les compromis : Elementor PRO nécessite un abonnement à 59 $/an (niveau d'entrée), alourdit le frontend et bénéficie donc d'un hébergement de meilleure qualité, et sa courbe d'apprentissage est plus abrupte que l'approche par blocs natifs.

Choisissez cette option si : vous avez besoin d'une flexibilité de conception totale, vous utilisez déjà Elementor sur d'autres sites, ou vous avez un designer dans l'équipe qui travaille avec Elementor.

Kadence Theme

Kadence est un thème WordPress gratuit populaire avec des extensions payantes optionnelles (Kadence Pro, Kadence Blocks Pro).

Il utilise des blocs Gutenberg natifs comme BlockStrap, mais le style et l'architecture du thème sont différents.

Les compromis : Kadence est excellent pour les sites WordPress généraux, mais n'est pas spécialisé dans l'immobilier comme l'est le thème Real Estate Listings. Vous devrez passer du temps à personnaliser le design pour lui donner une apparence immobilière plutôt que générique.

Choisissez cette option si : vous utilisez déjà Kadence sur d'autres sites et souhaitez une cohérence dans votre stack, ou vous préférez le système de design spécifique de Kadence par rapport à BlockStrap.

Voie A : GeoDirectory + Elementor PRO

Étape 1 : Configurer l'hébergement WordPress

Ignorez cette étape si vous disposez déjà d'un site WordPress vierge configuré.

Pour Elementor PRO en particulier, optez pour des plans d'hébergement avec au moins 2 Go de RAM et un stockage SSD. Elementor alourdit le frontend et bénéficie donc d'une infrastructure plus rapide.

Les hébergeurs WordPress managés (Kinsta, WP Engine, Cloudways, SiteGround) gèrent automatiquement l'optimisation sous-jacente.

Étape 2 : Installer Elementor et Elementor PRO

Depuis votre administration WordPress, rendez-vous dans Extensions → Ajouter.

Rechercher Elementor, installez et activez la version gratuite.

Installer Elementor dans WordPress

Puis cliquez sur Ajouter → Téléverser une extension et installez Elementor PRO en téléversant le fichier ZIP depuis votre compte Elementor.

Elementor PRO est un abonnement payant, à partir de 59 $/an pour le niveau d'entrée. Achetez-le directement sur Elementor.com.

Étape 3 : Installer le plugin AyeCode Connect

Accédez à Extensions → Ajouter.

Rechercher AyeCode Connect.

Recherchez AyeCode Connect dans le navigateur de plugins

Cliquez sur Installer, puis Activer.

Un nouveau AyeCode élément de menu apparaît dans la barre latérale WordPress avec deux sous-menus : AyeCode et Import Demo Data.

Étape 4 : Se connecter à la bibliothèque de démos AyeCode

Cliquez sur le Connect Site bouton et inscrivez-vous (ou connectez-vous si vous avez déjà un compte AyeCode).

L'inscription est gratuite.

AyeCode connecté à WordPress

La connexion permet à AyeCode d'installer automatiquement les extensions premium pour lesquelles vous disposez d'une licence. Si vous n'avez pas de licence, les démos s'installent quand même sans les fonctionnalités premium.

Étape 5 : Importer la démo Elementor Immobilier

Accédez à AyeCode → Import Demo Data.

Sélectionnez la démo intitulée Real Estate (Elementor).

Importer la démo immobilière GeoDirectory et Elementor

Cliquez sur Voir, puis Importer.

L'importation installe le plugin GeoDirectory, l'extension Real Estate Directory, les modèles spécifiques à Elementor, ainsi qu'un ensemble d'annonces immobilières de démonstration.

Une fois l'importation terminée, consultez le site. Vous disposez d'un répertoire immobilier fonctionnel basé sur Elementor, prêt à être personnalisé.

Option B : GeoDirectory + thème Kadence

L'option Kadence est plus simple que l'option Elementor, car vous n'avez pas besoin d'installer ni de payer un constructeur de pages séparé.

Étape 1 : Configurer l'hébergement WordPress

Identique à l'option Elementor, mais la légèreté de Kadence vous permet d'opter pour un hébergement d'entrée de gamme si votre budget est limité.

Étape 2 : Installer le plugin AyeCode Connect

Suivez les mêmes étapes que pour l'option Elementor ci-dessus.

Étape 3 : Se connecter à la bibliothèque de démos AyeCode

Même processus de connexion que pour l'option Elementor.

Étape 4 : Importer la démo immobilière Kadence

Accédez à AyeCode → Import Demo Data.

Cette fois, sélectionnez la démo intitulée Real Estate (Kadence).

Importer la démo immobilière GeoDirectory et Kadence

Cliquez sur Voir, puis Importer.

L'importation installe le plugin GeoDirectory, l'extension Real Estate Directory, le thème gratuit Kadence, ainsi qu'un ensemble d'annonces immobilières de démonstration.

Rien d'autre n'a besoin d'être installé au préalable. Kadence est gratuit, GeoDirectory est gratuit, l'extension Real Estate Directory est gratuite.

Après l'importation (les deux options)

La personnalisation après importation est similaire pour les deux options :

  1. Remplacez le logo de substitution par votre marque
  2. Ajustez les couleurs et la typographie dans le personnalisateur de thème (Apparence → Personnaliser pour Kadence, Apparence → Éditeur pour les thèmes basés sur BlockStrap, Templates > Theme Builder pour Elementor PRO)
  3. Modifiez la navigation du menu pour qu'elle corresponde à la structure de votre site (Accueil, Annonces, Agents, Secteurs, Contact)
  4. Remplacez les annonces immobilières de démonstration par vos vraies propriétés sous Lieux dans l'administration WordPress
  5. Configurez le formulaire de contact et le flux de capture de prospects
  6. Soumettez votre sitemap à Google Search Console

Pour une présentation approfondie du remplacement des annonces de démonstration et de la configuration des fonctionnalités spécifiques à l'immobilier (calculateur de prêt hypothécaire, étiquette énergétique, score de proximité, visite virtuelle), consultez notre comment créer un site immobilier guide.

Notes de performance

Une vraie différence entre les options mérite d'être signalée.

Les sites Elementor PRO ajoutent un poids en frontend qui tire parti d'un hébergement WordPress de meilleure qualité. Sur un hébergement mutualisé d'entrée de gamme, un site immobilier basé sur Elementor sera sensiblement plus lent qu'un site basé sur Kadence ou BlockStrap affichant le même contenu.

Ce n'est pas un défaut d'Elementor, c'est le prix de la flexibilité visuelle qui rend Elementor si puissant.

Les thèmes natifs en blocs comme Kadence et BlockStrap restent rapides sur un hébergement WordPress standard, car ils génèrent un HTML plus propre et nécessitent moins de JavaScript en frontend.

Pour les sites immobiliers qui doivent se charger rapidement sur mobile (là où la majeure partie de la navigation immobilière se produit), les options natives en blocs offrent un réel avantage en termes de performance.

Pour les sites immobiliers où la flexibilité de conception justifie le compromis sur les performances (annonces de luxe, agences avec une identité de marque forte), Elementor PRO reste le choix le plus puissant.

La voie pragmatique

Pour la plupart des opérateurs qui lancent un répertoire d'annonces immobilières :

Le plugin gratuit Le chemin du thème BlockStrap + Real Estate Listings est le point de départ le plus simple, le plus rapide et le moins coûteux.

L'option Kadence (couverte ci-dessus) est le bon choix si vous utilisez déjà Kadence sur d'autres sites et souhaitez une cohérence de stack.

L'option Elementor PRO (également couverte ci-dessus) est le bon choix si vous avez besoin de la flexibilité de conception et disposez du budget d'hébergement pour la soutenir.

Les trois approches reposent sur la même base GeoDirectory et au gratuit module complémentaire Real Estate Directory, donc les annonces, la recherche, les cartes, le calculateur de prêt immobilier, le bilan énergétique, le score de marche et les fonctionnalités de visite virtuelle fonctionnent de manière identique quelle que soit l'approche choisie.

Pour une comparaison plus large des plugins immobiliers WordPress (notamment GeoDirectory vs Easy Property Listings, Estatik, WPL et les options dépendantes des MLS), consultez notre guide sur les meilleurs plugins de listes immobilières pour WordPress.

Pour une analyse plus globale des raisons de ne pas opter pour les plateformes d'annuaires SaaS dans toutes les catégories d'annuaires, consultez notre best business directory software guide.

Réflexions finales

Le bon constructeur de pages pour votre répertoire d'annonces immobilières est celui qui correspond à votre flux de travail existant, à votre budget d'hébergement et à vos besoins en matière de flexibilité de conception.

Les trois approches sérieuses (BlockStrap, Elementor PRO, Kadence) permettent de créer un site immobilier fonctionnel en moins d'une heure grâce à l'importation de démo GeoDirectory.

Pour la plupart des opérateurs, la gratuité et la rapidité l'emportent.

Pour les opérateurs ayant des besoins spécifiques en matière de design ou de flux de travail, l'approche payante Elementor PRO reste un investissement qui en vaut la peine.

Choisissez l'approche qui vous convient, installez AyeCode Connect, importez la démo et ayez un répertoire d'annonces immobilières fonctionnel en ligne avant la fin de l'après-midi.

Comment le créneau des thèmes d'annuaires WordPress a démarré

Lorsque nous avons commencé cette aventure, il n'y avait que quelques autres acteurs dans le créneau des thèmes d'annuaires WordPress.

GeoPlaces by Templatic et Directorypress by PremiumPress.

À ce stade, Stiofan et moi ne nous connaissions pas encore. Nous nous sommes rencontrés sur les forums Templatic après avoir acheté leur thème pour créer nos annuaires.

Cependant, nous avons trouvé Templatic défaillant, bogué et inadapté au développement d'un site web en production.

Stiofan a commencé à l'utiliser, à y apporter des corrections et à le faire fonctionner pour ses besoins. C'est ainsi qu'est né son site d'annuaire Barra.

Plus de 80 % du thème nécessitait des corrections majeures, nous avons donc décidé de nous associer, de le forker et de créer un produit alternatif.

C'est ainsi que nous avons créé GeoTheme. Ensuite, Vantage d'AppThemes est sorti, et nous avons vu les produits apparaître les uns après les autres.

Aujourd'hui, ThemeForest.net répertorie 163 articles et ce nombre ne cesse de croître, tous étant des thèmes WordPress pour annuaires (la dernière fois que nous avons vérifié, ils étaient 157).

Plusieurs autres boutiques de thèmes indépendantes vendent également leur propre thème WordPress pour annuaires.

GeoTheme a cessé d'exister il y a plus de 2 ans. Nous avons décidé de le transformer en plugin appelé GeoDirectory, afin que les webmasters puissent l'utiliser comme bon leur semble.

Cela permet d'ajouter des annuaires à n'importe quel site existant sans qu'aucune modification ne soit nécessaire au niveau du thème ou du site.

Avec autant d'options, laquelle choisir en 2021 ?

Notre première réponse serait Listimia + GeoDirectory pour des raisons évidentes. Listimia est sorti en juin 2019 et vous pouvez le découvrir dans cette DÉMO.

Il ne coûte que 39 $ et, étant entièrement conçu autour de GeoDirectory, il constitue le thème WordPress pour annuaires le plus riche en fonctionnalités. Avons-nous mentionné qu'il est élégant, raffiné et professionnel ?

listimia wordpress directory theme

Si vous préférez ne pas faire ce voyage avec nous, laissez-nous au moins vous aider à choisir judicieusement.

Pour cela, nous avons acheté, installé et testé les 7 thèmes WordPress pour annuaires les plus populaires, afin de vous fournir des avis scrupuleux et objectifs de la part de spécialistes de la niche des annuaires.

Pour mettre en avant leurs points forts et exposer leurs points faibles.

Divulgation des liens affiliés

Nous espérons que vous apprécierez nos efforts ! Ayant investi 500 $ pour acheter tous ces thèmes, nous devons rentabiliser cet investissement. Certains liens présents dans cet article sont des « liens affiliés ». Cela signifie que si vous cliquez sur le lien et achetez le produit, nous percevrons une commission d'affiliation.

Critères de test

Tout d'abord, nous avons décidé de ne tester que 7 thèmes. Les 4 thèmes les plus vendus du moment sur ThemeForest.net et les 3 premiers résultats sur les SERP de Google.com pour le mot-clé « WordPress directory theme ».

Ce sont :

1) Listify by Astoundify
2) Listable by Pixelgrade
3) ListingPro by Cridio Studio
4) MyListing by 27collective
5) DirectoryEngine by EngineThemes
6) Vantage by AppThemes
7) Directory by Templatic

Nous les évaluerons selon les critères suivants :

1) Facilité d'utilisation
2) Qualité du design
3) Flexibilité
4) Application des bonnes pratiques SEO
5) Qualité du support et de la documentation
6) Qualité du code, respect des bonnes pratiques WordPress et évolutivité

Pourquoi n'avez-vous pas aussi testé tel ou tel autre thème ?

Par manque de temps. Il en existe des centaines et nous ne pouvions pas tous les passer en revue. Nous avons sélectionné les thèmes pour lesquels le marché affichait la préférence la plus marquée.

Listify by Astoundify

thème WordPress d'annuaires - listify

Facilité d'utilisation

L'installation et la configuration de ce thème étaient aussi simples que possible.

Le guide de configuration vous permet de mettre en place un site de test en moins de 5 minutes.

La seule partie fastidieuse est la procédure pour obtenir la clé API Google Maps, qui s'est révélée plus compliquée que tout le reste de l'assistant d'installation.

Je suggère aux auteurs de jeter un œil à notre API KEY for Google Maps plugin.

Ils apprendront comment simplifier la procédure de plusieurs étapes à quelques clics.

Qualité du design

Le design de Listify est remarquable, facilement personnalisable et devrait rester accessible même aux utilisateurs ayant peu ou pas de connaissances en codage/CSS.

La section « Personnalisateur » contient des kits de styles et d'autres options permettant à l'utilisateur de modifier le style du site web, comme le logo, les couleurs des éléments, les étiquettes et la typographie.

Flexibilité

Un plugin tiers, appelé WP Job Manager, alimente en réalité le thème, donc
il existe peu d'options intégrées pour la gestion des champs et des liens.

La première chose que je voulais tester était les champs personnalisés pour voir comment Listify gère les méta des publications.

J'ai été surpris de constater qu'il ne gère en fait pas très bien les champs.

Si vous souhaitez ajouter un champ personnalisé au formulaire d'ajout d'annonce en front-end et aux pages d'annonces, vous devez ajouter des extraits de code à votre thème enfant ou acheter encore un autre plugin premium.

Les filtres de recherche par champs personnalisés ne sont donc pas disponibles. Vous pouvez filtrer par lieu, par catégorie, par mot-clé ou par étiquette.

Avec un plugin premium supplémentaire appelé FacetWP, vous pouvez étendre ces possibilités, mais je ne l'ai pas testé et je ne peux pas dire dans quelle mesure.

Listify est compatible avec WPML, mais Polylang est recommandé pour créer un site web multilingue.

Respect des bonnes pratiques SEO

Le champ de localisation est une taxonomie. De ce fait, ce thème est davantage adapté à un annuaire local. Créer un site web prospère avec plusieurs localisations pourrait s'avérer quasi impossible.

Vous pouvez rechercher et filtrer par catégorie et par lieu. Mais vous ne pouvez consulter les archives d'annonces que par lieu OU par catégorie. Pour les annuaires regroupant des annonces de plusieurs villes, il s'agit d'une limitation SEO majeure.

Si vous souhaitez voir les annonces « Chambre privée » à San Diego sur la démo de Listify, vous ne pouvez le faire qu'en utilisant leur moteur de recherche. Si vous copiez l'URL renvoyée :

https://listify-demos.astoundify.com/rentals/listings/?search_location=&use_search_radius=on&search_radius=50&search_lat=0&search_lng=0&search_region=&search_context=831#s=1

et que vous la collez dans une nouvelle fenêtre de navigateur, vous constaterez qu'elle n'affiche pas les annonces « Chambre privée » à San Diego, mais une page de résultats de recherche générique.

Ce n'est pas favorable au référencement.

Vous ne pouvez pas gérer les métas SEO avec SEO Yoast pour des pages de résultats de recherche similaires.

Aucun titre pertinent. Aucune méta pertinente. Rien dans l'URL pour aider Google à indexer votre site pour « Chambres privées à San Diego ».

Pour un bon annuaire, il devrait exister une archive avec une structure similaire :

listify-demos.astoundify.com/rentals/united-states/california/san-diego/single-room

Cette structure permet d'attribuer un titre méta et des descriptions méta uniques, et serait optimisée à 100 % pour le référencement.

Listify gère les Rich Snippets, mais les intègre de la manière la plus basique qui soit.

Qualité du support & de la documentation

La documentation est complète et claire. Le support est également courtois et efficace.

J'ai soumis une question via les commentaires sur la page du produit et j'ai reçu une réponse en moins de 24 heures.

Qualité du code, respect des bonnes pratiques WordPress et évolutivité

De base, parce qu'il n'utilise pas de champs personnalisés, Listify est évolutif, de manière similaire à la façon dont WordPress l'est pour les articles et les pages.

L'ajout de champs personnalisés à l'équation, via des extraits de code ou un plugin, dégraderait rapidement les performances. Cela est dû à la façon dont les champs personnalisés sont enregistrés dans la base de données.

Commentaires de code : En général, la qualité du code est bonne, beaucoup des fonctions importantes sont commentées, mais il en reste encore beaucoup sans aucun commentaire ou qui manquent de descriptions complètes, et ne seraient donc pas conformes aux standards WordPress.

Actions & Filtres : Le thème contient 134 do_action() et 187 apply_filters(), ce qui est encourageant (en général, plus il y a d'actions et de filtres, plus il est facile pour les développeurs de travailler avec).

Échappement (sécurité) : Semble bon et conforme aux standards WP.

Conclusions sur Listify

Bien qu'un design soigné et une mise en place rapide soient des avantages évidents, ce thème est, malheureusement, totalement dépendant d'autres plugins. À notre avis, Wp Job Manager est loin d'être idéal pour construire un annuaire d'entreprises.

Étant donné qu'Astoundify a été vendu et que nous ne connaissons pas les nouveaux développeurs, je ne peux pas garantir que Listify soit toujours aussi stable qu'il l'était lors de notre premier test. Si et quand nous aurons le temps de vérifier les dernières mises à jour, nous en rendrons compte ici.

Listable by Pixelgrade

Facilité d'utilisation

Listable a fait une très bonne première impression, bien qu'il ne soit pas aussi fluide et rapide que le précédent.

Après quelques minutes de travail, mon site de test ressemblait à la démo officielle de Listable.

Listable intègre Mapbox. Mapbox est une alternative à Google Maps, bien qu'il n'offre que 1600 vues de carte par jour et devienne assez coûteux au-delà, ce n'est donc pas un excellent choix.

Google Maps est disponible. Il faut ajouter la clé API manuellement, ce qui prend du temps. Les auteurs de Listable devraient jeter un œil à ce que nous avons suggéré à l'équipe d'Astoundify à ce sujet.

Qualité du design

Le principal atout de Listable est son design élégant et pixel perfect.

Leurs options de personnalisation permettent de modifier la plupart des éléments : ajuster les palettes de couleurs, gérer les polices ou ajouter du CSS personnalisé.

Flexibilité

Tout comme Listify, le point le plus faible de Listable est le plugin qui propulse l'annuaire. WP Job Manager, que je considère loin d'être idéal pour un annuaire d'entreprises.

Là encore, pour créer des champs personnalisés, vous avez besoin d'un plugin premium supplémentaire ou de code additionnel. La seule différence réside dans les Emplacements qui ne sont pas une taxonomie, mais une métadonnée de publication.

Une taxonomie supplémentaire proposée est celle des types d'annonces. Je n'en ai pas vu l'utilité, car elle semble réservée aux administrateurs uniquement.

Listable est entièrement compatible avec WPML. Je l'ai testé et peux le confirmer personnellement.

Respect des bonnes pratiques SEO

Bien que le champ Emplacement ne soit pas une taxonomie (il s'agit d'un champ personnalisé), les problèmes sont les mêmes que ceux rencontrés avec Listify.

Google n'indexera jamais vos archives de catégories par ville (si vous en avez plus d'une).

Un annuaire d'hôtels situés dans plusieurs villes, dont New York, ne se positionnera pas sur des mots-clés comme « Hôtels à New York ».

Avec cette structure, il vaut mieux créer un annuaire pour une seule ville ou un annuaire hyperlocal uniquement.

Listable gère les Rich Snippets, mais les intègre de manière basique.

Qualité du support & de la documentation

La documentation est complète et claire, et le support est courtois et efficace.

J'ai soumis une question via les commentaires sur la page du produit et j'ai reçu une réponse en moins de 12 heures.

Qualité du code, respect des bonnes pratiques WordPress et évolutivité

Par défaut, parce qu'il n'utilise pas de champs personnalisés, Listable est évolutif tout comme Listify.

Mais comme Listify, si vous essayez d'ajouter des champs personnalisés, des problèmes de performance apparaissent rapidement.

Commentaires de code : Certains commentaires de code existent, mais la plupart des fonctions ne sont pas commentées et celles qui le sont ne respectent pas les normes WP.

Actions & Filtres : Le thème comporte 141 do_action() et 136 apply_filters() (en général, plus il y a d'actions et de filtres, plus il est facile pour les développeurs de travailler avec).

Échappement (sécurité) : Globalement bon et conforme aux normes WP, bien que j'aimerais voir toutes les données POST échappées, même dans les fonctions backend.

Conclusions sur Listable

Un beau design et une configuration facile, mais les mêmes problèmes que Listify, car leur choix d'utiliser WP Job Manager a là encore limité leur potentiel.

De plus, comme la plupart des plugins sont premium, je n'ai pas pu tous les tester. Les acheter tous porterait l'investissement total à plus de 300 $.

Par exemple, je n'ai pas pu tester les annonces payantes, la revendication d'annonces, les favoris et les tags d'annonces. Toutes les options de monétisation sont disponibles à un coût supplémentaire.

La même réserve que j'ai formulée pour Listify s'applique également à Listable. C'est dommage qu'il ne soit pas compatible avec GeoDirectory. Beaucoup de nos membres actuels l'auraient acheté.

ListingPro by Cridio Studio

Facilité d'utilisation

Les choses ne se sont pas très bien passées avec ListingPro au départ. J'ai dézippé l'archive et j'y ai trouvé 5 fichiers zip :

  • Documentation-1.0.zip,
  • listingpro.zip,
  • listingpro-Bulk-import-addon.zip,
  • listingpro-child.zip, et Live-demo-Content.zip.

J'ai installé le thème parent et le thème enfant, puis j'ai activé le thème enfant. J'ai été redirigé vers la page de l'assistant de configuration, où la première étape nécessite l'installation des plugins obligatoires et recommandés. Cette étape a échoué et je n'ai pas pu continuer.

J'ai dû demander de l'aide, ce qui, heureusement, a été très rapide. On m'a expliqué que pour tout configurer, je devais activer le thème parent. Cela montre que le processus est défaillant, car activer le thème parent ou enfant ne devrait rien changer.

S'il est préférable d'activer le thème parent en premier pour le processus de configuration, pourquoi ne pas masquer le fichier zip du thème enfant et ajouter une étape à l'assistant de configuration qui installe et active le thème enfant une fois que tout le reste est terminé ? (Comme le fait Listify.)

En tout cas, après avoir activé le thème parent, le problème a disparu et j'avais un site de test similaire à leur démo officielle pour commencer mes tests.

L'auteur a ajouté une clé API Google Maps par défaut, afin d'éviter que les utilisateurs ne voient une erreur sur leurs cartes lors de leur première visite sur le site.
C'est à la fois une bonne et une mauvaise chose.

C'est positif d'éviter d'afficher une erreur aux utilisateurs dans un premier temps. Mais cette clé API atteindra rapidement sa limite, et tous les utilisateurs qui auront omis de la modifier se verront présenter l'erreur de carte. Potentiellement lorsque leur site est en ligne, ce qui est encore pire.

Et, comme pour les deux thèmes précédents, avec ListingPro vous ne pouvez pas récupérer l'API Maps automatiquement.

Qualité du design

Le design frontal de ListingPro est remarquable et les options de personnalisation sont infinies, mais l'utilisation excessive de couleurs dans le tableau de bord est quelque peu irritante et devient rapidement un calvaire visuel.

Je préfère quand les plugins et les thèmes s'intègrent harmonieusement dans l'interface WordPress, en utilisant ses styles et éléments d'origine.

ListingPro n'utilise pas le Personnalisateur de thème pour ses options de style et de personnalisation. Tout étant regroupé dans les options du thème dans le tableau de bord, vous ne pouvez pas prévisualiser vos modifications de style pendant que vous les effectuez.

Flexibilité

ListingsPro est un thème WordPress de répertoire qui intègre toutes les fonctionnalités de répertoire. Il ne s'appuie pas sur des plugins tiers pour faire fonctionner la partie répertoire du thème.

C'est un avantage considérable, notamment pour ceux qui disposent d'un budget limité.

Contrairement à WP Job Manager, ListingsPro gère les champs personnalisés. Vous pouvez créer des champs des types suivants : Texte, Case à cocher, Case à cocher (Interrupteur On/Off), Cases multiples, Bouton radio et Sélection.

Les champs personnalisés ne sont pas disponibles comme filtres de recherche avancée et sont uniquement utilisés comme informations commerciales supplémentaires. Les filtres de recherche avancée sont prédéfinis et l'administrateur ne peut pas les modifier. Il s'agit du Prix, des Horaires d'ouverture, des Mieux notés, des Plus commentés et des Catégories.

Les localisations sont une Taxonomie et la page d'ajout d'annonce requiert la sélection d'une localisation. Cela signifie que si vous souhaitez créer un répertoire national, vous devez au préalable saisir toutes les villes de ce pays.

En l'absence de validation adéquate, il est possible de saisir une adresse d'une ville (même si elle n'est pas valide) et de sélectionner une ville différente comme localisation. C'est une conception bâclée, qui mériterait vraiment une approche plus réfléchie de la part du concepteur.

Une autre taxonomie proposée est : « fonctionnalités ». Les fonctionnalités dépendent des catégories. Il s'agit d'une taxonomie imbriquée dans une autre taxonomie.

ListingPro propose deux options de monétisation : les annonces payantes et la publicité. Les annonces payantes permettent d'activer et de désactiver quelques options.

Vous pouvez afficher ou masquer : les informations de contact, la carte Google, la vidéo et la galerie.

Les annonces payantes offrent aux propriétaires d'annonces la possibilité d'acheter des impressions supplémentaires dans les zones mises en avant du thème. C'est très intéressant, mais sa mise en œuvre reste assez basique. Par exemple, vous ne pouvez définir qu'un seul prix et une seule durée de diffusion par emplacement publicitaire.

Notre section préférée de ce thème est le Tableau de bord utilisateur. Il est très bien pensé

Respect des bonnes pratiques SEO

ListingPro présente les mêmes lacunes à cet égard que les deux thèmes précédents. Il ne fournit pas d'archives conviviales pour les moteurs de recherche des catégories filtrées par localisation.

Pas vraiment adapté à un répertoire couvrant plusieurs villes, il peut être utilisé pour un répertoire hyperlocal ou municipal avec un nombre limité d'annonces.

ListingPro ne gère pas les Extraits enrichis.

Qualité du support & de la documentation

La documentation n'est pas complète à 100 % et ne peut pas être consultée par recherche. Le support est extrêmement efficace : nous avons posté 1 commentaire et avons reçu une réponse en quelques minutes. J'ai été invité à utiliser leur système de tickets, ce qui s'est avéré une expérience positive et conviviale.

Qualité du code, utilisation des bonnes pratiques WordPress et évolutivité

La façon dont les données sont stockées dans la base de données fait de ListingPro le thème le moins performant à ce jour, du moins en termes de performance et d'évolutivité. Tout est enregistré sous forme d'articles et de méta d'articles. Les annonces, les prix, les publicités, les avis, les factures et les réclamations sont tous des types d'articles.

Avec un total de 9 annonces, j'avais 82 lignes dans la table wp_post et 1340 lignes dans la table wp_postmeta.

Créer un répertoire avec des milliers d'annonces en utilisant ce thème serait littéralement impossible sans dépenser une fortune en hébergement.
Commentaires de code : Des commentaires très basiques existent pour certains éléments, mais en général la plupart des choses n'en ont aucun. Je n'ai trouvé aucun commentaire conforme aux standards WP.

Actions & Filtres : Le thème comprend 14 do_action() et 31 apply_filters() (en général, plus il y a d'actions et de filtres, plus il est facile pour les développeurs de travailler avec).

Échappement (sécurité) : Un échappement très insuffisant, et nous avons en réalité découvert une faille XSS extrêmement grave lors de nos vérifications de base (nous en avons informé l'auteur).

Conclusions sur ListingPro

Un design soigné avec de très bonnes idées, mais un produit globalement immature présentant trop de défauts architecturaux majeurs.

Cela me rappelle GeoPlaces de Templatic.

Il est évident que l'auteur a étudié l'aspect graphique de ce projet dans les moindres détails. Mais il est tout aussi clair que la personne qui a écrit le code avait peu ou pas d'expérience dans le développement d'applications évolutives et hautement performantes.

Ils doivent également apprendre à sécuriser leur code. Sur le plan du code, c'est le 3e thème le moins bien noté lors de nos tests.

ListingPro n'est actuellement pas adapté à une application en production, selon nous.

MyListing by 27collective

Facilité d'utilisation

J'ai commencé à installer MyListing dans un réseau multisite, mais j'ai eu du mal à recréer une démo via WP All Import. C'est l'outil qu'ils recommandent pour importer des données fictives et créer une démo. Je ne sais pas si c'est un problème connu ou si j'ai manqué quelque chose.

Lorsque j'ai essayé sur une installation WordPress autonome, le problème avait disparu et j'ai pu lancer une démo très similaire à leur démo officielle en quelques secondes seulement.

MyListing nécessite l'installation de plusieurs plugins :

  • Wp Job Manager
  • WooCommerce
  • Elementor
  • All-in-One WP Migration
  • Contact Form 7

Pour cette raison, des pages à chargement rapide ne sont à prévoir que sur des serveurs haute performance.

Même leur démo n'est pas extrêmement rapide et se charge en moyenne en 7,4 secondes lors des tests effectués depuis 20 emplacements.

Sur un site de directory en production, cela entraînerait un taux de rebond très élevé.

Nous avons utilisé cet outil de test de vitesse de chargement pour obtenir ces statistiques.

Comme pour tous les thèmes précédemment testés, MyListing ne vous permet pas de récupérer l'API Maps automatiquement.

Qualité du design

MyListing est fortement intégré au plugin Elementor et offre de nombreuses options de personnalisation. Vous pouvez en concevoir la quasi-totalité via le constructeur de pages Elementor.

Vous pouvez personnaliser la page d'accueil, la page d'exploration (recherche) et quelques autres modèles. En revanche, vous ne pouvez pas modifier la page de détail d'une annonce.

La qualité générale du design est remarquable, même si je trouve la typographie légèrement trop petite pour les standards modernes et fatiguante pour les yeux.

MyListing est un autre thème qui ne suit pas les standards WordPress et évite d'utiliser le Personnalisateur de thème pour ses options de style et de personnalisation.

Flexibilité

MyListing utilise WP Job Manager comme base pour le directory et partage les mêmes limitations que Listify et Listable. Ils ont intégré le plugin Advanced Custom Fields pour certaines options du thème, et ont également développé leur propre système de champs personnalisés.

Les tarifs sont définis via WooCommerce, en tant que produits, et les paiements sont également gérés par WooCommerce.

À notre avis, c'est un peu trop. Nous avons développé un plugin léger appelé plugin de facturation pour gérer les paiements de GeoDirectory, car tout autre système e-commerce ajoutait une quantité excessive de code inutile au directory.

Par exemple, vous vous retrouvez avec un système de gestion d'expédition de colis, sur un site qui n'expédie rien.

Respect des bonnes pratiques SEO

MyListing présente les mêmes défauts sur ce point que les 3 thèmes précédents. Des taxonomies personnalisées sont utilisées pour les catégories et les emplacements, ce qui rend impossible l'affichage d'une page regroupant les annonces d'une catégorie pour un emplacement spécifique avec une URL optimisée pour le SEO.

MyListing gère les Rich Snippets, mais il présente également quelques erreurs.

Qualité du support & de la documentation

La documentation semble complète et peut être parcourue via le menu fixe dans la barre latérale gauche. Nous n'avons pas testé le support, mais je ne vois pas d'avis négatifs concernant un support inefficace ou insuffisant, donc ils font visiblement du bon travail.

Qualité du code, respect des bonnes pratiques WordPress et évolutivité

Parce qu'ils ont utilisé l'architecture WordPress par défaut pour les champs personnalisés, la scalabilité de MyListing sera un problème majeur. J'ai créé 1 annonce de test avec 5 images, ce qui a généré 7 lignes dans la table de base de données wp_posts et 59 lignes dans la table wp_postmeta.

Conclusions sur MyListing

Il est indéniablement esthétique et, étant facile à personnaliser via Elementor, constitue un excellent outil pour les développeurs de répertoires débutants. Cependant, la plupart des projets réalisés avec ce thème auront beaucoup de mal à faire évoluer leur activité si le site commence à gagner en popularité.

Ce thème vous oblige à installer :

Wp Job Manager, Wp Job Manager WC Paid Listings, Elementor, WooCommerce, ainsi que leur propre module MyListing Add-on. On ne peut pas faire plus lourd.

On peut se demander pourquoi ce thème obtient essentiellement des avis 5 étoiles et aucun avis négatif. Cela m'a semblé suspect, surtout compte tenu des défauts que nous avons identifiés dans ce thème.

Apparemment, les personnes qui laissent des avis négatifs ont été bannies et privées du support et des mises à jour.

Cela m'a amené à découvrir qu'Envato supprime les avis rédigés par des personnes ayant obtenu un remboursement pour un produit quelconque. Je considère cela comme une pratique commerciale déplorable de la part d'Envato.

Sans prétendre que c'est le comportement habituel des auteurs de MyListing envers leurs clients, je peux affirmer personnellement qu'ils ont du mal à gérer les retours négatifs, car ils m'ont également contacté directement pour me demander de modifier cet avis.

Je leur suggère de prendre les retours négatifs comme des informations permettant d'améliorer leur produit, plutôt que de les vivre comme des offenses personnelles et de traquer quiconque ose critiquer leur produit.

Vous pouvez créer un site très attrayant avec MyListing, mais il sera lent au point de devenir inutilisable s'il reçoit un volume de trafic conséquent.

DirectoryEngine by EngineThemes

Facilité d'utilisation

Je ne suis pas fan des thèmes qui viennent avec des plugins intégrés. La plupart du temps, ces plugins sont obsolètes. Il faut commencer l'installation en mettant à jour un ou plusieurs plugins via FTP, car le plugin intégré ne peut pas être mis à jour automatiquement (à moins d'acheter également une licence pour cela).

DirectoryEngine est livré avec 2 plugins intégrés : Revolution Slider et Visual Composer — bien sûr, les deux étaient obsolètes et j'ai dû les mettre à jour via FTP.

La documentation indique d'installer les données factices à l'aide du plugin WP Importer, et le thème fournit un outil pour les importer automatiquement.
Comme pour les 3 thèmes précédents, la clé API Google Maps doit être générée manuellement.

En tout, il m'a fallu environ 15 minutes pour obtenir un site de staging similaire à leur démo. Ce n'est pas si mal.

Qualité du design

La qualité du design est élevée, mais elle n'est pas aussi irréprochable ni comparable à celle des 3 thèmes précédents.

Les options du personnalisateur permettent uniquement de modifier les sections de la page d'accueil et les couleurs générales du site, et il n'y a que peu d'options de design vraiment significatives.

Flexibilité

DirectoryEngine est un autre thème WordPress de répertoire qui ne gère pas les champs personnalisés nativement. Ils peuvent être ajoutés, mais uniquement par programmation.

Si vous ne pouvez pas créer de champs personnalisés, vous ne pouvez pas non plus les utiliser comme filtres de recherche.

Il existe 4 types de publications personnalisés : Places, Events, Packs et Testimonials.

Les Places sont utilisées pour les annuaires.

Les Events sont des offres spéciales que les propriétaires d'annonces peuvent ajouter.

Les Packs servent à définir les tarifs des annonces.

Les Testimonials ne sont pas clairement définis et n'ont pas d'utilisation évidente.

Vous pouvez créer un nombre illimité de tarifs d'annonces, mais leur seule fonction est de limiter le nombre de Places et d'Events qu'un utilisateur peut saisir, ainsi que la durée de leur disponibilité. Des paramètres permettent de définir combien de photos ou de catégories une annonce peut accepter, mais cela s'appliquera à tous les tarifs.

Les emplacements sont des éléments d'une taxonomie.

Tout comme ListingPro, lors de l'ajout d'une annonce, vous pouvez sélectionner une adresse dans une ville et, dans le champ emplacement, sélectionner une ville différente.

Au moment où nous écrivons ces lignes, DirectoryEngine a plusieurs années d'existence, et je trouve cela inacceptable. Pire encore, ils décrivent cela comme une « fonctionnalité » dans la documentation :

Utilisation des bonnes pratiques SEO

DirectoryEngine présente les mêmes failles SEO que tous les thèmes testés jusqu'à présent.

Les emplacements étant une taxonomie, il n'existe aucun moyen de parcourir les archives d'annonces d'une catégorie donnée filtrées par un emplacement défini. La seule façon de le faire est via leur moteur de recherche, qui n'est pas compatible avec le référencement naturel.

La gestion des emplacements est, au mieux, amateur. Vous ne pouvez positionner un site créé avec DirectoryEngine dans les grands moteurs de recherche que si l'annuaire accepte des annonces pour une seule ville ou une zone géographique restreinte.

DirectoryEngine utilise correctement les rich snippets.

Qualité du support & de la documentation

La documentation semble légèrement obsolète, mais elle couvre toutes les fonctionnalités du thème. Le support a répondu dans les 24 heures la première fois. La deuxième fois, lorsque nous avons signalé une vulnérabilité grave dans leur thème, ils n'ont pas répondu du tout.

Qualité du code, respect des bonnes pratiques WordPress et évolutivité

Avec 4 annonces, 7 events et 3 tarifs, les tables post et postmeta comptent respectivement 311 et 936 lignes. Je retrouve ici les mêmes problèmes de scalabilité que ListingPro : insurmontables.

Commentaires de code : La plupart des éléments sont commentés et respectent généralement les standards WordPress, bien que les paramètres manquent pour la plupart de descriptions ; dans l'ensemble, c'est toutefois mieux que la grande majorité des thèmes.

Actions & Filtres : Le thème comporte 100 do_action() et 137 apply_filters() (en général, plus il y a d'actions et de filtres, plus il est facile pour les développeurs de travailler avec).

Échappement (sécurité) : J'ai commencé à analyser ce code et les 3 premières choses que j'ai trouvées présentaient des failles telles que du XSS, de l'usurpation de page de connexion et la possibilité de consulter ou de supprimer du contenu sur le site.

Conclusions sur DirectoryEngine

J'avais de grandes attentes pour ce thème et après l'avoir testé, je ne peux m'empêcher de dire que je suis déçu. Pour un produit disponible depuis plusieurs années, il présente encore des défauts critiques, malgré une utilisation répandue. Je n'hésiterais pas à demander un remboursement si je l'avais acheté pour mon usage personnel.

Il y a indéniablement un designer talentueux derrière ce thème, mais la qualité de l'application back-end est plutôt peu professionnelle.

Je dois conclure que les auteurs ont très peu de connaissances en matière de sécurité et d'évolutivité. Personne ne devrait jamais installer ce thème sur son site.

Vantage by AppThemes

Vantage existe depuis plusieurs années, et c'est donc le produit le plus mature de cette liste. Il a été récemment repensé, et je le considère comme un concurrent direct depuis longtemps. J'étais très curieux de pouvoir enfin le prendre en main et l'évaluer correctement.

Facilité d'utilisation

L'installation et la configuration de Vantage ont été une expérience très agréable. Le guide de configuration est aussi bien fait que l'assistant d'installation de Listify. J'avais un site de démonstration ressemblant à la démo originale d'AppThemes en moins de 5 minutes.

Le seul point faible est l'exigence d'une clé API Google Maps qui pourrait être simplifiée, tout comme pour les 4 thèmes précédents.

Qualité du design

Le nouveau design épuré est moderne et propre, un immense pas en avant par rapport à l'ancien design de Vantage.

Les options du personnalisateur permettent de modifier les éléments d'identité du site comme le logo et l'icône du site. Les palettes de couleurs, la couleur des éléments individuels, l'image d'arrière-plan et les mises en page.

Flexibilité

Sur les 5 thèmes testés jusqu'à présent, Vantage est le premier à gérer vraiment les champs personnalisés. Cependant, comme vous ne pouvez pas les utiliser comme filtre de recherche avancée, ils ne sont pas aussi utiles qu'ils pourraient l'être.

Le champ d'adresse est un champ texte. Il calcule automatiquement les coordonnées de latitude et de longitude à partir de ce que l'utilisateur y saisit. L'absence de validation sur ce champ permet aux utilisateurs d'entrer à peu près n'importe quoi. Enregistrer le formulaire après avoir saisi une adresse invalide génère des avertissements PHP.

L'option de tarification permet de définir des prix récurrents et non récurrents. Limitez le nombre de catégories qu'un utilisateur peut sélectionner pour chaque annonce. Définissez la durée de l'annonce et le statut mis en avant pour les recherches et les archives de catégories.

Les options de paiement disponibles par défaut sont PayPal et le virement bancaire. Des passerelles de paiement supplémentaires, des thèmes enfants et d'autres extensions premium sont disponibles moyennant un coût supplémentaire. Nous n'en avons testé aucune.

Utilisation des bonnes pratiques SEO

Tout comme les autres thèmes, la partie Localisation de Vantage n'est pas idéale. Elle n'est pas suffisante pour créer une structure d'annuaire correcte avec des annonces soumises pour plus d'un emplacement.

Vous pouvez classer la page de détail de l'annonce et les pages de catégories, mais pas par localisation. Cela parce que le seul moyen de parcourir les annonces par localisation est via le moteur de recherche, qui retourne une page de résultats non optimisée pour le référencement, avec des URL de ce type :

yoursite.com/listings/?ls=test&location=milan&st=listing&lat=0&lng=0

Il n'existe aucun moyen d'attribuer un titre et une description méta uniques à ces pages de résultats de recherche. De ce fait, il est très improbable que Google ou d'autres moteurs de recherche les positionnent pour des mots-clés et des localisations pertinents.

Vantage gère les Rich Snippets, mais les intègre de la manière la plus basique qui soit.

Qualité du support & de la documentation

La documentation de ce thème WordPress d'annuaire est complète et très bien organisée en 4 sections :

  1. Documentation – Guides d'installation, notes de version et plus encore.
  2. Tutoriels – Notre bibliothèque de tutoriels sur nos thèmes et plugins.
  3. Développeurs – Notre documentation API. Étendez nos produits.
  4. Vendeurs – Documentation pour les vendeurs de notre Marketplace.

Le support est très aimable et serviable. J'ai soumis une demande d'assistance via leur forum de support et j'ai obtenu une réponse en moins de 24 heures.

Qualité du code, respect des bonnes pratiques WordPress et évolutivité

Vantage n'utilise pas une structure de base de données idéale pour un annuaire. Avec seulement 3 annonces, la table wp_posts comptait déjà 49 lignes et wp_postmeta 246. L'utilisation de champs personnalisés supplémentaires ferait croître ce second chiffre de façon exponentielle.

Des problèmes de scalabilité pourraient survenir très rapidement sans investir suffisamment dans une infrastructure serveur haut de gamme.

Commentaires de code : Le code est très bien commenté et la plupart des commentaires respectent les standards WP. Voir autant de commentaires de qualité donne confiance aux développeurs.

Actions & Filtres : Le thème comporte 238 do_action() et 230 apply_filters() (en général, plus il y a d'actions et de filtres, plus il est facile pour les développeurs de travailler avec).

Échappement (sécurité) : La sécurité et les standards WP étaient au niveau requis. Aucun problème majeur n'a pu être identifié.

Conclusion sur Vantage

Excellent design et procédure de configuration remarquable. Un annuaire peut être mis en place et utilisé en quelques minutes. Il est efficace pour une utilisation sur un annuaire à ville unique.

Cependant, il ne convient pas comme annuaire pour une région, un pays ou un annuaire mondial. Il ne serait pas favorable au référencement.

Parmi les 7 thèmes testés, je dois conclure que Vantage est définitivement le meilleur produit dans l'ensemble.

Directory by Templatic

Facilité d'utilisation

J'ai testé ce thème lors de sa première sortie, et j'en avais été déçu. Cependant, la dernière version m'a agréablement surpris. Il est rapide, facile à installer, et l'importation de données factices est simple. J'ai pu configurer un site de préproduction identique à leur démo en quelques minutes seulement.

Le niveau d'amélioration est impressionnant.

Qualité du design

Lors de sa première sortie début 2014, le design était moderne et élégant, mais il commence aujourd'hui à être un peu dépassé, et bien qu'ils proposent plusieurs thèmes enfants avec des designs différents, ils sont tous disponibles à un coût supplémentaire.

Certaines options de design sont disponibles dans la section du personnalisateur, d'autres dans les paramètres du thème. Il serait plus pratique de les regrouper toutes dans le personnalisateur.

Flexibilité

Directory est de loin le plus flexible des 7 thèmes testés en termes de fonctionnalités.

Il gère les Custom Post Types (types d'annonces), et pour chaque Custom Post Type, vous pouvez créer toutes sortes de champs personnalisés. De plus, vous pouvez utiliser tous les champs personnalisés comme filtres de recherche avancée.

La base de données du thème contient tous les pays répertoriés et près de 4 000 régions. Le système crée des villes lors de l'ajout d'annonces, mais il n'existe aucun outil pour les fusionner, en cas de fautes de frappe ou d'autres erreurs de base de données. C'est un point qui ne devrait pas être négligé lorsque les utilisateurs peuvent ajouter des lieux à la base de données.

Étrangement, même s'il existe des régions et des pays, il est impossible de parcourir les annonces par région ou par pays, seulement par ville. C'est un progrès par rapport aux 5 autres thèmes, mais encore loin de l'idéal. Un annuaire idéal inclurait la possibilité de naviguer par « Tous les emplacements », pays, région, ville et quartier.

Les opportunités commerciales et de génération de revenus sont très intéressantes. Vous pouvez définir les prix avec une grande flexibilité. Vous pouvez fixer des prix pour une « soumission unique » ou un « abonnement » incluant un nombre défini d'annonces. Définissez-les en paiements récurrents ou en paiements uniques. Ajoutez également un prix de vente incitative pour chaque catégorie. Une autre option concerne la durée du forfait et la mise en avant de l'annonce.

Respect des bonnes pratiques SEO

Même si Directory vous permet enfin de présenter des archives filtrées par catégorie + localisation, la flexibilité dans la gestion des Titres et des Métas est quasi inexistante. Vous pouvez créer une description de catégorie, mais elle sera identique pour toutes les localisations.

Nous sommes encore très loin d'un outil d'annuaires idéalement optimisé pour le SEO.

Directory gère les Rich Snippets, mais les intègre de la manière la plus basique qui soit.

Qualité du support & de la documentation

La documentation est très bien organisée et facile à parcourir. Bien que leur équipe de support ait répondu à ma demande en moins de 24 h, elle n'a pas réussi à comprendre ma question, pourtant assez simple.

Qualité du code, utilisation des bonnes pratiques WordPress et évolutivité

Le code bogué est ce dont nous nous souvenons le mieux des thèmes de Templatic. Directory ne fait pas exception.

Nous avons trouvé des options qui ne sauvegardent pas, des failles de sécurité et une structure de base de données déficiente.

La structure de la base de données est la pire de tous les thèmes testés. Avec 13 annonces, 15 pages et 4 articles, la table des posts compte 105 lignes et la table postmeta en compte 1 308.

Enfin, les requêtes du widget de recherche avancée sont de véritables tueuses de SQL. Elles effectuent une JOIN sur la table postmeta une fois pour chaque champ personnalisé filtré.

Faire évoluer ce thème d'annuaire au-delà de quelques centaines d'annonces pourrait s'avérer quasiment impossible.

Commentaires de code : La plupart des éléments disposent d'une forme de commentaires de code, certains respectent les standards WP mais pas tous, peut-être 50/50.

Actions & Filtres : Le thème contient 487 do_action() et 319 apply_filters() (en général, plus il y a d'actions et de filtres, plus il est facile pour les développeurs de travailler avec).

Échappement (sécurité) : La plupart des éléments sont échappés, mais il en reste encore beaucoup qui ne le sont pas, ce qui pourrait entraîner des failles XSS côté back-end. De manière générale, le code est bâclé, avec de nombreux avertissements et notices PHP et, en de nombreux endroits, il manque de vérifications de sécurité de base pour des opérations telles que l'envoi d'e-mails et la protection contre les injections SQL.

Au vu des points précédents, Directory n'est pas quelque chose que je voudrais faire tourner sur mon serveur.

Conclusions sur Directory

Comparé à GeoPlaces d'il y a 4 ans, le thème présente de nombreuses améliorations. Notamment en termes de nouvelles fonctionnalités et options, mais la structure sous-jacente reste la même. Non évolutif et bogué.

Conclusions finales

Nous avons été franchement surpris de constater que la moitié des thèmes testés étaient si mal codés.

Des produits similaires peuvent nuire à la réputation de WordPress, selon nous.

La qualité de l'application back-end devrait toujours être égale ou supérieure à la qualité du design.

Si elle ne parvient pas à respecter les normes de conception, votre client reçoit un produit qui ne correspond pas à ce qui lui avait été promis.

Bien entendu, nous avons informé les auteurs des thèmes des failles potentielles et, à notre connaissance, les auteurs de ListingPro ont déjà corrigé leur vulnérabilité XSS.

Par ailleurs, Vantage se classe 1er, Listify 2e, Listable 3e, ListingPro, MyListing et Directory à égalité à la 4e place, et DirectoryEngine est de loin le moins bon.

Les quatre derniers thèmes ne sont, selon nous, pas adaptés à un site web en production.

Un message aux auteurs de thèmes de répertoires

Pourquoi vous donner la peine de développer les fonctionnalités de répertoire de vos thèmes de zéro (ou d'utiliser un plugin qui n'a pas été conçu pour cela) ?

Si vous deviez développer un thème e-commerce aujourd'hui, construiriez-vous l'intégralité du panier d'achat ou utiliseriez-vous WooCommerce pour cela ?

Sans aucun doute, GeoDirectory est bien supérieur aux options de répertoire incluses dans tous les thèmes que nous avons testés.

Il est encore temps de corriger cette erreur et de nous laisser gérer probablement 90 % des demandes d'assistance qui vous sont adressées.

La coopération vaut mieux que la concurrence 🙂

Nous espérons que cette revue approfondie vous a plu et, si vous souhaitez y ajouter quelque chose, n'hésitez pas à le faire dans les commentaires ci-dessous !

WordPress : ajouter une classe au Body

Dans de nombreux cas, les classes générées automatiquement ne sont pas suffisantes et il peut être nécessaire d'ajouter des classes personnalisées.

Pour ajouter des classes personnalisées, nous utiliserons le filtre WordPress :

  1. body_class

Ci-dessous, nous vous présenterons des extraits de code pour les exemples les plus demandés.

Mais d'abord, une petite introduction pour expliquer aux débutants ce que sont les classes Body.

Les classes Body personnalisées WordPress sont quelque chose que tout développeur WordPress devra gérer, tôt ou tard.

Utiliser un plugin pour cela serait excessif, car dans la plupart des cas, quelques lignes de code suffisent.

Alors, comment ajouter des classes Body personnalisées WordPress ?

WordPress dispose à la fois d'un fonction body_class et un filtre body_class (hook).

La fonction body_class est utilisée dans les thèmes pour ajouter les classes autogénérées par WordPress à la balise body de votre site web.

Voici comment elle est ajoutée au fichier header.php de votre thème :

<body <?php body_class($class); ?>>

Selon la page visitée, WordPress génèrera des classes spécifiques.

1) Pour l'article « Hello World » par défaut, les classes body sont :

<body class="single single-post postid-1 single-format-standard logged-in admin-bar no-sidebar customize-support">

2) Les classes body de l'exemple de page sont :

<body class="page page-id-2 page-template-default logged-in admin-bar no-sidebar customize-support">

3) Les classes body des pages d'archives de catégories sont :

<body class="archive category category-uncategorized category-1 logged-in admin-bar no-sidebar hfeed customize-support">

4) Les classes body de la page d'archive d'auteur sont :

<body class="archive author author-admin author-1 logged-in admin-bar no-sidebar hfeed customize-support">

5) La classe body de la page d'accueil (en supposant que vous en ayez une)

<body class="home blog logged-in admin-bar no-sidebar hfeed customize-support">

Les 5 exemples fournis ci-dessus sont communs à la plupart des thèmes par défaut lorsque l'utilisateur administrateur est connecté.

Lorsqu'il est déconnecté, les classes seront légèrement différentes.

Les classes en HTML sont utilisées pour styliser une page web via CSS.

En copiant les extraits de code suivants dans votre fichier functions.php, de nouvelles classes body personnalisées apparaîtront dans le balisage de votre site web.

Nous allons utiliser le filtre body_class.

Ajouter une classe body personnalisée dans WordPress

function my_custom_body_class($classes) {<br />
// add 'my-class' to the default autogenerated classes, for this we need to modify the $classes array.<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class');

Cela ajoutera la nouvelle classe : « my-class » à la balise body de toutes les pages de votre site web.

<body class="home blog logged-in admin-bar no-sidebar hfeed my-class customize-support">

Que faire si j'ai besoin d'ajouter plus d'une classe ?

Ajouter 2 classes personnalisées ou plus au body WordPress

function my_custom_body_classes($classes) {<br />
// add 'my-class' and 'my-class-2' to the default autogenerated classes, for this we need to modify the $classes array.<br />
$classes[] = 'my-class';<br />
$classes[] = 'my-class-2';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom classes via body_class filter<br />
add_filter('body_class','my_custom_body_classes');

Voici le résultat :

<body class="home blog logged-in admin-bar no-sidebar hfeed my-class my-class-2 customize-support">

Et si je souhaite ajouter une classe au body uniquement sur une page précise où je veux appliquer un style personnalisé via CSS ?

Ajouter une classe personnalisée au body WordPress sur une page spécifique

Cela peut se faire de plusieurs façons :

1) Ajouter une classe personnalisée au body en utilisant l'ID de la page

function my_custom_body_class_id($classes) {<br />
// add 'my-class' only to page with ID 1.<br />
if ( is_page( '1' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_id');

Voici le résultat sur la page avec l'id 2 ; toutes les autres pages n'auront pas la classe personnalisée.

<body class="page page-id-2 page-template-default logged-in admin-bar no-sidebar my-class customize-support">

2) Ajouter une classe personnalisée au body en utilisant le slug de la page

function my_custom_body_class_slug($classes) {<br />
// add 'my-class' only to page with slug contact-form.<br />
if ( is_page( 'contact-form' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_slug');

Cela ajoutera la classe personnalisée « my-class » sur la page avec le slug contact-form, tandis que toutes les autres pages n'auront pas la classe personnalisée.

3) Ajouter une classe personnalisée au body en utilisant le titre de la page

function my_custom_body_class_title($classes) {<br />
// add 'my-class' only to page with title Contact Form.<br />
if ( is_page( 'Contact Form' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_title');

Cela ajoutera la classe personnalisée « my-class » sur la page avec le titre Contact Form, tandis que toutes les autres pages n'auront pas la classe personnalisée.

4) Ajouter une classe personnalisée au body en utilisant le modèle de page

function my_custom_body_class_template($classes) {<br />
// add 'my-class' only to pages using my custom template.<br />
if ( is_page_template( 'my-custom-page-template' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_template');

Cela ajoutera la classe personnalisée « my-class » sur la page utilisant le modèle my-custom-page-template. Toutes les autres pages n'auront pas la classe personnalisée.

Nous pouvons également ajouter la classe personnalisée à une page de catégorie ou d'étiquette, via l'ID ou le slug de catégorie/étiquette.

Ajouter une classe personnalisée au body WordPress sur une archive de catégorie ou d'étiquette

1) Catégories

function my_custom_body_class_category($classes) {<br />
// add 'my-class' only to the my-category archive.<br />
if ( is_category( 'my-category' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_category');

2) Étiquettes

function my_custom_body_class_tag($classes) {<br />
// add 'my-class' only to the my-tag archive.<br />
if ( is_tag( 'my-tag' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_tag');

Cela n'ajoutera la classe personnalisée au body que sur la page d'archive de la catégorie my-category et de l'étiquette my-tag.

Nous pouvons également ajouter une classe personnalisée au body sur la page individuelle de chaque article appartenant à la catégorie my-category ou portant l'étiquette my-tag.

Nous utiliserons les fonctions in_catgeory et has_tag.

1) Catégories (à la fois l'archive et la page unique)

function my_custom_body_class_in_category($classes) {<br />
// add 'my-class' to the my-category archive and single posts of the category.<br />
if ( in_category( 'my-category' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_in_category');

2) Tags (à la fois l'archive et la page unique)

function my_custom_body_class_has_tag($classes) {<br />
// add 'my-class' to the my-tag archive and single posts with that tag.<br />
if ( has_tag( 'my-tag' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_has_tag');

Ces 2 derniers exemples ajouteront la classe personnalisée à la fois sur la page d'archive et sur la page unique.

Ajouter le nom de la catégorie comme classe body personnalisée WordPress dans chaque article

Si vous souhaitez ajouter le nom convivial de la catégorie comme classe body personnalisée à chaque article, vous aurez besoin du snippet suivant :

function my_custom_body_class_category_in_single($classes) {<br />
     if (is_single() || is_category()) {<br />
       global $post;<br />
       foreach((get_the_category($post->ID)) as $category) {<br />
         $classes[] = $category->category_nicename;<br />
       }<br />
     }<br />
     return $classes;<br />
   }<br />
add_filter('body_class','my_custom_body_class_category_in_single');

Par exemple, si vous visitez un article de la catégorie « Voyage », le snippet ci-dessus ajoutera la classe body Travel afin que vous puissiez styliser différemment les articles de chaque catégorie.

Ajouter une classe body personnalisée WordPress lors d'une visite depuis un appareil mobile

Nous pouvons facilement le faire en utilisant la wp_is_mobile fonction.

function my_custom_body_class_mobile( $classes ) {<br />
    if ( wp_is_mobile() ) {<br />
        $classes[] = 'mobile';<br />
    }<br />
    return $classes;<br />
}<br />
add_filter( 'body_class', 'my_custom_body_class_mobile' );

Des classes body personnalisées peuvent également être ajoutées à 1 ou toutes les pages créées par un plugin (selon le plugin).

GeoDirectory

GeoDirectory ajoute ses propres classes body personnalisées. Chaque page GeoDirectory aura par exemple la classe body : geodir-page.

Si l'extension de recherche avancée et/ou celle des types de publication personnalisés sont installées, les classes : geodir_advance_search et geodir_custom_posts seront ajoutées respectivement.

Exemple d'une page d'accueil GD :

<body class="single single-post postid-1 single-format-standard logged-in admin-bar no-sidebar customize-support">

Dans les pages de listings (type de publication personnalisé ou archive de catégorie), vous trouverez une classe différente pour chaque type de publication personnalisé.

Par exemple dans Places, il y aura post-type-archive-gd_place.

Dans la page de détails de l'annonce, vous trouverez également une classe différente pour chaque Custom Post Type utilisé, par exemple dans Places il y aura : single-gd_place.

Cependant, il peut arriver que d'autres classes body personnalisées soient nécessaires. Voici quelques exemples :

1) Ajouter une classe body personnalisée à la page de localisation

// add extra class via body_class filter<br />
add_filter('body_class', 'gd_location_custom_body_class');</p>
<p>function gd_location_custom_body_class($classes)<br />
{<br />
if (geodir_is_page('location')) {<br />
$classes[] = 'gd-location';<br />
}<br />
// return the modified $classes array<br />
return $classes;<br />
}

la même balise conditionnelle

geodir_is_page()
peut être utilisée pour n'importe quelle page gd, par exemple pour la page d'aperçu :

2) Ajouter une classe body personnalisée à la page d'aperçu de l'annonce

// add extra class via body_class filter<br />
add_filter('body_class', 'gd_preview_custom_body_class');</p>
<p>function gd_preview_custom_body_class($classes)<br />
{<br />
if (geodir_is_page('preview')) {<br />
$classes[] = 'gd-preview';<br />
}<br />
// return the modified $classes array<br />
return $classes;<br />
}

3) Ajouter une classe body personnalisée sur la page de détails pour différents packages de prix

 // add extra custom class via body_class filter<br />
add_filter('body_class','gd_price_custom_body_class');<br />
function gd_price_custom_body_class($classes) {<br />
global $post;<br />
if ( $post->package_id == 1) {<br />
$classes[] = 'price-1';<br />
}<br />
elseif ( $post->package_id == 2) {<br />
$classes[] = 'price-2';<br />
}<br />
else {}<br />
// return the modified $classes array<br />
return $classes;<br />
}

4) Ajouter une classe body personnalisée dans la page de recherche pour différents CPT recherchés

add_filter('body_class','gd_search_cpt_custom_body_class');</p>
<p>function gd_search_cpt_custom_body_class($classes) {<br />
if (isset($_GET['stype']) == 'gd_place') {<br />
$classes[] = 'search_gd_place';<br />
}<br />
return $classes;<br />
}

WooCommerce

1) Ajouter une classe body personnalisée à toutes les pages WooCommerce

function my_custom_body_class_woo($classes) {<br />
// add 'my-class' to all woocom pages.<br />
if ( is_woocommerce() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo');

2) Ajouter une classe body personnalisée à la page Boutique uniquement

function my_custom_body_class_woo_shop($classes) {<br />
// add 'my-class' only to the shop page.<br />
if ( is_shop() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_shop');

3) Ajouter une classe body personnalisée à la page Catégorie de produits

function my_custom_body_class_woo_cat($classes) {<br />
// add 'my-class' only to the product category archives.<br />
if ( is_product_category() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_cat');

4) Ajouter une classe body personnalisée à une page de catégorie de produits spécifique

function my_custom_body_class_woo_cat_a($classes) {<br />
// add 'my-class' only to a specific product category archive.<br />
if ( is_product_category( 'my-category' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_cat_a');

5) Ajouter une classe body personnalisée à la page Produit

function my_custom_body_class_woo_prod($classes) {<br />
// add 'my-class' to product pages.<br />
if ( is_product() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_prod');

6) Ajouter une classe body personnalisée à une page de produit spécifique

function my_custom_body_class_woo_prod_a($classes) {<br />
// add 'my-class' only to the my-product single page.<br />
if ( is_product( 'my-product' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_prod_a');

Il existe de nombreuses autres balises conditionnelles WooCommerce telles que

  • is_product_tag() pour les archives de tags
  • is_cart() pour la page du panier
  • is_checkout() pour la page de paiement
  • is_account_page() pour les pages de compte client

Vous pouvez tous les trouver ici : https://docs.woothemes.com/document/conditional-tags/

Ajouter des classes body WordPress personnalisées aux pages générées par d'autres plugins

La même chose peut être faite pour tout plugin proposant des tags conditionnels.

Par exemple, vous pouvez trouver les tags conditionnels de bbPress ici : https://codex.bbpress.org/bbpress-conditional-tags/

un exemple ?

1) pour ajouter un tag body personnalisé à toutes les pages bbPress, vous aurez besoin de ceci :

function my_custom_body_class_bbpress($classes) {<br />
// add 'my-class' only to bbpress page.<br />
if ( is_bbpress() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_bbpress');

Vous trouverez également des tags conditionnels pour BuddyPress et la plupart des meilleurs plugins disponibles.

Supprimer des classes Body

Tout comme vous pouvez ajouter quelque chose via des filtres, vous pouvez également le supprimer :

function remove_body_class( $classes ) {</p>
<p>foreach ( $classes as $key =&amp;amp;gt; $value ) {<br />
if ( $value == 'my-class' ) unset( $classes[ $key ] );<br />
}</p>
<p>return $classes;</p>
<p>}<br />
add_filter( 'body_class', 'remove_body_class' );

Vous avez des difficultés à ajouter ou à supprimer des classes body sur votre site WordPress ? Demandez un exemple spécifique dans un commentaire ci-dessous et je ferai de mon mieux pour vous le fournir !

Un Plugin de répertoire pour Elementor Pro

aujourd'hui, nous avons publié GeoDirectory V 2.0.0.85.

Dans cette version, l'intégration avec Elementor est plus poussée que jamais. En particulier avec Elementor Pro.

Vous pouvez désormais concevoir tous les modèles de GeoDirectory à l'aide d'Elementor Pro et des widgets dynamiques d'Elementor.

Nous avons également commencé à créer des modèles prêts à l'emploi que vous pouvez utiliser sur votre site, comme point de départ pour des modèles plus complexes ou simplement pour vous familiariser avec le processus.

Nous ajouterons d'autres modèles dans les semaines à venir, et nous espérons que vous apprécierez cette nouvelle version et ses fonctionnalités.

Dans la vidéo ci-dessous, Stiofan vous guidera à travers les fonctionnalités de cette nouvelle version et vous montrera comment personnaliser les modèles GeoDirectory avec Elementor Pro et ses widgets dynamiques.

Comment utiliser les formulaires de contact Elementor Pro dans les annonces GeoDirectory

Nous ne nous sommes pas arrêtés là. Jusqu'à cette nouvelle version, vous ne pouviez utiliser que Ninja Forms comme formulaire de contact pour les annonces.

Vous pouvez désormais utiliser les formulaires Elementor Pro également. La vidéo suivante vous montre comment ajouter le formulaire de contact lors de la conception du modèle de page unique d'une annonce.

Si vous utilisez Elementor de manière intensive, vous avez probablement remarqué quelque chose que nous avons ajouté et qui, selon nous, améliore Elementor. Les conditions de masquage dans le CSS.

Les nouvelles conditions de contenu dynamique masquent facilement n'importe quel élément avec le CSS.

Si vous ne l'avez pas remarqué, Stiofan l'utilise à min 3.54 de la vidéo.

Dans cette vidéo sur l'intégration avec le contenu dynamique Elementor PRO, vous pouvez voir une explication plus détaillée de cette nouvelle fonctionnalité.

Stiofan explique également en détail comment utiliser les données GeoDirectory avec les widgets Elementor PRO. Par exemple, comment alimenter une galerie Elementor avec des images provenant d'une annonce. Ou des images ajoutées par les utilisateurs dans les avis.

Il nous montre également comment masquer, par exemple, les étoiles de notation lorsqu'il n'y a aucune évaluation.

Maintenant que nous avons exploré l'intégration entre GeoDirectory et Elementor, voyons comment :

Créer un Site de répertoire Elementor en utilisant uniquement des plugins gratuits.

Comme toujours, si vous avez des questions, n'hésitez pas à commenter ci-dessous !

il y a environ 6 mois, nous avons publié la V2 de GeoDirectory et nous avions promis qu'il serait bien plus facile de personnaliser votre design avec elle.

Compatible avec la plupart des constructeurs de pages et des thèmes, vous pouviez déjà réaliser de superbes designs avec GeoDirectory V2, mais maintenant que nous peaufinons la chose, vous pourrez faire encore bien plus avec.

Nous avons décidé de commencer avec Avada et le Fusion Builder.

Avec la version actuelle de GeoDirectory, vous deviez :

  • ajouter de nouvelles zones de widgets dans Avada
  • ajouter les widgets GD nécessaires pour finaliser le design
  • enfin, utiliser ces zones de widgets via le Fusion Builder

On pouvait presque tout réaliser avec ça et du CSS par la suite, mais ce n'était ni intuitif ni aussi simple que de personnaliser un design avec les éléments natifs du Fusion Builder.

Les éléments GeoDirectory seront intégrés dans le Fusion Builder

À partir de la prochaine version de GeoDirectory qui sera 2.0.0.68 (disponible en bêta sur GitHub dès maintenant), tous les Widgets / Shortcodes / Blocs GeoDirectory seront également disponibles en tant qu'éléments du Fusion Builder.

Cela facilite grandement la conception, et nous pouvons maintenant plonger dans le tutoriel sur la façon de créer une page ressemblant à la page de listings d'Airbnb page ou page de résultats de recherche.

En supposant que vous avez installé Avada et GeoDirectory, voici comment je l'ai réalisé.

Avertissement: Il n'était pas possible de concevoir une page ressemblant à Airbnb UNIQUEMENT avec GeoDirectory et Fusion Builder. J'ai dû écrire quelques lignes de CSS. 11 nouvelles règles, 5 pour le modèle de page d'archive (la page des annonces) et 6 pour le modèle de page d'élément d'archive (chaque annonce à l'intérieur de la page des annonces).

Cela dit, je ne suis pas vraiment un expert Avada, et il y a tellement d'options que ce que j'ai fait pourrait probablement être réalisé avec moins de CSS. Peut-être même aucun.

Je laisse ça aux maîtres de Fusion Builder le soin de le dire. Si vous connaissez des solutions pour éviter mon CSS personnalisé, je vous serais reconnaissant de me le faire savoir via un commentaire ci-dessous, et je mettrai le tutoriel à jour.

1 Créer les champs personnalisés nécessaires

J'ai commencé par ajouter les champs personnalisés qu'AirBnB utilise via Place > Settings. J'ai uniquement ajouté ceux dont j'avais exactement besoin pour reproduire le design et gagner du temps, mais tout peut être fait.

Nous avions besoin de quatre sélecteurs pour :

  • Invités
  • Chambres
  • Lits
  • Salles de bain

et un sélecteur multiple pour les équipements tels que :

  • Cuisine
  • Piscine
  • Climatisation

2 Modification du modèle de page d'archive

Après avoir publié quelques annonces fictives, j'avais besoin d'un nouveau modèle de page d'archive. J'ai appelé la page Avada Listings 1 et je l'ai assignée via les paramètres de GeoDirectory comme nouveau modèle de page d'archive.

Ensuite, j'avais besoin de préparer la page et de lui faire occuper tout l'écran. Je sais qu'il existe une option pour que les pages Avada utilisent toute la largeur de l'écran, mais cela affecte l'ensemble du site, j'ai donc utilisé du CSS pour y parvenir.

.geodir-archive #main .fusion-row {max-width:100%}
html:not(.avada-has-site-width-percent) .geodir-archive #main {padding:0} 
.geodir-archive #main  {padding:0}
.geodir-archive .post-content .fusion_builder_column_1_2.fusion-column-first > .fusion-column-wrapper {padding-left: 8% !important;}
.geodir-archive .avada-page-titlebar-wrapper {display:none}

Ce que fait ce code est simple. Il fait en sorte que la zone située sous l'en-tête et au-dessus du pied de page occupe toute la largeur de l'écran, supprime le rembourrage général et ajoute un rembourrage uniquement à gauche de la liste des annonces. Il masque également la barre de titre Avada qui, sur une page similaire, n'est pas nécessaire. La page ressemblera à ceci :

Nous pouvons maintenant modifier la page avec Fusion Builder. Vous pouvez utiliser aussi bien le Front End que le Back End, mais l'aperçu du Front End ne sera pas précis à 100 %, c'est pourquoi j'ai utilisé le constructeur Back End.

Nous avons besoin de deux colonnes : dans la colonne de droite, nous ajouterons l'élément GD > Map, et dans la colonne de gauche, nous ajouterons :

  • GD > Search
  • GD > Loop Actions
  • GD > Loop
  • GD > Loop Paging

Les seules options à ajuster concernent la carte, pour laquelle nous devons définir la hauteur à 85vh. Pour obtenir l'effet de carte fixe au défilement, j'ai utilisé un plugin appelé : Sticky Menu (or Anything!) on Scroll par Mark Senff.

Nous aurions pu écrire notre propre JS personnalisé, mais ce plugin est léger et si vous n'avez qu'un seul élément à fixer, il fonctionne à merveille.

Si vous le configurez correctement, il pousse également la carte lorsque le pied de page apparaît.

Comme options pour ce plugin, j'ai défini les éléments suivants :

  • Sticky Element = .geodir-archive-map-wrap
  • Push-up element = .fusion-footer

L'option Push-up Element se trouve dans les Paramètres avancés.

C'est tout pour l'instant.

La page ressemblera maintenant à ceci :

3 Modification du modèle de page d'élément d'archive

Je dois maintenant personnaliser le design de chaque annonce, ce qui peut être fait en modifiant le modèle de page d'élément d'archive.

J'ai créé un nouveau modèle de page d'élément d'archive, que j'ai appelé : GD Archive Item-avada

Je l'ai ouvert avec l'éditeur back-end Fusion Builder, et j'ai ajouté les éléments GD suivants :

  • GD > archive item section défini comme open left
  • GD > post images défini comme diaporama
  • GD > archive item section défini comme close left
  • GD > archive item section défini comme open right
  • GD > post meta avec key="post_category" et show="value"
  • GD > post favorite avec show="icon" et alignment="right"
  • GD > post title
  • GD > post meta avec key="how_many_guests" et show="value" et alignment="left"
  • GD > post meta avec key="how_many_rooms" et show="value" et alignment="left"
  • GD > post meta avec key="how_many_beds" et show="value" et alignment="left"
  • GD > post meta avec key="how_many_bathrooms" et show="value"
  • GD > post meta avec key="amenities" show="value"
  • GD > post badge key="post_date" condition="is_less_than" search="+30″ badge="NEW" bg_color="#008489″ txt_color="#ffffff" size="small"
  • GD > post rating show="stars" alignment="left"
  • GD archive item section défini comme "close right"

4 Ajout de quelques CSS personnalisés supplémentaires

Dernière chose, j'avais besoin de quelques CSS pour rendre le tout beau et bien organisé, comme sur la page Airbnb :

.geodir-post-title, .geodir-post-rating {clear: left;}
.geodir-field-amenities li::after,.geodir-field-how_many_guests::after,.geodir-field-how_many_rooms::after,.geodir-field-how_many_beds::after {content:" - ";}
.geodir-field-amenities ul {margin:0;padding:0}
.geodir-field-amenities li:last-child::after {content:"";}
.geodir-field-amenities li {list-style: none;float: left;}
.gd-badge-meta {display: block;margin-left: 0;clear: both;}

Le CSS ci-dessus ne fonctionnera que si vous avez exactement les mêmes champs personnalisés et effectue les actions suivantes :

  • ajuster la position du titre et des étoiles de notation
  • ajoute le séparateur « – » entre les champs personnalisés
  • ajuster la sélection multiple des équipements, qui par défaut est présentée sous forme de liste
  • ajuster le positionnement du badge « NOUVEAU »

C'est tout. Le résultat est ce que vous voyez ici :

airbnb like listing page geodirectory avada

Je sais que ce n'est pas identique à 100 % à Airbnb, mais bon, cela m'a pris 2 heures et je savais à peine utiliser Avada.

Je voulais simplement vous montrer le niveau de personnalisation possible avec GeoDirectory et Fusion Builder.

Pour nous, c'est assez impressionnant, mais si ce n'est pas le cas pour vous, pourriez-vous nous dire ce qui le rendrait impressionnant à votre avis ?

Si vous laissez un commentaire, nous serions ravis d'avoir votre avis.

Je suis sûr que quelqu'un posera la question, alors je vais y répondre directement ici.

Comment ai-je créé les marqueurs avec les prix ? C'est simple. J'ai utilisé des catégories comme :

-Appartement (Parent)
–100 – 200 (sous)
–200 – 300 (sous)

J'ai conçu les marqueurs avec chaque fourchette de prix avec Photopea.com, et j'ai téléchargé le marqueur pour chaque sous-catégorie.

Lors de l'ajout d'annonces, j'ai assigné la sous-catégorie comme catégorie par défaut afin que le marqueur avec les prix soit utilisé sur toutes les cartes.

J'espère que ce tutoriel vous a plu.

N'hésitez pas à me poser vos questions à ce sujet dans les commentaires ci-dessous !

Offre de réduction de 20 %
Vite ! Profitez de votre réduction de 20 % avant qu'elle n'expire. Obtenir 20 % de réduction