Une grille de fiches produits dans WooCommerce qui rame sur mobile. Un portfolio qu’on ne peut pas filtrer par catégorie. Un catalogue où la recherche se fait au «Ctrl+F» plutôt qu’avec des filtres. Une douleur familière pour quiconque construit un site de contenu sur WordPress.

Jusqu’à récemment, les mises en page en grille avec recherche à facettes relevaient du domaine du développeur: WP_Query personnalisé, balisage CSS Grid fait main, ajustements sans fin pour chaque type de contenu. L’extension WP Grid Builder (GridBuilderWP) change la donne en proposant un constructeur visuel de grilles et de filtres qui fonctionne immédiatement, sans toucher au code.

Voici une analyse détaillée: ce que l’extension sait faire, comment l’installer, comment configurer votre première grille et les scénarios pour lesquels elle est la plus adaptée.

💡 Aperçu rapide:

• Téléchargez et installez WP Grid Builder comme n’importe quelle extension WordPress premium
• Créez votre première grille: choisissez le type de contenu (articles, fichiers média, produits), configurez le style (Masonry, Metro, Justified) et ajoutez des fiches
• Mettez en place les facettes (filtres, recherche, tri) via un constructeur en glisser-déposer, sans écrire une seule ligne de code
• Publiez la grille via un shortcode ou un bloc Gutenberg sur n’importe quelle page
• Si besoin, étendez les fonctionnalités avec des add-ons: cartes, mise en cache, support multilingue

Qu’est-ce que WP Grid Builder

WP Grid Builder est une extension WordPress premium qui permet de créer des grilles personnalisables avec filtrage à facettes. En clair: vous choisissez le contenu à afficher (articles de blog, produits WooCommerce, fichiers média, utilisateurs), vous définissez l’apparence de la fiche et vous ajoutez des filtres. L’extension assemble le tout dans une grille responsive que vous pouvez intégrer sur n’importe quelle page.

Le développeur, Loïc Blascos, est un ingénieur WordPress français également connu pour l’extension Unblock. Le produit est activement développé depuis 2019. En juin 2026, la version actuelle est la v2.3.3.

L’extension fonctionne avec n’importe quel thème respectant les standards WordPress et s’intègre avec Gutenberg, Elementor, Oxygen, Beaver Builder et Bricks via des shortcodes ou des blocs. Des add-ons séparés couvrent l’intégration avec WooCommerce, Easy Digital Downloads, ACF, Meta Box, Pods, WPML, Polylang, SearchWP, Relevanssi et LearnDash.

Scénario e-commerce: fiches produits avec prix, note et bouton «Ajouter au panier», ainsi que des filtres par prix, catégorie et état du stock.

Scénario portfolio: fichiers média de la bibliothèque WordPress qui s’ouvrent dans une lightbox, avec filtrage par étiquette.

Fonctionnalités clés

L’extension offre de nombreuses capacités. Regroupons-les par catégorie pour éviter de se noyer dans une liste.

Contenu et requêtes. WP Grid Builder peut extraire du contenu depuis des types de publication personnalisés, des taxonomies et des utilisateurs WordPress. La configuration de la source se fait en quelques clics: sélectionnez le type de publication, le statut de publication, les auteurs, et incluez ou excluez des publications spécifiques. En arrière-plan, des points de terminaison AJAX personnalisés et une table d’index garantissent un filtrage rapide, même avec un grand volume de contenu.

Grilles et mises en page. Trois types de mise en page: Masonry (style briques), Justified (alignement en largeur) et Metro (grille avec cellules de taille variable). Chacune peut être intégrée dans un carrousel responsive avec prise en charge des gestes tactiles. Le nombre de colonnes et la hauteur des lignes sont ajustables pour différentes largeurs d’écran: tablette, téléphone et ordinateur.

Fiches. Un constructeur en glisser-déposer: faites glisser les blocs (titre, image, prix, note, champs personnalisés, HTML) et assemblez la fiche. Plus de 20 modèles prêts à l’emploi, plus de 900 polices Google Fonts et plus de 250 icônes SVG sont inclus. Les fiches peuvent être attribuées à différents types de contenu: une pour les produits, une autre pour les articles de blog.

