Comment ajouter des facettes et des filtres dans WooCommerce – guide étape par étape

Publié: 2022-08-24

Les grands marchés de commerce électronique hébergent des millions de produits numériques et physiques. Amazon compte à lui seul au moins 362 millions de produits. Vous êtes-vous déjà demandé comment les acheteurs en ligne parviennent à trouver le produit exact dont ils ont besoin parmi tant d'options ?

L'une des fonctionnalités clés qui rendent cela possible est la recherche par facettes.

En tant que propriétaire d'un site Web WooCommerce, l'un des moyens les plus efficaces d'améliorer l'expérience client de votre boutique consiste à ajouter des facettes et des filtres.

Les filtres WooCommerce aident les clients à affiner leurs recherches en sélectionnant des attributs pour affiner leurs options.

La recherche à facettes aide vos clients à naviguer plus rapidement sur votre site et à trouver exactement les produits dont ils ont besoin.

Sur la plupart des sites de commerce électronique, la recherche de produits commence par la saisie d'un mot-clé dans la barre de recherche. Si vous avez un grand magasin avec des tonnes de produits, les visiteurs devront peut-être faire défiler plusieurs pages de résultats pour trouver ce qu'ils recherchent.

Cela pourrait avoir un impact négatif sur l'expérience client.

Vous pouvez éviter cela en ajoutant des facettes et des filtres WooCommerce avancés à votre boutique. Cela améliorera considérablement votre expérience de recherche sur le site de commerce électronique.

Filtres de produits WooCommerce

Dans cet article, nous allons vous montrer la différence entre les filtres et les facettes WooCommerce. Ensuite, nous vous montrerons comment ajouter la fonctionnalité à votre site.

Table des matières
  1. Que sont les filtres et les facettes dans WooCommerce ?
  2. Que rechercher dans un plugin de recherche à facettes WooCommerce
    • Facilité d'utilisation
    • Possibilité d'appliquer plusieurs filtres simultanément
    • Filtrage à l'aide de n'importe quelle donnée produit
    • Performances et convivialité pour les développeurs
    • Compatibilité avec d'autres plugins
  3. Quel est le meilleur plugin de filtre à facettes WordPress ?
    • Fonctionnalités clés des filtres de produits WooCommerce
  4. Comment ajouter une recherche à facettes et des filtres à une boutique WooCommerce
    • Étape 1 : Installez et activez les filtres de produits WooCommerce
    • Étape 2 : Configurer les paramètres de filtrage des produits
    • Étape 2 : Créez vos premiers filtres
    • Étape 4 : Ajoutez des filtres à n'importe quelle page
  5. Ajoutez dès aujourd'hui la recherche à facettes WooCommerce à votre boutique

Que sont les filtres et les facettes dans WooCommerce ?

Les filtres et les facettes sont deux fonctionnalités importantes que vous trouverez sur les sites de commerce électronique performants. Vous pouvez utiliser les deux éléments d'expérience utilisateur (UX) pour améliorer la recherche de produits et la navigation sur le site dans votre boutique WooCommerce.

Mais ils fonctionnent un peu différemment.

Un filtre WooCommerce est un attribut de produit que les visiteurs peuvent utiliser pour affiner les éléments affichés sur une page de boutique ou dans les résultats de recherche.

Par exemple, après avoir recherché un nom de marque particulier, un client peut décider de filtrer les résultats en fonction de la couleur, de la taille ou de la catégorie de produit.

Les filtres WooCommerce affichés sur n'importe quelle page de résultats de recherche ou page de boutique sont toujours les mêmes et ne changent pas en fonction de la liste des produits sur la page.

Par exemple, une page de résultats de recherche peut ne contenir aucun produit "Taille L", mais ce filtre sera toujours disponible. Ainsi, si un utilisateur sélectionne le filtre "Taille L", il ne renverra aucun résultat.

Les facettes sont des filtres avancés. Ils sont plus spécifiques et toujours pertinents pour la page particulière et les résultats de la requête.

Les facettes WooCommerce changent toujours et sont affichées en fonction de la requête de l'utilisateur et renvoient toujours un résultat de recherche pertinent.

Cela présente des avantages évidents en termes de convivialité pour les magasins en ligne.

Vous pouvez ajouter ce type de recherche avancée de produits à votre boutique en utilisant un plugin de recherche à facettes WooCommerce.

