Que sont-ils et comment les utiliser

Gérer une boutique en ligne peut être difficile. Vous devrez organiser vos produits afin que les clients puissent trouver les articles qu'ils recherchent. Heureusement, les blocs de filtres de produits WooCommerce peuvent regrouper et afficher les éléments spécifiés par l'utilisateur en quelques secondes.

Avec les blocs de filtres de produits, vous pouvez organiser les articles de votre boutique WooCommerce en fonction de leurs caractéristiques. Ceux-ci peuvent inclure leurs prix, catégories, attributs ou balises. Ensuite, il vous suffira d'insérer le bloc dans une publication ou une page, et vos clients pourront trouver des résultats filtrés.

Dans ce guide, nous présenterons tous les différents blocs de filtres de produits WooCommerce et expliquerons pourquoi vous pourriez envisager de les utiliser. Ensuite, nous vous expliquerons comment insérer et paramétrer ces éléments sur votre boutique en ligne. Commençons!

Table des matières:

Une introduction aux blocs de filtres de produits WooCommerce

WooCommerce propose une collection de blocs WooCommerce conçus pour permettre aux utilisateurs de rechercher des produits spécifiques dans votre boutique en ligne. Ces éléments interactifs permettent aux consommateurs de filtrer leurs résultats et de trouver les articles les plus adaptés à leurs besoins.

Voici un bref aperçu des blocs de filtres de produits WooCommerce gratuits :

• Filtrer les produits par prix : ce bloc permet aux clients de choisir une fourchette de prix à l'aide d'un curseur et d'afficher uniquement les articles qui correspondent à cette fourchette.
• Filtrer les produits par attribut : il permet aux clients de rechercher des articles en fonction de leurs attributs, y compris les tailles, les couleurs et les styles.
• Filtres de produits actifs : cela aide les clients à voir les filtres qu'ils ont déjà appliqués à leur recherche afin qu'ils puissent l'ajuster.
• Filtrer les produits par stock : ce bloc affiche uniquement les articles en stock, en rupture de stock ou en rupture de stock.

Vous pouvez utiliser ces blocs sur les publications, les pages et les zones de widgets. Lors de l'interaction avec le bloc, les clients pourront choisir parmi des paramètres prédéterminés pour voir les résultats filtrés.

Si vous souhaitez plus de flexibilité pour la configuration des filtres de produits, vous pouvez également installer un plug-in de filtre de produits WooCommerce dédié. Nous partagerons quelques options de qualité plus loin dans cet article.

Pourquoi vous pourriez envisager d'utiliser les blocs de filtres de produits WooCommerce

Les blocs de filtrage de produits WooCommerce peuvent améliorer considérablement l'expérience utilisateur (UX) de votre boutique en ligne. Si vous disposez d'un vaste catalogue de produits, les clients peuvent passer des heures à parcourir vos articles tout en recherchant ceux qui correspondent à leurs besoins. Cependant, ils se sentiront probablement frustrés et cliqueront pour faire leurs achats ailleurs.

Selon les produits que vous vendez, les filtres de produits permettent aux clients de parcourir votre boutique pour trouver les couleurs, les tailles, les ingrédients et les marques qui correspondent à leurs besoins. De plus, les résultats seront mis à jour sur la même page. Par conséquent, les consommateurs n'auront pas besoin de naviguer vers les pages de catégories et d'interrompre leurs expériences d'achat.

Comment utiliser les blocs de filtres de produits WooCommerce

Dans cette première section, nous allons vous montrer comment utiliser les blocs de filtres de produits par défaut que WooCommerce inclut automatiquement. Encore une fois, pour plus de flexibilité, vous pouvez envisager l'un des plugins de filtrage de produits WooCommerce dans la section suivante.

La plupart des blocs de filtres de produits WooCommerce fonctionnent de la même manière. Vous insérez simplement le bloc et déterminez ensuite quelle caractéristique de produit est affichée.

Vous pouvez trouver tous ces blocs dans WordPress en cliquant sur le bouton + pour insérer un nouveau bloc et en recherchant "Filtre WooCommerce :"

