Lorsque vous ajoutez des produits à votre boutique WooCommerce, vous ne pensez probablement pas à la façon dont ils apparaîtront tous ensemble sur une seule page.
Vous pourriez avoir des articles simples, des produits avec plusieurs options de taille ou de couleur, des offres groupées, et même des fichiers téléchargeables, le tout mélangé.
Nous avons constaté à quel point cela devient déroutant pour les acheteurs. Ils arrivent sur votre page de boutique et voient tous les types de produits mélangés sans aucun moyen de les trier.
La solution consiste à ajouter un filtre qui permet aux acheteurs de trier les produits par type. Cela leur donne le contrôle sur ce qu'ils voient et les aide à trouver le bon type de produit en quelques secondes.
Dans cet article, nous vous montrerons comment filtrer WooCommerce par type de produit.
Pourquoi filtrer les produits WooCommerce par type ?
Avant de vous expliquer le processus de configuration, parlons de l'importance du filtrage par type de produit pour votre boutique.
Pensez à un client qui ne souhaite acheter que des cartes-cadeaux ou des produits téléchargeables. Sans filtres, il est obligé de faire défiler les articles physiques qu'il ne peut pas utiliser.
Nous avons remarqué que le mélange des types de produits crée également de la confusion lors du paiement. Les clients ne comprennent pas toujours pourquoi certains produits ont des frais d'expédition alors que d'autres n'en ont pas, ou pourquoi certains articles ont des options de taille et d'autres sont fixes.
Les filtres par type de produit résolvent ces problèmes en permettant aux acheteurs de rechercher exactement ce qu'ils recherchent. Quelqu'un qui recherche des produits variables peut masquer tous les produits simples en un seul clic.
Cela rend l'expérience d'achat plus fluide et réduit la frustration. Lorsque les clients peuvent facilement trouver le type de produit dont ils ont besoin, ils sont plus susceptibles de finaliser leur achat.
Maintenant, regardons comment vous pouvez facilement filtrer par type de produit sur votre boutique en ligne.
Filtrer les produits WooCommerce par type de produit
Le moyen le plus simple d'ajouter des filtres par type de produit à votre boutique WooCommerce est d'utiliser WPFilters.
WPFilters est le meilleur plugin de filtrage WordPress qui simplifie le tri des produits pour vos clients. Il fonctionne parfaitement avec WooCommerce dès sa sortie de la boîte.
Créé par l'équipe derrière SearchWP, ce plugin vous offre de puissantes options de filtrage sans nécessiter de connaissances en codage. Vous pouvez configurer des filtres professionnels de type Amazon en quelques minutes.
Le plugin vous permet de créer des filtres pour les types de produits, les catégories, les tags, les attributs et les champs personnalisés. Vos clients obtiennent le contrôle dont ils ont besoin pour trouver les produits plus rapidement.
Voici quelques fonctionnalités offertes par WPFilters :
- Types de filtres multiples : Choisissez parmi des cases à cocher, des boutons radio, des listes déroulantes, et plus encore pour correspondre au design de votre boutique.
- URL de filtre partageables : Chaque recherche filtrée crée un lien unique que les clients peuvent mettre en favori ou partager avec des amis.
- Placement facile : Ajoutez des filtres n'importe où sur votre site à l'aide des blocs Gutenberg ou de simples shortcodes.
- Support complet de WooCommerce : Conçu spécifiquement pour fonctionner avec les données de produits WooCommerce, y compris tous les types de produits.
- Adapté aux mobiles : Les filtres sont superbes et fonctionnent parfaitement sur les téléphones et les tablettes.
Faites maintenant défiler vers le bas jusqu'à la section Source de données. C'est ici que vous indiquez à WPFilters quelles informations utiliser pour le filtre.
Étape 1 : Installer et Activer WPFilters
Tout d'abord, vous devrez visiter le site Web de SearchWP et vous inscrire pour un compte WPFilters.
Une fois votre compte créé, rendez-vous dans votre espace client et cliquez sur l'onglet Téléchargements.
À partir de là, cliquez sur le bouton Télécharger WPFilters et enregistrez les fichiers du plugin sur votre ordinateur. Nous vous recommandons également de copier votre clé de licence dès maintenant, car vous en aurez besoin lors de la configuration.
Ensuite, vous devez télécharger les fichiers du plugin WPFilters sur votre site WordPress et installer le plugin. Si vous avez besoin d'aide pour cette étape, veuillez consulter ce guide sur comment installer un plugin WordPress.
Après avoir activé le plugin, l'assistant de configuration WPFilters apparaîtra à l'écran. Cliquez sur le bouton « Commençons » et suivez les instructions à l'écran pour terminer la configuration.
Étape 2 : Créer un élément de filtre par type de produit
Vous devez maintenant créer le filtre que vos clients utiliseront pour trier les produits par type.
Pour commencer, allez dans WPFilters » Éléments depuis votre tableau de bord WordPress et cliquez sur le bouton « Ajouter ».
Sur l'écran suivant, vous commencerez à configurer votre filtre. Tout d'abord, entrez un nom pour votre filtre en haut, comme « Filtre par type de produit » ou quelque chose de similaire qui vous aide à rester organisé.
Ensuite, vous devez choisir le type de filtre que vous souhaitez créer. WPFilters propose plusieurs cases à cocher, boutons radio, listes déroulantes et barres de recherche.
Pour le filtrage par type de produit, nous recommandons d'utiliser l'option Case à cocher. Cela permet aux clients de sélectionner plusieurs types de produits à la fois s'ils souhaitent voir les produits simples et variables ensemble.
Vous verrez un aperçu en direct de votre filtre dans le panneau situé sur le côté droit de l'écran. Il se met à jour une fois que vous enregistrez vos modifications, vous pouvez donc voir exactement à quoi il ressemblera.
Faites maintenant défiler vers le bas jusqu'à la section Source de données. C'est ici que vous indiquez à WPFilters quelles informations utiliser pour le filtre.
Cliquez simplement sur le menu déroulant et recherchez l'option Type de produit. Allez-y et sélectionnez-la comme source de données.
WPFilters détectera automatiquement tous les types de produits que vous utilisez dans votre boutique. Ceux-ci incluent généralement les produits simples, les produits variables, les produits groupés et les produits externes.
Étape 3 : Personnaliser votre filtre par type de produit
Après avoir sélectionné votre source de données, vous pouvez personnaliser l'apparence et le comportement du filtre pour vos clients.
Faites simplement défiler vers le bas jusqu'à la section Conteneur pour ajuster les paramètres d'affichage. Ici, vous pouvez contrôler la façon dont le filtre apparaît sur votre boutique.
Par exemple, activez l'option « Afficher le titre » si vous souhaitez que les clients voient une étiquette comme « Type de produit » au-dessus du filtre. Cela les aide à comprendre par quoi ils trient.
Vous pouvez également activer l'option « Repliable » pour permettre aux utilisateurs de masquer le filtre lorsqu'ils n'en ont pas besoin. Cela maintient votre barre latérale propre et donne aux clients le contrôle de l'interface.
L'option « Horizontal » organise les choix de filtre côte à côte au lieu d'une liste verticale.
Ensuite, regardez la section Éléments sous les paramètres du conteneur. Cela contrôle la façon dont les options de filtre individuelles apparaissent à vos clients.
Activez le « Nombre d’éléments » pour afficher le nombre de produits existants pour chaque type. Par exemple, il pourrait afficher « Produits simples (24) » ou « Produits variables (18) », afin que les clients sachent à quoi s’attendre.
Lorsque vous êtes satisfait de l’apparence générale, faites défiler la page jusqu’en haut et cliquez sur le bouton Enregistrer pour sauvegarder vos modifications.
Vous verrez un aperçu de votre filtre complété dans le panneau de droite, montrant exactement comment il apparaîtra aux clients.
Étape 4 : Ajouter le filtre à votre boutique
Maintenant que votre filtre est prêt, vous devez le placer sur votre boutique WooCommerce où les clients peuvent réellement l’utiliser.
WPFilters facilite cela en offrant plusieurs façons d’intégrer votre filtre. Vous pouvez utiliser un bloc Gutenberg, un shortcode, ou du code PHP si vous êtes à l’aise avec le développement.
Pour commencer, cliquez sur le bouton « Intégrer » en haut de la page Éléments.
Une fenêtre contextuelle apparaîtra, vous montrant les différentes options d’intégration. Vous pouvez ajouter le filtre à une page existante ou en créer une nouvelle.
Pour ce tutoriel, nous vous montrerons comment ajouter le filtre de type de produit à la barre latérale de votre page de boutique WooCommerce. C’est là que la plupart des clients s’attendent à trouver les options de filtrage.
Rendez-vous simplement dans Apparence » Widgets depuis votre tableau de bord WordPress. Notez que ces étapes peuvent varier légèrement en fonction du thème WordPress que vous utilisez pour votre boutique.
À partir de là, faites défiler vers le bas pour trouver votre section de barre latérale WooCommerce ou de barre latérale de boutique. Ensuite, vous pouvez cliquer sur le bouton + pour ajouter le bloc de widget WPFilters Element.
Une fois que vous avez ajouté le bloc WPFilters Element, vous devez lui indiquer quel filtre afficher. Regardez le panneau « Paramètres » sur le côté droit de votre écran.
Et ensuite, cliquez sur le menu déroulant « Sélectionner un élément » et choisissez le filtre de type de produit que vous avez créé dans les étapes précédentes.
Lorsque vous avez terminé, cliquez sur le bouton Mettre à jour en haut pour enregistrer vos modifications. Votre filtre est maintenant en ligne sur votre boutique.
Étape 5 : Tester votre filtre de type de produit
Après avoir ajouté le filtre à votre boutique, la dernière étape consiste à le tester et à s’assurer que tout fonctionne correctement.
Visitez votre page de boutique WooCommerce pour voir le filtre de type de produit en action. Vous devriez le voir affiché dans votre barre latérale avec tous les types de produits de votre boutique.
Le filtre devrait afficher des cases à cocher pour chaque type de produit que vous avez, comme produit simple, produit variable et produit groupé.
Testons maintenant si le filtrage fonctionne réellement. Allez-y et cliquez sur l’un des types de produits dans le filtre.
Par exemple, si vous sélectionnez « Produit variable » dans la liste des cases à cocher, votre page de boutique devrait se rafraîchir et afficher uniquement les produits qui ont plusieurs variations, comme des options de taille ou de couleur.
Tous vos produits simples, produits groupés et autres types devraient disparaître de la vue. Seuls les produits variables restent visibles.
Essayez de sélectionner plusieurs types de produits à la fois en cochant plus d'une case. La page de la boutique devrait maintenant afficher les produits des deux types que vous avez sélectionnés.
Cela donne à vos clients la flexibilité de comparer différents types de produits ou de se concentrer sur ce dont ils ont besoin.
FAQ sur les filtres de type de produit WooCommerce
1. Puis-je ajouter plusieurs filtres à ma boutique WooCommerce ?
Oui, vous pouvez créer autant de filtres que nécessaire. Par exemple, vous pouvez empiler plusieurs filtres dans la barre latérale afin que les clients puissent trier par type de produit, catégorie, prix et attributs en même temps. Chaque filtre fonctionne indépendamment, donnant aux acheteurs un contrôle précis sur ce qu'ils voient.
2. Cela fonctionnera-t-il avec mon thème WooCommerce actuel ?
WPFilters fonctionne avec presque tous les thèmes WooCommerce. Nous l'avons testé sur des thèmes populaires comme Astra, Storefront et OceanWP sans aucun problème. Les filtres s'intègrent parfaitement à votre barre latérale et à la mise en page de votre boutique existantes.
3. Les clients doivent-ils recharger la page pour voir les résultats filtrés ?
Par défaut, la page se rafraîchit lorsque les clients sélectionnent une option de filtre. Cependant, WPFilters prend en charge le filtrage Ajax, qui met à jour les résultats instantanément sans recharger toute la page. Cela crée une expérience d'achat plus fluide pour vos clients.
L'ajout de filtres de type de produit à votre boutique WooCommerce aide les clients à trouver exactement ce qu'ils recherchent sans faire défiler des produits non pertinents.
Nous vous avons montré comment configurer ces filtres à l'aide de WPFilters en quelques étapes simples. Vos clients peuvent désormais trier les produits simples, les produits variables, les produits groupés, et plus encore en un seul clic.
Ce petit changement fait une grande différence dans la façon dont les acheteurs vivent votre boutique. Ils passent moins de temps à chercher et plus de temps à acheter, ce qui entraîne de meilleures ventes pour votre entreprise.
Nous espérons que cet article vous a aidé à apprendre comment filtrer WooCommerce par type de produit. Vous voudrez peut-être aussi consulter nos guides sur comment filtrer les produits WooCommerce par tags et comment ajouter une recherche intelligente de produits WooCommerce.
Prêt à donner à vos clients un meilleur contrôle sur votre catalogue de produits ? Vous pouvez commencer avec WPFilters ici.