Filtres (facettes). Plus de 20 types: cases à cocher, boutons radio, listes déroulantes, boutons, filtres hiérarchiques, plages (prix, note), curseurs, sélecteurs de date, recherche, tri, réinitialisation et bouton «Charger plus». Les filtres fonctionnent en AJAX sans rechargement de page. Chaque recherche à facettes génère une URL unique et les boutons Précédent/Suivant du navigateur fonctionnent correctement.

Lightbox et média. Une lightbox intégrée pour les images, la vidéo (YouTube, Vimeo, Wistia), les galeries et l’audio. Prise en charge du chargement différé: les images se chargent au défilement, ce qui économise la bande passante et accélère le rendu de la page.

Animations. Plus de 20 animations de chargement (loader pendant le filtrage) et plus de 20 animations d’apparition (les fiches apparaissent au défilement). Elles réduisent le temps d’attente perçu: l’utilisateur voit du mouvement plutôt qu’un écran vide.

Autres fonctionnalités. Import/export de grilles, de fiches et de facettes au format JSON; prise en charge des langues RTL; optimisé pour le référencement (compatible W3C); prérequis techniques selon la documentation développeur: PHP 7.0+ et WordPress 6.0+ (PHP 8.x recommandé).

Tarifs et formules

WP Grid Builder est vendu uniquement sous forme d’abonnement annuel; il n’existe pas de version gratuite. Trois niveaux:

Des remises progressives s’appliquent au renouvellement: plus le niveau est élevé, plus le pourcentage de remise est important. Toutes les formules incluent l’ensemble complet des add-ons, il n’y a donc rien de supplémentaire à acheter. Une garantie satisfait ou remboursé de 14 jours s’applique à l’achat.

Le plugin a reçu des avis positifs de personnalités reconnues de la communauté WordPress. Jb Audras, développeur du cœur de WordPress et CTO de Whodunit, souligne la praticité tant pour les utilisateurs que pour les développeurs:

L’expérience utilisateur comme l’expérience développeur sont excellentes. Un excellent produit et un nouveau paradigme pour ce type de fonctionnalité. Une bonne intégration avec le cœur de WordPress, une interface d’administration agréable et un frontend extrêmement rapide.

Chris Lema, expert et consultant WordPress de renom, a également salué publiquement WP Grid Builder; son avis est consultable sur les réseaux sociaux.

Installer WP Grid Builder

L’installation est standard pour un plugin WordPress premium. Après l’achat, vous recevez un fichier ZIP et une clé de licence par e-mail ou dans votre compte sur wpgridbuilder.com.

Étape 1. Téléchargez l’archive ZIP. Dans l’administration WordPress, allez dans Extensions → Ajouter:

Étape 2. Cliquez sur «Téléverser une extension», sélectionnez le fichier ZIP, puis cliquez sur «Installer maintenant»:

Étape 3. Activez l’extension:

Après l’activation, un élément Gridbuilder WP apparaît dans le menu d’administration. Allez dans Gridbuilder WP → Tableau de bord:

Étape 4. Saisissez l’e-mail et la clé de licence, puis cliquez sur «Activer l’extension»:

L’activation de la licence permet de bénéficier des mises à jour automatiques directement depuis l’administration WordPress. La clé elle-même est disponible dans votre tableau de bord client après l’achat:

Voilà. Le plugin est installé, la licence est activée et vous pouvez créer votre première grille.

Configurer votre première grille

La configuration se compose de plusieurs sections regroupées sur un seul écran. Passons-les en revue dans l'ordre.

Créer et nommer la grille

Allez dans Gridbuilder WP → Toutes les grilles et cliquez sur «Create A Grid»:

Vous arrivez sur l'écran «Toutes les grilles», qui est pour l'instant vide. Cliquez sur le bouton «Create A Grid»:

Une autre possibilité consiste à importer des grilles de démonstration depuis le site WP Grid Builder. Les démos définissent la mise en page et la structure des cartes, mais le contenu reste toujours le vôtre: vos articles, fichiers média ou produits.

Sur cet écran, précisez: le nom de la grille (pour un usage interne), une classe CSS personnalisée (optionnelle, pour des styles sur mesure) et le message que les utilisateurs verront s'il n'y a aucun résultat.

Sélectionner la source de contenu

Section Réglages de la grille → Source de contenu:

Trois options de source:

• Type de publication: articles, pages, fichiers média ou tout type personnalisé
• Terme: filtrage par catégories, étiquettes ou taxonomies personnalisées
• Utilisateur: contenu provenant d'utilisateurs spécifiques