Ce type de plugin vous aidera à ajouter des facettes et des filtres à vos pages de catégorie, pages de magasin et autres pages comme votre base de connaissances. Vous pourrez également personnaliser ces facettes en profondeur pour répondre à vos besoins uniques.

Dans le monde réel, les résultats ressemblent à ceci :

Comme nous pouvons le voir sur le site Web Next, les filtres disponibles sur chaque page de catégorie changent en fonction du produit répertorié sur la page.

La mise en œuvre des facettes de cette manière aide les visiteurs de votre site à parcourir vos produits beaucoup plus rapidement.

Que rechercher dans un plugin de recherche à facettes WooCommerce

Si vous décidez d'essayer un plugin de recherche à facettes WooCommerce, vous devrez choisir parmi un certain nombre d'options. Comme presque toutes les autres catégories de plugins WordPress, il existe de nombreux plugins de recherche.

Mais qu'est-ce qui fait un excellent plugin de recherche à facettes WooCommerce ?

Facilité d'utilisation

L'expérience utilisateur de votre boutique a un impact majeur sur sa capacité à convertir et à répondre aux attentes des consommateurs. C'est pourquoi il est important de s'assurer que votre plugin de recherche à facettes permet à vos visiteurs de trouver facilement ce qu'ils veulent.

La première considération ici est la pertinence des filtres disponibles sur chaque page.

Le plugin doit être capable de regrouper et d'afficher des filtres avec une logique qui convient au comportement de recherche du client moyen.

Les filtres peuvent facilement être regroupés en fonction des catégories de produits, des attributs et même des taxonomies personnalisées.

Vous voudrez également porter une attention particulière à la conception UI/UX.

Par exemple, les filtres et les facettes doivent être placés dans le coin approprié de la page (généralement en haut ou dans un widget de barre latérale).

Rubrique boutique WooCommerce

Le nombre de styles d'affichage de filtre est également important. Les options populaires incluent les listes déroulantes, les cases à cocher, les boutons radio et les curseurs de plage.

Plus vous avez d'alternatives, mieux c'est !

Un bon plugin de recherche à facettes WooCommerce devrait également être facile à utiliser sur le back-end. Même les débutants de WordPress devraient pouvoir configurer des filtres et configurer d'autres paramètres importants en quelques minutes.

Possibilité d'appliquer plusieurs filtres simultanément

Il s'agit d'une fonctionnalité importante qui peut faire ou défaire l'expérience de recherche. Assurez-vous que le plugin que vous choisissez vous permet d'appliquer plusieurs valeurs de filtre.

Cela s'applique à la fois aux filtres du même groupe de filtres et aux filtres de groupes différents. Être en mesure de le faire peut faire gagner beaucoup de temps à votre client.

Cela signifie qu'ils n'ont plus besoin de voir plusieurs pages de résultats de recherche juste pour trouver ce qu'ils veulent.

Le plugin devrait également offrir la possibilité d'appliquer les filtres sélectionnés de différentes manières.

Par exemple, l'application de la recherche AJAX instantanée signifie que les résultats pertinents s'affichent immédiatement après qu'un utilisateur a sélectionné un filtre.

Alternativement, vous devriez également pouvoir ajouter un bouton "Appliquer le filtre" sur lequel l'utilisateur peut cliquer après avoir sélectionné tous les filtres qu'il souhaite.

Filtrage à l'aide de n'importe quelle donnée produit

Nous avons parlé plus tôt de l'importance d'ajouter des filtres et des facettes pertinents à vos pages de boutique.

Cela n'est possible que si le plugin de recherche à facettes WooCommerce vous permet de créer des filtres basés sur pratiquement n'importe quel type de données produit.

Vous souhaiterez peut-être filtrer par n'importe quel type d'attribut de produit tel que la taille, la couleur, la marque, etc.

Parmi les autres types de données produit qui rendent la recherche à facettes très efficace, citons le filtrage par prix, notes, catégories et balises.

Avec le bon plug-in de filtre, vous pouvez même ajouter des filtres pour les données non par défaut à l'aide de plug-ins de taxonomie personnalisés tels que Easy Post Types and Fields.

Votre plugin idéal devrait prendre en charge la création de filtres avec toutes les données de produit. Cela garantit que vous n'êtes pas limité à quelques ensembles d'options, quel que soit le type de magasin que vous possédez.