Gardez à l'esprit que vous devrez d'abord ajouter des attributs, des balises, des catégories et d'autres caractéristiques à vos produits WooCommerce. Sinon, vous n'aurez aucune donnée à utiliser dans votre bloc.

Voyons maintenant comment utiliser les blocs de filtres de produits WooCommerce. Nous utiliserons l'élément Filtrer les produits par attribut comme exemple.

Étape 1 : Ajoutez des attributs à vos produits WooCommerce

️ Remarque - pour les autres filtres (tels que le prix ou le stock), vous n'aurez pas besoin de configurer d'attributs.

Si vous ne l'avez pas déjà fait, vous voudrez ajouter des catégories, des balises et des attributs à vos produits WooCommerce. Ces taxonomies permettent aux clients de trouver plus facilement les articles souhaités. De plus, les blocs de filtrage de produits WooCommerce ne fonctionneront pas sans ces classifications.

Commencez par accéder à Produits > Attributs dans votre tableau de bord WordPress. Ici, vous pouvez créer de nouvelles classifications pour vos produits. Comme vous pouvez le voir, nous avons déjà Couleur et Taille dans notre boutique en ligne :

Vous devrez entrer un nom et un slug pour votre nouvel attribut. Cliquez ensuite sur Ajouter un attribut pour enregistrer la classification. Notez que vous pouvez suivre le même processus pour les catégories (et sous-catégories) de produits et les balises.

Ensuite, ouvrez vos produits pour ajouter leurs taxonomies. Vous pouvez le faire en accédant à Produits > Tous les produits et en cliquant sur un élément.

Maintenant, faites défiler jusqu'à la section Données produit et ouvrez le menu Attributs :

Vous pouvez ajouter des attributs à votre produit en les sélectionnant dans le menu déroulant et en cliquant sur Ajouter . Ensuite, choisissez la flèche déroulante à côté de l'attribut pour saisir vos informations personnalisées.

Par exemple, dans notre exemple, nous avons ajouté Rouge comme attribut Couleur à notre produit :

Lorsque vous avez ajouté toutes vos variables, cliquez sur Enregistrer les attributs . Désormais, les clients pourront trouver des articles présentant ces caractéristiques via votre bloc de filtre de produit WooCommerce.

Étape 2 : Insérez votre bloc de filtre de produit

Ensuite, vous devrez ouvrir la page ou publier où vous souhaitez utiliser votre bloc de filtre de produit. Vous pouvez également envisager d'utiliser l'élément dans une barre latérale sur les pages de votre boutique afin que les clients puissent filtrer leurs résultats pendant qu'ils naviguent.

Tout d'abord, vous devrez ajouter le bloc Tous les produits à votre page. Sinon, WooCommerce ne pourra pas filtrer et afficher des éléments spécifiques.

Vous pouvez le faire en cliquant sur le bouton + et en recherchant "tous les produits". Sélectionnez le bloc et ajoutez-le à votre page :

Ensuite, recherchez "Attribut de filtre WooCommerce :"

Cliquez sur le bloc et il sera inséré dans votre page. Vous pouvez maintenant rechercher un attribut de produit ou en choisir un dans votre liste déroulante. Nous utiliserons Color dans notre exemple :

Votre bloc va maintenant être transformé pour afficher un nouveau titre et une liste des attributs de produit que vous avez choisis (tels que les différentes couleurs des articles) :

Vous pouvez laisser le bloc tel quel si vous aimez son apparence. Alternativement, à l'étape suivante, nous verrons comment personnaliser l'apparence de cet élément.

Étape 3 : Configurer les paramètres de blocage

Ensuite, vous pouvez personnaliser l'apparence de votre bloc de filtre de produit WooCommerce. Cliquez simplement sur le bloc Filtrer les produits par attribut , puis sélectionnez l'icône d'engrenage à droite :

Ici, vous pouvez choisir d'afficher ou non votre nombre de produits . Ce paramètre peut être utile si vous disposez d'un vaste catalogue d'articles et souhaitez offrir à vos clients une large gamme de choix.

Vous pouvez également choisir le niveau de titre pour vos attributs de produit. La valeur par défaut est H3 , mais vous pouvez sélectionner de H2 à H6 pour répondre aux besoins stylistiques de votre magasin.