Plus bas, définissez le nombre d'éléments par page. Une valeur de «-1» affiche tout; 0 reprend le réglage de WordPress.

Dans la section «Publications demandées», affinez: type de publication, statut (réglez de préférence sur «Publié»), auteurs, types MIME pour les médias, ainsi que l'inclusion et l'exclusion de publications spécifiques.

Conseil: cliquez sur «Enregistrer les modifications» au fur et à mesure que vous parcourez les réglages. La configuration d'une grille prend du temps, et perdre sa progression en cours de route est frustrant.

Formats de média

Section Réglages de la grille → Formats de média:

Choisissez les formats pour les cartes: images, galeries, vidéo (YouTube/Vimeo/Wistia) et audio. Vous définissez également ici une vignette par défaut pour les cartes ne disposant pas de leur propre image. Une option utile: la capture automatique du premier fichier média d'un article si l'image à la une est absente.

Style de la grille

Section Réglages de la grille → Style de la grille:

Trois styles au choix: Masonry, Metro et Justified. Dans la plupart des cas, Masonry est une valeur sûre: les cartes s'alignent de manière optimale, quels que soient les ratios d'image. Le comportement de la grille, les dimensions des cartes et l'adaptation responsive se configurent plus bas, mais il n'est pas nécessaire d'y toucher sans un besoin précis.

Disposition de la grille

Deux options: défilement vertical standard ou carrousel. L'option «Pleine largeur» permet à la grille de s'étendre sur toute la largeur de l'écran.

Compositeur de grille

Grid Composer est une zone de glisser-déposer dans laquelle vous organisez les facettes. Par exemple: un filtre par date, une recherche et un bouton «Charger plus»:

Après publication, cette configuration génère une grille avec trois filtres fonctionnels:

Style des cartes

La section «Style des cartes» est l’outil de construction de l’apparence des cartes. Vous pouvez importer des cartes prêtes à l’emploi depuis le jeu de démonstration (plus de 20 modèles) ou les créer de toutes pièces. Chaque type de contenu reçoit sa propre carte: une pour les produits, une autre pour les articles. Une grille finalisée avec la carte Beryl ressemble à ceci:

Animations

Deux types d’animations: l’apparition des cartes au défilement et des effets lors du clic sur «Charger plus». Faciles à configurer, elles apportent une amélioration visuelle notable pour un effort minimal.

Chargement

Activez le chargement différé (lazy loading) pour que les images ne se chargent qu’au moment où elles entrent dans la zone visible. C’est essentiel pour les grilles comportant des dizaines de cartes sur une page. L’indicateur de chargement (loader) apparaît pendant le filtrage ou lors du chargement du lot de contenu suivant, offrant ainsi un retour visuel à l’utilisateur.

Personnalisation CSS

La fenêtre Paramètres de la grille → Personnalisation vous permet d’ajouter vos propres règles CSS en utilisant la classe définie lors de la création de la grille. Si le CSS n’est pas votre point fort, envisagez de faire appel à un développeur front-end ou conservez les styles par défaut.

Modules complémentaires

Les modules complémentaires étendent les fonctionnalités de base. Ils sont tous inclus, quel que soit le niveau de licence. À la date de juin 2026, les modules suivants sont disponibles:

• Facette Carte: cartes Google Maps, Mapbox ou Leaflet avec marqueurs et filtrage par géolocalisation
• Cache: mise en cache du contenu et des facettes pour accélérer les requêtes répétées
• LearnDash: affichage des données de cours LearnDash dans les cartes de la grille
• Multilingue: intégration avec Polylang et WPML pour les sites multilingues
• Elementor: intégration native avec le constructeur Elementor
• Oxygen: intégration avec Oxygen Builder
• Bricks: intégration avec Bricks Builder
• Beaver Builder: intégration avec Beaver Builder
• Meta Box: champs Meta Box dans les cartes et les filtres
• Pods: champs Pods dans les cartes et les filtres

Les modules s’installent en quelques clics via Gridbuilder WP → Modules.

Autres paramètres

Gridbuilder WP → Paramètres contient les paramètres globaux:

• Activation des blocs WP Grid Builder dans Gutenberg
• Prise en charge des formats de publication (image, vidéo, audio, galerie)
• Affichage des couleurs des taxonomies et des formats de publication
• Vidage du cache et réinitialisation de la feuille de style
• Couleurs globales des cartes et des facettes
• Tailles d’image supplémentaires
• Paramètres de la lightbox intégrée
• Réinitialisation complète des paramètres globaux du plugin

