---
title: "How to Filter WooCommerce Products by Custom Field in Elementor? (ACF, Pods, Metabox)"
url: https://theplusaddons.com/docs/filter-woocommerce-products-by-custom-field-in-elementor/
date: 2023-09-14
modified: 2026-04-10
author: "Aditya Sharma"
description: "Do you want to filter your WooCommerce products by custom fields? This way, you can add custom fields to your products and filter them based on specific criteria. This can..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Filter-WooCommerce-Products-by-Custom-Field-in-Elementor_-ACF-Pods-Metabox-1024x536.jpg
word_count: 574
---

# How to Filter WooCommerce Products by Custom Field in Elementor? (ACF, Pods, Metabox)

## Key Takeaways

- WP Search Filters widget from The Plus Addons for Elementor allows filtering WooCommerce products by custom fields.
- Advanced Custom Fields (ACF) can be used to create custom fields for WooCommerce products.
- The WP Search Filters widget requires both WP Search Filters and Product Listing widgets to be enabled from The Plus Settings.

Do you want to filter your WooCommerce products by custom fields? This way, you can add custom fields to your products and filter them based on specific criteria. This can be extremely useful for managing large product catalogs, allowing customers to find products quickly and easily.

With the WP Search Filters widget from The Plus Addons for Elementor, you can easily add a filter based on custom fields for your WooCommerce products.

*To check the complete feature overview documentation of The Plus Addons for Elementor WP Search Filters widget, [click here](/docs/wp-search-filters-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#search-filter-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you’ve added some products to your WooCommerce store. 

### Create Custom Fields

For this, you have to create some custom fields for products and assign values to them.

You can use ACF, PODs, Metabox and Toolset plugins for creating custom fields, for instance, we’ll use the free[ Advanced Custom Fields (ACF)](https://wordpress.org/plugins/advanced-custom-fields/) to create the custom fields.

Once you have the installed plugin follow the steps - 

1. To do this from the Dashboard, go to **ACF** > **Field Groups** and click on **Add New** button. 

2. Add a name to the field group.

3. Then add a field type and add a name. For instance, we’ll add a select field.

> *Note: Number, Select, Checkbox, Radio Button, Button Group, Date Picker etc. fields are supported.*

4. Once done, from the **Settings** section set the location to **Product** under **Rules**.

![add custom fields product](https://theplusaddons.com/wp-content/uploads/2023/09/add-custom-fields-product.png)

5. Once done, click on the **Save Changes** button.

6. Then, you have to add value in the custom fields on some products.

![assign value custom fields product](https://theplusaddons.com/wp-content/uploads/2023/09/assign-value-custom-fields-product.png)

### Use the WP Search Filters Widget

You have to use the WP Search Filters widget with the Product Listing widget.

> *Note: Make sure you’ve enabled both WP Search Filters and Product Listing widgets from The Plus Settings.*

Place the widgets in your desired location on the page or template, then follow the steps -

1. In the Product Listing widget, select **Search List **from the **Product Listing Types** dropdown.

![product listing search list](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-search-list.png)

2. Then select the appropriate style and layout.

3. In the WP Search Filters widget, open the **Category** item under the **Filter Area**.

4. From the **Filter Type** dropdown, select **WP Filter**.

5. Then, you can select any option from the **Select Source** dropdown. For instance, we’ll select Checkbox.

> *Note: Except Alphabet Filter and Autocomplete.*

6. From the **Select Type** dropdown, select **ACF connection**. 

> *Note: Since we have used ACF to create the custom fields, we have selected ACF connection. So if you have created the custom fields with other plugins like PODs, Metabox or Toolset select the option accordingly.*

7. In the **Connection Key** field, you have to add the custom field name.

To find the field name in ACF, edit the field group there you will find the field name.

![acf field name](https://theplusaddons.com/wp-content/uploads/2023/09/acf-field-name.png)

![wp search filters acf connection](https://theplusaddons.com/wp-content/uploads/2023/09/wp-search-filters-acf-connection.png)

From the **Layout** dropdown, you can select a style.

Now you’ll be able to see filter options based on your custom fields that can be used to filter products.

From the **Show More** section, you can limit the number of items in the filter by adding a toggle button. You can also set a fixed height for the checkbox filter from the **Scroll Height** toggle, then users have to scroll to see all the options. 

Also, read [How to Create Button Filter for Custom Posts with Custom Fields in Elementor](https://theplusaddons.com/docs//create-button-filter-for-custom-posts-with-custom-fields-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if my custom fields are not showing up in the filter options?**
A: If your custom fields are not appearing in the filter options, ensure that you've correctly set the location for your custom fields to 'Product' in the ACF settings. If the fields are still missing, double-check that the WP Search Filters and Product Listing widgets are enabled in The Plus Settings. Without these widgets activated, the filters won't function as intended.

**Q: Can I use the WP Search Filters widget to filter products created with other plugins?**
A: The WP Search Filters widget supports custom fields created with various plugins like ACF, PODs, Metabox, and Toolset. When setting up the filter, select the appropriate connection type based on the plugin used for your custom fields. This flexibility allows you to tailor product filtering to your specific setup.

**Q: What is the best way to set up custom fields for filtering WooCommerce products?**
A: For optimal filtering, create custom fields that are relevant to your product attributes, such as size or color. Use field types like Select, Checkbox, or Radio Button to enhance user experience. This approach allows customers to filter products effectively, making it easier for them to find what they are looking for.

**Q: What happens if I forget to save changes after creating custom fields?**
A: If you forget to save changes after creating custom fields in ACF, those fields will not be applied to your products. This means that the filtering functionality will not work as expected, as the fields won't have any values assigned. Always ensure to click 'Save Changes' to activate your custom fields.

**Q: Does the WP Search Filters widget work with Elementor's default product listing?**
A: The WP Search Filters widget is designed to work specifically with The Plus Addons for Elementor's Product Listing widget. You need to select 'Search List' from the Product Listing Types dropdown to enable the filtering functionality. This integration allows for a seamless filtering experience tailored to your custom fields.