avez un magasin woocommerce, votre objectif devrait toujours être de permettre aux visiteurs de parcourir vos produits aussi facilement que possible afin qursquoils puissent rapidement trouver les articles qui les intéressent (et faire des achats!). avez beaucoup de produits, lrsquoune des meilleures façons est drsquoutiliser des filtres de produits. Vous avez peut être rencontré ces problèmes lors de vos achats en ligne: Vous pouvez filtrer par catégorie, prix, taille, attributs, etc. Essentiellement, les filtres permettent drsquoobtenir une liste complète des produits et de filtrer uniquement les articles qui intéressent.
Woocommerce contient des widgets de filtres produits intégrés qui peuvent aider à ajouter cette fonctionnalité au magasin, mais ils sont si limités que ne pouvez pas les personnaliser pour le magasin. Dans notre revue de filtres produits woocommerce, nous allons voir le plugin freemium WordPress qui permet de configurer des systèmes de filtres personnalisables. Vous pourrez ajouter des filtres par catégorie, étiquette, attribut, prix, mot clé, taxonomie champ personnalisé, etc. De plus, pouvez créer différents groupes de filtres et les afficher dans différents scénarios, de sorte que pouvez assurer que les filtres sont toujours optimisés pour un produit utilisateur spécifique.
Il y a aussi un traitement spécial pour les utilisateurs drsquoelementor: grâce à lrsquointégration spécialisée, pouvez effectuer toutes ces opérations directement à partir de lrsquointerface elementor, ce qui est très pratique si utilisez elementor pour concevoir woocommerce store. Cependant, nrsquoavez pas besoin drsquoutiliser elementor. Continuez à lire pour en savoir plus sur ce que ce plug in fournit et comment il fonctionne. Note: Nous avons initialement préparé notre premier examen des filtres de produits woocommerce en décembre 2020. Cependant, nous avons complètement réécrit ce commentaire en novembre 2021 pour tenir compte des changements et des mises à jour du plug in.
Le produit que lrsquoutilisateur navigue.
Enfin, pouvez obtenir un certain nombre drsquoautres fonctionnalités utiles, y compris les suivantes: les acheteurs peuvent se connecter directement à une configuration de filtre spécifique en utilisant des paramètres de requête (les plug ins peuvent être générés automatiquement). Les filtres peuvent hériter du style du thème ou être personnalisés. Les acheteurs peuvent facilement restaurer les filtres. Intégration des plug ins de filtres de produits woocommerce en plus de toutes les fonctionnalités ci dessus, les filtres de produits woocommerce sont intégrés à de nombreux autres plug ins que pouvez utiliser, y compris WC vendor (Multi vendor Store) et Yith woocommerce Quick View.
Le filtre produit woocommerce est également profondément intégré au plug in element. Vous pouvez définir les filtres de produit directement à partir de lrsquointerface de lrsquoélément, et recevrez également un widget drsquoélément dédié pour inclure les filtres dans votre projet. Ceci est utile si utilisez la fonctionnalité woocommerce Builder drsquoelementor pro pour concevoir des modèles de magasin et de thème pour des produits individuels. Exemples de filtres de produits woocommerce pour donner une idée des types de filtres de produits que pouvez créer, regardons un exemple de filtres de produits woocommerce sur le front du magasin. Par conséquent, dans la section suivante, je vais montrer comment fonctionne lrsquoarrière plan.
souhaitez voir une version en direct de cette démo pour utiliser les filtres, cliquez sur le bouton ci dessous et faites défiler vers le bas: Allez maintenant à la démo pratique frontale du plug in de filtre produit woocommerce, regardons le plug in, et je vais montrer comment utiliser le plug in et configurer les filtres dans votre magasin. Mais drsquoabord, une brève explication. souhaitez utiliser le plug in même, le développeur hébergera un site de démonstration entièrement fonctionnel qui donnera accès à toutes les fonctionnalités de première et de dernière ligne. Donc si
Pour tout essayer même, il suffit de cliquer sur les boutons suivants:
Crsquoest à dire, allons plus loin et je vais montrer comment cela fonctionne. Créer un nouveau Groupe de filtres pour commencer avec le plug in, nous recommandons de créer un nouveau filtre. Chaque filtre peut contenir plusieurs filtres, donc je pense qursquoil est préférable de les considérer comme des groupes de filtres. Pour rendre les choses plus claires, je les appelle des groupes de filtrage, mais ne verrez le terme
Après avoir ajouté un nouveau filtre à un groupe de filtres créer un groupe de filtres, pouvez sélectionner les filtres individuels à inclure dans ce groupe. Chaque groupe de filtres peut contenir tous les filtres requis. De même, pouvez choisir parmi les options suivantes: gamme de prix trier les propriétés de lrsquoétiquette du produit par catégorie de produit champs personnalisés (si avez des champs personnalisés) auteur par texte recherche de lrsquoétat des actions vendues Lorsque ajoutez un filtre, deux choses se produisent: obtenez des paramètres supplémentaires pour ce filtre. Vous verrez un aperçu en direct des groupes de filtres. Il est bon drsquoavoir un aperçu en direct, car pouvez voir comment chaque filtre fonctionne. Cependant, ne inquiétez pas trop du style design réel, car pouvez le personnaliser plus tard (y compris le faire correspondre à votre thème woocommerce).
nécessaire, pouvez également utiliser la sélection glisser déposer pour modifier lrsquoordre des filtres. Extension MPO
Et basculer plusieurs boutons de menu déroulant couleur du curseur de texte Par exemple, supposons que filtrez par attributs de couleur, comme je lrsquoai fait dans cet exemple. Au lieu drsquoafficher simplement le texte pour chaque couleur, pouvez voir un échantillon de couleurs réelles que les gens peuvent choisir. La sélection de cette option ouvre de nombreux nouveaux paramètres pour contrôler les icônes, les couleurs, etc.: Vous pouvez également sélectionner plusieurs couleurs pour lrsquoarrière plan afin de créer les effets suivants: Vous disposez également drsquoun certain nombre drsquoautres options, telles que lrsquoutilisation de balises personnalisées qui affichent le nombre de chaque attribut en nrsquoajoutant que des attributs spécifiques, tels que lrsquooption de modification logique de tri. Dans lrsquoensemble, il est très flexible, un bon exemple de la flexibilité offerte par les filtres de produits woocommerce. Catégorie de produits les filtres de catégorie de produits sont un autre bon exemple de la souplesse des filtres de produits woocommerce en ce qui concerne le type drsquoentrée. Pour ce filtre, pouvez choisir parmi six façons différentes drsquoafficher les options de filtre à lrsquoavant du magasin: boutons drsquooption (radio) menu déroulant (radio) Liste de cases à cocher Multi drop Down (Multi Select) boutons de texte aurez également de nombreuses autres options, telles que Lorsque lrsquoacheteur sélectionne la catégorie parent, la catégorie drsquoaffichage affiche lrsquoimage dans le filtre en incluant les sous catégories par niveau Plus Enfin, regardons la recherche de filtres de texte, car crsquoest une autre option unique. Ce filtre ajoute une boîte de recherche que les acheteurs peuvent utiliser pour filtrer les produits par mot clé. Une bonne chose ici est que pouvez choisir les informations exactes que lrsquoacheteur peut rechercher, y compris Titre contenu E
Attribut stratto SKU Étiquette catégorie méta champ pouvez également ajouter autocomplete (bien qursquoil soit basé uniquement sur le titre, la catégorie ou lrsquoétiquette du produit): Après avoir configuré drsquoautres options pour ajouter tous les filtres, pouvez aller à lrsquoonglet options pour voir certains comportements qui sont importants pour lrsquoensemble du Groupe de filtres. Voici quelques choix que pouvez faire: filtres Ajax: si Ajax est activé, les utilisateurs peuvent effectuer des recherches filtres sans recharger la page. elle est désactivée, lrsquoutilisateur devra recharger la page pour appliquer ses filtres. Positionnement du contenu: Vous pouvez voir les groupes de filtres sur toutes les pages ou pages woocommerce, catégories, étiquettes spécifiques, etc. Par exemple, pouvez créer des groupes de filtres spéciaux pour des catégories de produits spécifiques. Objectif du périphérique: Vous pouvez afficher des groupes de filtres à tous les visiteurs ou seulement aux utilisateurs sur votre bureau ou votre appareil mobile. Par exemple, pouvez voir différents types de filtres et ou drsquoentrées pour les visiteurs du Bureau et des appareils mobiles. Il existe drsquoautres sous tableaux avec des paramètres importants. Par exemple, dans lrsquoonglet boutons, pouvez choisir drsquoappliquer automatiquement le filtre lorsque lrsquoutilisateur sélectionne le filtre ou drsquoattendre que lrsquoutilisateur clique sur le bouton. Enfin, lrsquoonglet conception permet de contrôler le style conception et lrsquoespacement (c. à D. largeur et hauteur) du filtre. Pour la plupart des magasins, voudrez peut être simplement cocher la case utiliser le style de thème. Cela fait que le plug in adapte automatiquement les filtres à la conception du thème: Cependant, si voulez plus de contrôle, pouvez également choisir drsquoutiliser vos propres styles personnalisés et ou drsquoajouter des CSS et javascripts personnalisés. souhaitez utiliser des styles personnalisés, pouvez définir la plupart des styles à travers lrsquointerface: Appuyez sur cont pour voir les filtres dans le magasin
Faites défiler le magasin pour afficher l’emplacement des filtres et obtenez quelques options: Widget WordPress (en entrant look → Widget ADD) Widget PHP de code court fonction elementor (en ajoutant via l’interface elementor). Par exemple, lorsque ajoutez un widget, pouvez utiliser le menu déroulant pour sélectionner le Groupe de filtres désiré: Il est important de noter que pouvez ajouter plusieurs groupes de filtres, chacun étant affiché selon ses règles de destination. Par exemple, si avez un groupe de filtres pour la catégorie A et un autre pour la catégorie B, pouvez ajouter les deux filtres en même temps, mais ne pouvez voir que les filtres associés pour chaque catégorie. Bien que interagissiez principalement avec les plug ins lors de la création des filtres, il y a quelques paramètres qui incluent des options utiles, comme la possibilité de générer du HTML basé sur les normes WCAG pour un meilleur accès: Prix des filtres produits woocommerce les filtres produits woocommerce sont disponibles en deux versions gratuites sur WordPress. Org a plus de fonctionnalités que les versions avancées. Voici quelques comparaisons de fonctionnalités entre les versions gratuites et avancées: avez besoin drsquoune version avancée, il existe trois plans de tarification. Toutes les licences payantes déverrouillent toutes les fonctions La seule différence est le nombre de sites qui peuvent activer le plug in: un site 49 $cinq sites 99 $site illimité 199 $je pense que le prix est assez standard pour lrsquoextension woocommerce et offre une bonne valeur pour les fonctionnalités que obtenez. Considérations finales concernant les filtres produits woocommerce dans lrsquoensemble, jrsquoai été impressionné par la profondeur de fonctionnalité offerte par les filtres produits woocommerce. En plus des nombreux types de filtres qui sont généralement fournis, pouvez utiliser un certain nombre drsquooptions pour contrôler le fonctionnement de chaque filtre. Par exemple:
choisir parmi différents types drsquoentrées, contrôler le comportement, etc. Il est également agréable drsquoavoir le support pour créer des filtres basés sur des propriétés, des champs personnalisés et des taxonomies personnalisées. Cela permet de créer des ensembles de filtres vraiment utiles qui sont uniques aux produits que vendez. Enfin, je pense qursquoil est utile de pouvoir voir les utilisateurs de différents groupes de filtres sur différentes parties du magasin ou sur différents appareils, car cela garantit toujours une expérience de filtrage optimale. voulez essayer, pouvez essayer la version gratuite sur WordPress. Organisation. Par conséquent, si ce que voyez, envisagez de passer à une version avancée pour déverrouiller les fonctionnalités et les types de filtres les plus avancés. Vous pouvez également cliquer ici pour tester la démonstration complète de la version avancée. Page WordPress du site principal. Avez des questions sur le filtrage des produits woocommerce? Posez des questions dans la section commentaires!
Commentaires sur les filtres produits woocommerce: des filtres flexibles pour votre magasin