La plupart de ces paramètres se configurent une seule fois et ne nécessitent pas d’intervention ultérieure.

Regardez le plugin en action. Dans cette vidéo, WPTuts montre comment mettre en place des filtres multiniveaux avec WP Grid Builder, du début jusqu’à une grille fonctionnelle:

⁉️🤔 Foire aux questions

Ai-je besoin de savoir coder pour utiliser WP Grid Builder?

Non. Les grilles, les cartes et les facettes se configurent entièrement via l’interface d’administration visuelle. Le plugin nécessite PHP 7.0+ et WordPress 6.0+, mais vous n’aurez pas à écrire de code. Les développeurs ont accès à des hooks et filtres PHP pour la personnalisation, mais c’est un bonus optionnel, pas une obligation.

Le plugin fonctionne-t-il avec mon thème?

Si le thème respecte les standards WordPress, oui. En pratique, les problèmes de compatibilité sont rares, mais s’ils surviennent, la garantie satisfait ou remboursé de 14 jours s’applique. Le plugin propose également des intégrations avec Elementor, Oxygen, Bricks et Beaver Builder pour ceux qui travaillent avec des constructeurs visuels.

En quoi WP Grid Builder se différencie-t-il de ses concurrents?

Trois aspects: la profondeur du filtrage à facettes (plus de 20 types de facettes contre 5 à 10 chez les alternatives), un constructeur de cartes intégré (pas besoin de modifier les templates du thème) et une table d’index pour un filtrage rapide sur de gros volumes de contenu. La plupart des plugins de grille proposent soit la mise en page sans les filtres, soit les filtres sans les cartes personnalisées; ici, tout est réuni dans un seul package.

Existe-t-il une version gratuite?

Non, WP Grid Builder est uniquement premium. Le premier niveau de licence est à 49 $ par an pour un site avec l’ensemble complet des add-ons. C’est comparable à l’abonnement annuel de nombreux autres plugins WordPress premium.

Quel est l’impact du plugin sur la vitesse du site?

Il utilise des points de terminaison AJAX personnalisés et une table d’index au lieu de WP_Query standard, ce qui réduit la charge sur la base de données. Le lazy loading diffère le chargement des images jusqu’au défilement. Pour les catalogues volumineux, pensez à activer l’add-on de mise en cache, qui met en cache les résultats de filtrage. Sur une installation de test, une grille de 50 produits avec filtres s’ouvre sans délai perceptible.

Puis-je utiliser le plugin sur un site de test?

Oui. Les domaines avec les extensions.dev,.test,.local, localhost et les sous-domaines de staging ne sont pas comptabilisés comme des activations. Vous pouvez développer et tester sur un environnement de staging sans consommer votre licence.

Quel plan de WP Grid Builder choisir pour votre projet

WP Grid Builder n’est pas un outil pour tout le monde. Il est surdimensionné si vous avez besoin d’une simple grille d’articles sans filtres: des extensions gratuites ou les blocs natifs de votre thème peuvent s’en charger. En revanche, si le projet implique un catalogue avec recherche à facettes, un portfolio filtrable ou une boutique WooCommerce avec tri intelligent, il existe peu d’alternatives offrant une profondeur comparable sur le marché des extensions WordPress.

• Si vous êtes propriétaire d’une boutique en ligne sous WooCommerce, prenez la licence Basic à 49 $ par an. Elle couvre une vitrine avec filtres par prix, note et stock. Une grille Masonry avec des fiches produits peut être construite en une heure.
• Si vous êtes freelance ou agence gérant plusieurs projets, envisagez Premium (99 $, jusqu’à 3 sites) ou Ultimate (249 $, illimité). Les add-ons pour Elementor et Bricks vous font gagner du temps lors de l’intégration avec les constructeurs de vos clients.
• Si vous avez besoin d’une simple grille de blog sans filtres, l’extension est trop puissante pour cet usage. Essayez les blocs Boucle de requête natifs de Gutenberg ou des alternatives gratuites.

Testez l’extension sur un site de démonstration; la garantie satisfait ou remboursé de 14 jours vous permet de l’évaluer sans risque. Et si vous avez déjà travaillé avec WP Grid Builder, laissez un commentaire en décrivant pour quel scénario vous l’avez adapté.