Commentaires sur les filtres produits woocommerce: des filtres flexibles pour votre magasin
Si vous avez un magasin woocommerce, votre objectif devrait toujours être de permettre aux visiteurs de parcourir vos produits aussi facilement que possible afin qu’ils puissent rapidement trouver les articles qui les intéressent (et faire des achats!). Si vous avez beaucoup de produits, l’une des meilleures façons est d’utiliser 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 vous permettent d’obtenir une liste complète des produits et de filtrer uniquement les articles qui vous intéressent.
Woocommerce contient des widgets de filtres produits intégrés qui peuvent vous aider à ajouter cette fonctionnalité au magasin, mais ils sont si limités que vous ne pouvez pas les personnaliser pour le magasin. Dans notre revue de filtres produits woocommerce, nous allons voir le plugin freemium WordPress qui vous 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, vous pouvez créer différents groupes de filtres et les afficher dans différents scénarios, de sorte que vous pouvez vous 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 d’elementor: grâce à l’intégration spécialisée, vous pouvez effectuer toutes ces opérations directement à partir de l’interface elementor, ce qui est très pratique si vous utilisez elementor pour concevoir woocommerce store. Cependant, vous n’avez pas besoin d’utiliser 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 l’utilisateur navigue.
Enfin, vous pouvez obtenir un certain nombre d’autres 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 vous 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 l’interface de l’élément, et vous recevrez également un widget d’élément dédié pour inclure les filtres dans votre projet. Ceci est utile si vous utilisez la fonctionnalité woocommerce Builder d’elementor pro pour concevoir des modèles de magasin et de thème pour des produits individuels. Exemples de filtres de produits woocommerce pour vous donner une idée des types de filtres de produits que vous 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 vous montrer comment fonctionne l’arrière – plan.
Pour tout essayer vous – même, il suffit de cliquer sur les boutons suivants:
C’est – à – dire, allons plus loin et je vais vous montrer comment cela fonctionne. Créer un nouveau Groupe de filtres pour commencer avec le plug – in, nous vous recommandons de créer un nouveau filtre. Chaque filtre peut contenir plusieurs filtres, donc je pense qu’il 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 vous ne verrez le terme \ Après avoir ajouté un nouveau filtre à un groupe de filtres créer un groupe de filtres, vous pouvez sélectionner les filtres individuels à inclure dans ce groupe. Chaque groupe de filtres peut contenir tous les filtres requis. De même, vous pouvez choisir parmi les options suivantes: gamme de prix trier les propriétés de l’étiquette du produit par catégorie de produit champs personnalisés (si vous avez des champs personnalisés) auteur par texte recherche de l’état des actions vendues Lorsque vous ajoutez un filtre, deux choses se produisent: vous obtenez des paramètres supplémentaires pour ce filtre. Vous verrez un aperçu en direct des groupes de filtres. Il est bon d’avoir un aperçu en direct, car vous pouvez voir comment chaque filtre fonctionne. Cependant, ne vous inquiétez pas trop du style \/ design réel, car vous pouvez le personnaliser plus tard (y compris le faire correspondre à votre thème woocommerce). Si nécessaire, vous pouvez également utiliser la sélection glisser – déposer pour modifier l’ordre des filtres. Extension MPO
Et basculer plusieurs boutons de menu déroulant couleur du curseur de texte Par exemple, supposons que vous filtrez par attributs de couleur, comme je l’ai fait dans cet exemple. Au lieu d’afficher simplement le texte pour chaque couleur, vous 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 l’arrière – plan afin de créer les effets suivants: Vous disposez également d’un certain nombre d’autres options, telles que l’utilisation de balises personnalisées qui affichent le nombre de chaque attribut en n’ajoutant que des attributs spécifiques, tels que l’option de modification logique de tri. Dans l’ensemble, 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 d’entrée. Pour ce filtre, vous pouvez choisir parmi six façons différentes d’afficher les options de filtre à l’avant du magasin: boutons d’option (radio) menu déroulant (radio) Liste de cases à cocher Multi – drop – Down (Multi – Select) boutons de texte vous aurez également de nombreuses autres options, telles que… Lorsque l’acheteur sélectionne la catégorie parent, la catégorie d’affichage affiche l’image dans le filtre en incluant les sous – catégories par niveau… Plus Enfin, regardons la recherche de filtres de texte, car c’est 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 vous pouvez choisir les informations exactes que l’acheteur peut rechercher, y compris… Titre contenu E
Attribut stratto SKU Étiquette catégorie méta – champ vous pouvez également ajouter autocomplete (bien qu’il soit basé uniquement sur le titre, la catégorie ou l’étiquette du produit): Après avoir configuré d’autres options pour ajouter tous les filtres, vous pouvez aller à l’onglet options pour voir certains comportements qui sont importants pour l’ensemble du Groupe de filtres. Voici quelques choix que vous pouvez faire: filtres Ajax: si Ajax est activé, les utilisateurs peuvent effectuer des recherches \/ filtres sans recharger la page. Si elle est désactivée, l’utilisateur 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, vous 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, vous pouvez voir différents types de filtres et \/ ou d’entrées pour les visiteurs du Bureau et des appareils mobiles. Il existe d’autres sous – tableaux avec des paramètres importants. Par exemple, dans l’onglet boutons, vous pouvez choisir d’appliquer automatiquement le filtre lorsque l’utilisateur sélectionne le filtre ou d’attendre que l’utilisateur clique sur le bouton. Enfin, l’onglet conception vous permet de contrôler le style \/ conception et l’espacement (c. – à – D. largeur et hauteur) du filtre. Pour la plupart des magasins, vous 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 vous voulez plus de contrôle, vous pouvez également choisir d’utiliser vos propres styles personnalisés et \/ ou d’ajouter des CSS et javascripts personnalisés. Si vous souhaitez utiliser des styles personnalisés, vous pouvez définir la plupart des styles à travers l’interface: Appuyez sur cont pour voir les filtres dans le magasin
Faites défiler le magasin pour afficher l’emplacement des filtres et vous 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 vous ajoutez un widget, vous pouvez utiliser le menu déroulant pour sélectionner le Groupe de filtres désiré: Il est important de noter que vous pouvez ajouter plusieurs groupes de filtres, chacun étant affiché selon ses règles de destination. Par exemple, si vous avez un groupe de filtres pour la catégorie A et un autre pour la catégorie B, vous pouvez ajouter les deux filtres en même temps, mais vous ne pouvez voir que les filtres associés pour chaque catégorie. Bien que vous 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: Si vous avez besoin d’une 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 l’extension woocommerce et offre une bonne valeur pour les fonctionnalités que vous obtenez. Considérations finales concernant les filtres produits woocommerce dans l’ensemble, j’ai été impressionné par la profondeur de fonctionnalité offerte par les filtres produits woocommerce. En plus des nombreux types de filtres qui vous sont généralement fournis, vous pouvez utiliser un certain nombre d’options pour contrôler le fonctionnement de chaque filtre. Par exemple:
– choisir parmi différents types d’entrées, contrôler le comportement, etc. Il est également agréable d’avoir le support pour créer des filtres basés sur des propriétés, des champs personnalisés et des taxonomies personnalisées. Cela vous permet de créer des ensembles de filtres vraiment utiles qui sont uniques aux produits que vous vendez. Enfin, je pense qu’il 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. Si vous voulez essayer, vous pouvez essayer la version gratuite sur WordPress. Organisation. Par conséquent, si vous aimez ce que vous 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 – vous des questions sur le filtrage des produits woocommerce? Posez des questions dans la section commentaires!