Performances et convivialité pour les développeurs

La performance est un autre élément clé de la recherche de votre magasin et de l'expérience client globale.

Chaque fois qu'un visiteur applique un filtre, le plugin commence à rechercher parmi des centaines, voire des milliers de produits pour trouver la bonne correspondance.

Si le plugin n'est pas bien optimisé pour les performances, l'affichage des résultats peut prendre une éternité. Cela peut rebuter certains clients ou même les amener à quitter complètement votre magasin.

De plus, il est important que le plugin récupère des résultats de recherche à facettes précis, sans quitter nos certains produits.

Un bon plugin de recherche à facettes WordPress doit également être responsive.

Les filtres semblent-ils corrects sur les appareils mobiles ? Est-il facile de les parcourir et affichent-ils les résultats rapidement ? Ce sont des questions importantes auxquelles vous devez trouver des réponses.

La convivialité pour les développeurs est tout aussi importante.

Le code d'un bon plug-in de recherche à facettes WooCommerce doit être écrit d'une manière facile à modifier. Ceci est pertinent pour les utilisateurs qui connaissent un peu PHP et CSS.

Cela signifie qu'ils pourront modifier le comportement de recherche ou personnaliser l'apparence des filtres en conséquence.

Compatibilité avec d'autres plugins

Pour obtenir les résultats souhaités dans votre boutique WooCommerce, il est important de n'utiliser que des plugins compatibles avec d'autres plugins WordPress.

Cela vous permet de profiter de la modularité de la plateforme.

Par exemple, il est parfois judicieux d'ajouter un système de filtrage à vos tableaux de produits WooCommerce. Les deux fonctionnalités nécessitent des plugins WordPress différents.

Vous pouvez également souhaiter que les visiteurs de votre site utilisent des filtres lorsqu'ils naviguent dans votre système de commande de restaurant en ligne.

Compatibilité des autres plugins Plugin de recherche de facettes woocommerce

Dans chaque cas, vous aurez besoin d'un plugin de recherche à facettes WooCommerce qui fonctionne de manière transparente avec d'autres plugins WooCommerce. Cela vous permet, à vous et à vos clients, d'obtenir le type d'expérience utilisateur que vous souhaitez.

Quel est le meilleur plugin de filtre à facettes WordPress ?

Pour répondre à cette question, nous avons comparé un certain nombre de plugins de filtres à facettes en fonction des facteurs que nous avons mentionnés ci-dessus.

En fin de compte, notre choix numéro 1 pour le meilleur plugin de recherche à facettes WooCommerce est les filtres de produits WooCommerce.

Pour commencer, ce plugin de filtre à facettes excelle dans la fourniture d'un système de recherche efficace et précis. Une fois que vous l'ajouterez à votre site, vos clients pourront combiner plusieurs données produit pour filtrer rapidement vos offres de produits sur l'ensemble du site.

Le plugin offre d'excellentes performances en indexant vos produits et en fournissant instantanément des résultats de recherche pertinents.

Vous bénéficiez également d'une grande flexibilité en ce qui concerne l'affichage de vos filtres. Ces styles de filtre se combinent avec d'autres fonctionnalités de conception UI/UX qui permettent aux utilisateurs de naviguer très facilement sur votre site et de trouver ce qu'ils recherchent.

Examinons de plus près les principales fonctionnalités du plugin.

Fonctionnalités clés des filtres de produits WooCommerce

