---
title: "How to Filter WooCommerce Products by Stock Status in Elementor? (Out of Stock & In Stock)"
url: https://theplusaddons.com/docs/filter-woocommerce-products-by-stock-status-in-elementor/
date: 2023-09-14
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Nothing frustrates a shopper more than filtering down to a product they cannot actually buy - a stock-status filter avoids that. The Woo Filter reads WooCommerce's own stock status field,..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Filter-WooCommerce-Products-by-Stock-Status-in-Elementor_-Out-of-Stock-_-In-Stock-1024x536.jpg
word_count: 199
---

# How to Filter WooCommerce Products by Stock Status in Elementor? (Out of Stock & In Stock)

## 

- The WP Search Filters widget reads WooCommerce's own stock status field, so In Stock and Out of Stock options reflect real, live inventory.
- The Plus Addons for Elementor Pro is required for the WP Search Filters widget, and the widget is enabled from The Plus Addons > Widgets by searching for WP Filters and turning its toggle on.
- WP Filters uses Filter Type set to Woo Filter, then a checkbox- or button-style source configured to read stock status.

Nothing frustrates a shopper more than filtering down to a product they cannot actually buy - a stock-status filter avoids that.

The Woo Filter reads WooCommerce's own stock status field, so **In Stock** and **Out of Stock** options reflect real, live inventory.

For the full settings tour of the **WP Search Filters** widget, see [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** WP Search Filters is a **Pro** widget - it requires The Plus Addons for Elementor Pro to be installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **WP Filters** and turn its toggle on.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least a few products published.- A mix of in-stock and out-of-stock products.

## Steps

Add the WP Filters widget, set **Filter Type** to **Woo Filter**, then choose a checkbox- or button-style source configured to read stock status.

![Stock-status filter showing In Stock and Out of Stock options](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-woo-filter-stock.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Filter Type | Set to Woo Filter for WooCommerce-specific filtering. | - |

## Related Docs

- [How to Create WooCommerce Rating Filter in Elementor?](https://theplusaddons.com/docs/create-woocommerce-rating-filter-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before filtering WooCommerce products by stock status in Elementor?**
A: Elementor free has to be installed and active, WooCommerce has to be installed and active, and you need at least a few published products with a mix of in-stock and out-of-stock items. The WP Search Filters widget is also a Pro widget, so The Plus Addons for Elementor Pro must be installed and active. That setup matters because the filter reads WooCommerce’s own stock status field, so the results reflect live inventory instead of a static label.

**Q: Why is my stock status filter not showing any products?**
A: The usual cause is that the store does not have both stock states to filter against. This setup depends on WooCommerce products with real in-stock and out-of-stock values, because the Woo Filter reads WooCommerce’s own stock status field. If every product is in one state, the filter has nothing meaningful to separate. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses live inventory data here, so the product mix matters.

**Q: Can I filter WooCommerce products by stock status without writing code?**
A: The workflow is built for no-code use inside the Elementor editor. The WP Filters widget is added in Elementor, then its Filter Type is set to Woo Filter and the source is configured as checkbox or button style for stock status. That makes it practical for designers and WordPress teams who want live inventory filtering without custom development. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides that path inside Elementor.

**Q: What filter style should I use for stock status in WooCommerce: checkbox or button?**
A: Both checkbox-style and button-style sources are supported for stock status in this tutorial. The choice mainly affects how the filter feels to shoppers, not the underlying data, because the Woo Filter still reads WooCommerce’s own stock status field either way. If you want a simple selection control, checkbox works well; if you want a more compact UI, button style is easier to scan.

**Q: What happens after I set Filter Type to Woo Filter?**
A: The widget switches into WooCommerce-specific filtering mode, which means the stock options are tied directly to product inventory state. That is why In Stock and Out of Stock reflect live data instead of manual labels. In practice, this helps shoppers avoid landing on products they cannot buy right now. For a broader settings breakdown, [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/) covers the widget more fully.

**Q: How do I add a stock status filter alongside other WooCommerce filters in Elementor?**
A: The same WP Filters widget can be used as part of a broader filtering setup inside Elementor, and this tutorial sits alongside other related docs like [How to Create WooCommerce Rating Filter in Elementor?](https://theplusaddons.com/docs/create-woocommerce-rating-filter-in-elementor/). The key detail is that stock status uses Woo Filter mode and reads WooCommerce’s own field, so it fits naturally with other product filters that target different attributes. That makes it useful when you want shoppers to narrow results by availability first.