---
title: "How to Create Location Based Filter for WooCommerce Products in Elementor?"
url: https://theplusaddons.com/docs/create-location-based-filter-for-woocommerce-products-in-elementor/
date: 2023-09-14
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "A store with location-specific products or service areas benefits from a search box built for place names, not generic keywords - complete with a locate-me style icon shoppers recognise instantly...."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-Location-Based-Filter-for-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 263
---

# How to Create Location Based Filter for WooCommerce Products in Elementor?

## 

- Utilizes the WP Search Filters widget from The Plus Addons for Elementor to implement location-based filters for WooCommerce products.
- Creates custom fields for location using the Advanced Custom Fields (ACF) plugin to assign geographical values to products.
- Integrates the WP Search Filters widget with the Product Listing widget to enable filtering based on location coordinates.

A store with location-specific products or service areas benefits from a search box built for place names, not generic keywords - complete with a locate-me style icon shoppers recognise instantly.

The WP Filters widget's **Autocomplete** sub-type renders exactly this: a "near me" icon and a text input pre-wired with a `location` placeholder and a `data-location` attribute for location-aware autocomplete.

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.- Products tagged with a location value.

## Steps

Add the WP Filters widget, set **Filter Type** to **WP Filter**, then set **Select Source** to **Autocomplete**.

![WP Filter Type set to Autocomplete](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-filter-type-autocomplete.webp)

The rendered field shows a locate-me icon and a location-flavoured input, ready to connect to a taxonomy or custom field holding your products' location values via **Select Type**.

![Autocomplete field with its near-me icon and location placeholder](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-autocomplete-location-input.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| WP Filter Type | Set to Autocomplete for a location-style search input. | - |
| Select Type | Taxonomy, ACF, PODs, Toolset or Metabox connection supplying location values. | - |

## Related Docs

- [How to Create Search Filter for Custom Posts in Elementor?](https://theplusaddons.com/docs/create-search-filter-for-custom-posts-in-elementor/)- [How to Create Filters for Custom Post Types with Custom Taxonomy in Elementor?](https://theplusaddons.com/docs/create-filters-for-custom-post-types-with-custom-taxonomy-in-elementor/)