Voici quelques-unes des principales fonctionnalités de filtre à facettes que les filtres de produits WooCommerce ajoutent à votre boutique WordPress :

  • Créez des filtres à facettes en utilisant n'importe quelle donnée produit. Utilisez les filtres de produits WooCommerce pour créer des filtres basés sur des balises de produits, des catégories, des évaluations et des attributs tels que la couleur et la taille. Vous pouvez également ajouter des taxonomies personnalisées en tant que filtres. Lorsque les visiteurs du site appliquent leurs facettes sélectionnées, le plugin affichera les facettes actives et le nombre de produits correspondant sur la page de résultats.
  • Ajoutez des facettes à vos pages de magasin de plusieurs façons. Après avoir créé des facettes basées sur les données produit, vous disposez également de plusieurs options pour les ajouter à votre boutique. Vous pouvez ajouter des facettes en concevant un widget de barre latérale à partir de zéro, puis en l'ajoutant à n'importe quelle page de votre choix. Alternativement, vous pouvez également créer des groupes de facettes qui sont des collections de facettes liées. Les groupes vous aident à ajouter plus rapidement une recherche à facettes à vos pages de magasin. Chaque groupe de facettes a un shortcode que vous pouvez copier depuis la page « Filtrer les groupes » dans votre tableau de bord WordPress.
  • Choisissez parmi différents styles de filtres. Rendez la recherche à facettes WooCommerce aussi interactive et intuitive que possible. Vous avez le choix entre une grande variété de styles d'affichage, en fonction du type de filtre. Vous pouvez afficher vos filtres sous forme de listes déroulantes, de cases à cocher, de boutons radio, d'échantillons de couleurs et de curseurs de plage. Vous pouvez également configurer la recherche à facettes soit dans un widget de la barre latérale, soit en haut de la liste des produits.
  • Performances réactives et recherche AJAX instantanée. Le plugin fournit des résultats de recherche instantanés, que vous utilisiez AJAX ou le bouton "Appliquer le filtre". Ceci quel que soit le nombre de produits de votre magasin. Il est également bien optimisé pour que votre recherche à facettes WooCommerce fonctionne de manière transparente sur n'importe quel appareil à partir duquel votre client visite.
  • Plugin WooCommerce et compatibilité du thème. Que votre magasin dispose d'une table de produits WooCommerce ou d'un système de commande de restaurant, Product Filters peut facilement ajouter un système de filtrage. Le plugin fonctionne de manière transparente avec certains modèles de démarrage Astra WooCommerce et nous n'avons rencontré aucun problème.

Maintenant que nous savons à quel point les filtres de produits WooCommerce fonctionnent efficacement, montrons comment ajouter des facettes et des filtres avec.

Comment ajouter une recherche à facettes et des filtres à une boutique WooCommerce

Prêt à ajouter des facettes et des filtres WooCommerce avancés à votre boutique ?

Suivez ces 4 étapes simples :

Étape 1 : Installez et activez les filtres de produits WooCommerce

Commencez par obtenir une copie des filtres de produits WooCommerce ici.

Après avoir obtenu le plugin, vous recevrez un e-mail contenant votre clé de licence et un lien pour télécharger le plugin. Enregistrez cette clé en toute sécurité car vous en aurez besoin pour activer la licence du plugin ultérieurement.

Connectez-vous à votre tableau de bord d'administration WordPress et accédez à Plugins > Ajouter un nouveau > Upload Plugin .

Téléchargez le fichier .zip que vous avez téléchargé précédemment et cliquez sur Installer maintenant . Cliquez ensuite sur Activer le plugin .

Étape 2 : Configurer les paramètres de filtrage des produits

Une fois que vous avez activé le plugin, l'assistant de configuration s'ouvrira. Il vous demandera d'activer sa licence et de choisir les principaux paramètres de vos filtres de produits WooCommerce.

comment masquer les filtres avec l'option de visibilité de la page

Voici quelques-uns des paramètres les plus importants à garder à l'esprit :

  • Mode filtre : cette section vous permet de décider de ce qui se passe lorsque les visiteurs du site sélectionnent des filtres. Vous pouvez choisir d'appliquer les filtres immédiatement après leur sélection (AJAX) ou demander à l'utilisateur de cliquer sur le bouton " Appliquer les filtres ".
  • Nombre de produits : choisissez comment afficher le nombre de produits pertinents pour la sélection du filtre. Le nombre de produits peut être affiché à côté de chaque filtre de produit individuel. Vous pouvez également opter pour les deux méthodes.
  • Visibilité des filtres : Décidez où afficher les filtres que vous créez et quels filtres afficher. Vous pouvez sélectionner un groupe de filtres à afficher en haut de toutes les pages de votre boutique. Il est également possible de masquer les filtres sur mobile et/ou sur ordinateur afin que les clients puissent cliquer sur un bouton pour les afficher dans un panneau coulissant. C'est idéal pour économiser de l'espace sur la page.

Une fois que vous avez configuré les paramètres par défaut, il est temps de créer votre premier filtre à facettes WooCommerce. Vous avez maintenant ajouté avec succès un plugin de recherche à facettes WooCommerce à votre boutique !

