Skip to content

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

Table Of Content

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.

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

Before You Start

  • Prerequisite: 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 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

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

Settings Overview

SettingWhat it doesDefault
WP Filter TypeSet to Autocomplete for a location-style search input.–
Select TypeTaxonomy, ACF, PODs, Toolset or Metabox connection supplying location values.–

Related Docs

Related Frequently Asked Questions

Related Docs