Overview of Product Filters
Learn about how to use product filters in your shop pages
There is no way everyone has the time to go through the long listings in search of what they need. In many cases, visitors prefer switching to another store rather than wading through an endless list of product variants. However, with the help of product filtering, your customers can find search results in a short time based on multiple factors, such as price, category, tags, ratings, etc.
Good product filtering can make your customers happy and encourage them to make more purchases. Also, finding similar items in search results of product filters might pique customer curiosity and increase sales and revenue.
Sellkit product filter widget
Sellkit offers a product filter widget available in Elementor’s environment, which works only with WooCommerce shortcodes and JupiterX Products widget. You can drag and drop the product filter widget in your shop pages and configure it as you want.
How to add a product filter widget to your shop pages?
Before starting this section make sure you have activated the Elementor plugin on your website.
- Select Pages > Add new From the left sidebar in WordPress dashboard.
- Name your shop page, and then click on the Edit with Elementor button on top of the page.
- Click on the red plus icon in the middle of the page and choose a two-column pattern with a sidebar.
- Then select the Widgets Panel button placed at the upper left side of the page and search for the “Product filter’’ in the sidebar panel.
- You will find a widget tagged with a blue SK sign.
- Drag and drop the Product Filter widget to the side column on the page.
- Also, you need to drag and drop the JupiterX Products widget to another column to show products. Or, you can drag and drop the Shortcode widget and enter the
[products]
shortcode in the box.
✍️ Note
[products]
is a WooCommerce shortcode, and all the letters should be lowercase to work.
✍️ Note
Other WooCommerce shortcodes related to products such as [featured_products]
, [sale_products]
, [best_selling_products]
, [recent_products]
, … are valid just as initial values to show products. So, the results do not match the initial shortcode after a product filter is applied.
- Finally, you need to configure the widget and customize it as you want. Learn more about how to configure product filters.