Étape 2 : Créez vos premiers filtres

Les filtres de produits WooCommerce vous permettent de créer des filtres et des facettes basés sur différentes données de produits. Vous pouvez utiliser des données simples telles que des catégories, des balises, des prix, des notes, la valeur "En stock" ou même des taxonomies personnalisées.

Pour ce faire, allez dans Produits > Filtres dans l'administrateur WordPress.

Dans l'onglet Filtres , cliquez sur pour modifier le groupe de filtres par défaut ou créez-en un nouveau. Recherchez le formulaire Ajouter un nouveau filtre et remplissez les informations nécessaires.

Entrez des détails importants tels que le nom du filtre, le type de filtre et les attributs du filtre tels que la couleur, les balises et la catégorie de produit.

Le type de filtre fait référence au style d'affichage tel que la liste déroulante, les cases à cocher ou les étiquettes. Il existe de nombreuses options de style pour afficher vos filtres de produits WooCommerce, alors choisissez celui qui offrira la meilleure expérience client pour chaque filtre.

filtres par différents types de données produit

Étape 4 : Ajoutez des filtres à n'importe quelle page

Enfin, vous pouvez ajouter un groupe de filtres à n'importe quelle page en utilisant trois méthodes au choix.

Affichage sur toutes les pages de la boutique

La première méthode est la plus simple. En fait, nous l'avons déjà couvert ! Dans l'assistant de configuration, il y avait une option pour sélectionner un groupe de filtres qui apparaîtrait en haut de toutes les pages de votre boutique WooCommerce.

Si vous l'avez déjà fait, tant mieux. Sinon, allez dans Produits > Filtres > Paramètres et faites-le maintenant.

Ajouter des widgets de filtrage

Alternativement (ou en plus) à l'affichage d'un groupe de filtres au-dessus de vos pages de magasin, vous pouvez ajouter des filtres en tant que widgets de la barre latérale.

Pour ce faire, accédez à Apparence > Widgets .

Recherchez ' Product Filters ' et ajoutez-le à la partie de la page que vous souhaitez. Vous pouvez également choisir entre une disposition verticale ou horizontale pour les filtres.

Produit de filtre WooCommerce

Si votre thème comporte des zones de barre latérale intégrées, vous pouvez ajouter des widgets de filtre à n'importe quelle barre latérale.

Les utilisateurs du thème Astra peuvent également profiter des avantages de la barre latérale hors toile, où les utilisateurs cliquent sur un bouton ou un lien pour révéler une barre latérale cachée. C'est une excellente idée si vous avez beaucoup de filtres et que vous souhaitez fournir des filtres avancés sans encombrer la page.

C'est également utile si vous souhaitez ajouter d'autres types de widgets à la barre latérale masquée, en plus des widgets de filtrage.

Utilisez un shortcode pour ajouter des filtres n'importe où

Enfin, vous pouvez obtenir encore plus de flexibilité en utilisant un shortcode pour afficher les filtres n'importe où sur votre site.

C'est une bonne option si vous utilisez un plugin de création de page pour concevoir les pages de votre boutique. Ajoutez simplement le shortcode à un bloc 'Shortcode' n'importe où sur la page où vous répertoriez les produits.

Pour trouver le shortcode, allez dans Produits > Filtres et copiez et collez le shortcode du groupe de filtres que vous souhaitez afficher.

Ajoutez dès aujourd'hui la recherche à facettes WooCommerce à votre boutique

Panneau latéral du filtre de produit WooCommerce

La découvrabilité des produits et la navigation sur le site constituent un élément crucial de l'expérience client de chaque boutique WooCommerce. Avec la recherche à facettes WooCommerce, vous pouvez aider les visiteurs de votre magasin à trouver plus rapidement les produits dont ils ont besoin.

Cela aura à son tour un impact positif sur votre taux de conversion et la satisfaction de vos clients.

Vous pouvez améliorer l'expérience de recherche de votre boutique en y ajoutant un plug-in de filtre à facettes.

Dans cet article, nous avons montré comment utiliser les filtres de produits pour ajouter des facettes et des filtres à votre boutique WooCommerce.

Nous espérons que ces étapes simples vous ont aidé à améliorer l'expérience client de votre boutique !

Faites-nous savoir si vous avez des questions dans la section des commentaires ci-dessous.