Si vous faites défiler vers le bas, vous devriez voir quelques configurations supplémentaires sous Block Settings :

Ici, vous pouvez choisir votre type de requête . Si vous optez pour And , WooCommerce n'affichera que les produits contenant tous les attributs spécifiés par le client. Pendant ce temps, l'option Ou affichera tous les éléments qui ont au moins un des attributs.

Sous Type d'affichage , vous pouvez choisir d'afficher vos attributs sous forme de liste ou de liste déroulante. Les deux options sont relativement conviviales.

Enfin, vous pouvez choisir d'activer le bouton Filtrer . Si vous l'activez, les clients devront cliquer sur Aller pour filtrer leurs résultats de recherche. Cependant, si vous ne le faites pas, il suffit de sélectionner l'un des attributs pour mettre à jour les produits affichés.

C'est ça! Votre bloc de filtre de produit WooCommerce est maintenant prêt à l'action :

Enregistrez et publiez simplement vos modifications. Les clients pourront désormais filtrer leurs recherches de produits avec des attributs spécifiques.

Un aperçu des plugins de filtrage de produits WooCommerce

Outre les blocs WooCommerce gratuits, vous pouvez également accéder à des plugins tiers pour ajouter plus de flexibilité dans la configuration de vos filtres. Par exemple, le plugin WooCommerce Product Search contient les options de filtre suivantes :

• Produits : affiche une collection de produits filtrés. Ce bloc peut reproduire la page de votre boutique et rendre les articles contrôlés par d'autres blocs de filtres de produits sur la même page.
• Rechercher : Crée une fonction de recherche filtrée pour votre boutique WooCommerce.
• Catégories : affiche les produits qui correspondent à des catégories particulières, telles que le type de vêtement ou le sexe.
• Attributs : affiche les produits avec des attributs spécifiques, tels que la couleur, la marque, la taille, la forme, la marque ou des caractéristiques particulières.
• Balises : affiche les produits qui correspondent aux balises de produit, y compris "en vedette", "logo" ou "tendance".
• Prix ​​: affiche les produits dans les paramètres de prix spécifiés.
• Note : Présente les produits selon leur note moyenne.
• Vente : affiche uniquement les produits en vente.
• Stock : affiche uniquement les produits en stock.
• Réinitialiser : permet aux clients de réinitialiser les paramètres du filtre de produit. Ensuite, ils peuvent voir tous vos articles disponibles ou entrer de nouveaux paramètres pour personnaliser leurs recherches.

Alternativement, vous pouvez envisager d'utiliser le plugin WOOF Products Filter for WooCommerce :

Avec ce plugin, les clients peuvent filtrer les articles en fonction de leurs catégories, attributs, balises, taxonomies personnalisées et prix. De plus, les résultats affichés sont généralement plus attrayants et personnalisables que les blocs WooCommerce par défaut.

WooCommerce Product Filter de WooBeWoo est une autre excellente option freemium :

Vous pouvez l'utiliser seul ou avec Elementor pour concevoir vos propres filtres de produits et conditions de mise en page. Le plugin premium comprend des fonctionnalités supplémentaires, telles que des icônes de catégorie, des styles personnalisés et un bouton masquer/afficher les filtres.

Commencez dès aujourd'hui avec les filtres de produits WooCommerce

Heureusement, il est également très facile d'utiliser un bloc de filtre de produit WooCommerce. Vous devrez simplement ajouter des taxonomies, telles que des catégories, des attributs ou des balises, à vos produits. Ensuite, vous pouvez utiliser le bloc WooCommerce correspondant à côté d'un bloc Tous les produits sur la page de votre boutique.

Pour plus de flexibilité, vous pouvez également installer un plugin de filtre de produit WooCommerce dédié.

Si vous souhaitez trouver encore plus de façons de créer une meilleure boutique WooCommerce, vous pouvez également consulter notre collection de plugins WooCommerce indispensables.

Avez-vous des questions sur l'utilisation des blocs de filtres de produits WooCommerce ? Faites-nous savoir dans la section commentaires ci-dessous!