FacetWP – Elementor

Optimiser vos listings Elementor avec FacetWP

L’intégration de FacetWP avec Elementor permet de créer des listings dynamiques et interactifs sur votre site WordPress. En utilisant cette extension, vous pouvez ajouter des facettes qui filtrent vos contenus de manière efficace, améliorant ainsi l’expérience utilisateur. D’autant plus, cela s’avère très précieux pour les sites de commerce électronique, blogues, ou tout autre site nécessitant une navigation fluide à travers une multitude d’entrées.

Développement

Ce qu’est FacetWP

FacetWP est un plugin WordPress qui vous permet de créer des facettes (ou filtres) pour vos listings. En associant FacetWP à Elementor, vous obtenez non seulement des widgets supplémentaires, mais vous rendez également la gestion de vos contenus plus intuitive. Que vous souhaitiez afficher des articles de blog, des produits WooCommerce ou tout type de contenu personnalisés, ce plugin vous offre toutes les ressources nécessaires.

Installation et configuration

Une fois le plugin FacetWP installé et activé, il n’y a généralement pas besoin de configuration complexe. Les widgets de votre liste Elementor prennent en charge une option « Activer FacetWP », qui vous permet d’indiquer à FacetWP quel listing exploiter pour les filtres. Cela simplifie l’intégration, aucun codage n’est requis.

Les widgets de Elementor qui prennent en charge les facettes comprennent notamment :

• Elementor Pro :
• Loop Grid
• Loop Carousel
• Archive Posts

• WooCommerce Archive Products

• Autres plugins d’extensions d’Elementor :

• Ultimate Add-ons for Elementor
• Premium Add-ons for Elementor
• PowerPack for Elementor
• JetEngine

Widgets FacetWP disponibles

Depuis la version 1.8, FacetWP fournit trois widgets principaux qui simplifient l’intégration dans Elementor :

• FacetWP Facet : Ce widget permet d’ajouter un filtre (facet) existant à votre page.
• FacetWP Listing : Ce widget vous permet d’insérer un template de Listing Builder directement dans Elementor.
• FacetWP Button : Ce widget offre plusieurs types de boutons, tels qu’un bouton « Appliquer » ou un bouton « Soumettre », facilitant l’interaction de l’utilisateur avec vos facettes.

Comment utiliser les widgets

1. Widget FacetWP Facet :
   Vous pouvez y sélectionner un filtre existant. Simple, non ? Il vous suffit de choisir dans le menu déroulant un des facettes déjà créées.

2. Widget FacetWP Listing :
   En l’utilisant, vous pouvez afficher vos listings tels qu’ils apparaissent dans votre éditeur Elementor. De plus, depuis la version 1.9.3, vous avez la possibilité d’ajouter des listings statiques, c’est-à-dire qui n’intègrent pas de facettes.

3. Widget FacetWP Button :
   Selon le type de bouton que vous sélectionnez (Appliquer, Flyout ou Soumettre), vous pouvez personnaliser l’interaction. Pour un bouton Appliquer, par exemple, il désactivera la fonction de rafraîchissement automatique, appliquant les sélections de facette uniquement lorsque l’utilisateur clique dessus.

Intégration des shortcodes

Si vous préférez ne pas utiliser les widgets, il est aussi possible d’intégrer des facettes et des listings via le widget « Shortcode » d’Elementor. Il suffit de copier le shortcode depuis les paramètres de FacetWP et de le coller dans votre widget.

Utilisation sur les templates d’archive WP

Vous pouvez également utiliser FacetWP sur des templates d’archives créés avec l’Elementor Theme Builder. En effet, en activant FacetWP pour les widgets d’archives comme Archive Posts ou Archive Products, vous permettent d’afficher des résultats filtrés selon des requêtes d’archives WordPress.

Prise en charge de la pagination Elementor

Un des grands avantages de cette intégration est la gestion automatique de la pagination par FacetWP. En revanche, cela ne marche qu’avec les options de pagination numérotées. Les options comme « Chargement au clic » ou « Infinie Scroll » provoqueront des erreurs.

Si vous avez besoin d’une pagination qui s’intègre mieux, vous pouvez utiliser un facet de type Pager qui génère un bouton « charger plus », imitant ainsi le comportement d’un scroll infini sans en avoir les inconvénients.

Résoudre les problèmes d’immersion de page

Certaines intégrations peuvent provoquer des soucis, malgré tout. Par exemple, il existe des incompatibilités avec les options de scénarios de déplacement de la fenêtre de Elementor (Sticky). Ne les utilisez pas dans les sections contenant des facettes ou listings, car cela peut causer des problèmes.

Ajustement des requêtes dans Elementor

Il peut être nécessaire d’ajuster les paramètres de requête, surtout lorsque vous souhaitez personnaliser l’affichage de vos résultats. Pour ce faire, Elementor propose des filtres qui vous permettront de changer des arguments comme le nombre de publications par page ou l’ordre d’affichage.

Cela peut s’avérer surtout utile sur des pages d’archives, où vous souhaitez afficher des contenus de façon spécifique. Via les hooks disponibles, vous pouvez même adapter la logique de présentation en fonction de critères comme les catégories.

Message « Pas de résultats » personnalisé

Si les requêtes sur votre page retournent aucun résultat, vous avez la possibilité d’ajouter un message personnalisé. En insérant un bout de code dans le fichier functions.php de votre thème, vous pouvez définir ce que vos visiteurs verront en cas d’absence de résultats, ce qui améliore encore l’expérience utilisateur.

Conclusion

Au final, l’association entre FacetWP et Elementor n’est pas seulement utile, mais essentielle pour quiconque cherche à optimiser son site. Que ce soit pour des sites de e-commerce ou des blogs, les facettes permettent d’apporter une dimension nouvelle à la navigation. Grâce à ces outils, vous pouvez proposer des expériences de filtrage dynamiques, répondre rapidement aux besoins des utilisateurs et maximiser la rétention d’audience. En prenant le temps d’intégrer ces fonctionnalités au sein de votre site, vous verrez inévitablement une amélioration significative dans l’interaction de vos utilisateurs avec votre contenu.