Uploaded January 2025 | Updated September 2026, 2 days ago
JetSmartFilters integrates with JetEngine Maps Listings, letting you filter map-based content by proximity, user geolocation, address metadata, and custom field values — in both Elementor and the WordPress Block Editor.
In this tutorial, Andrew shows the full setup: meta fields for custom post types, geo search queries, core filter types (search, checkbox, range, geolocation), map listing widgets, and dynamic filtering of a map and a listing grid simultaneously. It’s ideal for hotel directories, real estate maps, store locators, and any proximity-based WordPress site.
✅ What you'll learn:
• How to filter map listings by proximity and user geolocation
• How to display filtered posts on maps and listing grids simultaneously
• How to show listings based on the user's current location
• How to create search, checkbox, range, and geolocation filters
• How to set up a custom query for geo search
• How to integrate JetSmartFilters with Elementor and Block Editor
• How to filter listings by meta field values and matching addresses
💬 Add private messaging to map directories
After users find nearby locations on your map, you can let them contact owners or managers directly with JetMessenger.
Use it together with JetEngine Maps Listings and JetSmartFilters so users can:
• search nearby hotels, rentals, or stores on a map
• open a single listing or account page
• start a private chat with the host, vendor, or store team without leaving your site
crocoblock.com/plugins/jetmessenger
📄 Geo search and maps docs:
• How to show posts in Listing Grid based on location and distance:
crocoblock.com/knowledge-base/jetengine/how-to-show-posts-in-listing-grid-based-on-location-and-distance
• Setting GeoSearch based on user geolocation:
crocoblock.com/knowledge-base/jetengine/how-to-set-geo-search-based-on-user-geolocation
• Map Listing overview:
crocoblock.com/knowledge-base/features/map-listing-overview
-------------
Q: Do I need to enable anything before filtering map listings?
A: Yes. Enable the JetEngine Maps Listings module and connect JetSmartFilters to “JetEngine Maps” as the filter provider on your widgets/blocks.
Q: Can I filter both the map and a listing grid at the same time?
A: Yes. You can connect the same filters to a Map Listing and a Listing Grid so both views update together.
Q: Can I build a “near me” search for hotels or shops?
A: Yes. With user geolocation and location-and-distance filters, you can show nearby hotels, rentals, stores, or pickup points based on the user’s current position or a chosen location.
Q: How do I set up the geo query for proximity search?
A: Use JetEngine Query Builder with Geo Search, specify the address meta field and radius, then assign that query to your Map Listing and Listing Grid.
-------------
► TIMESTAMPS
00:00 Overview — JetSmartFilters with JetEngine Maps
01:18 JetSmartFilters, Maps Module, and Elementor Settings
02:19 Custom Meta Fields, Posts, and Listings Overview
04:26 Creating Filters
04:34 Search Filter Setup
05:28 Checkbox List Filters
06:50 Range Filter
08:03 Geolocation Filters
08:54 Map Listing Widget in Elementor
10:00 Integrating Range and Search Widgets
12:32 Custom Query for Geo Search
13:59 Geolocation Filter Widgets
15:20 Checkbox Filter Widgets
16:30 Active Filters and Remove Filters Widgets
17:03 Map Listing with Filters — Preview in Elementor
21:19 Adding Listing Grid Widget
23:16 Dynamic Filtering with Two Listing Types — Preview
24:36 Filtering Listings by Meta Field Values
27:10 Displaying Nearby Locations by Matching Addresses
29:30 Map Listing and Filters Setup in Block Editor
33:22 Map Listings with Filters — Frontend Preview in Block Editor
---------------
► Get JetEngine:
out.crocoblock.com/40CX2Hp
► Get JetSmartFilters:
out.crocoblock.com/3CdRdGU
► Choose Crocoblock subscription:
out.crocoblock.com/4g0Jmua
📄 Map Listing Overview:
out.crocoblock.com/3DV61Lc
📄 JetEngine Maps Listing — Display Nearby Posts (code snippet):
gist.github.com/ihslimn/ab1798726a0c7567d61a2227b1ca8203
► Full JetEngine playlist:
youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
► Full JetSmartFilters playlist:
youtube.com/playlist?list=PL26jaHWVtLFxxFyQwSzH_481qYg6eeRnH
-------------
#JetSmartFilters #JetEngine #Crocoblock #MapFilters #WordPressFilters #GeoSearch #WordPressMessagingPlugin
Have questions about filtering map listings or proximity search? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/crocoblock
► LinkedIn: linkedin.com/company/crocoblock
JetSmartFilters integrates with JetEngine Maps Listings, letting you filter map-based content by proximity, user geolocation, address metadata, and custom field values — in both Elementor and the WordPress Block Editor.
In this tutorial, Andrew shows the full setup: meta fields for custom post types, geo search queries, core filter types (search, checkbox, range, geolocation), map listing widgets, and dynamic filtering of a map and a listing grid simultaneously. It’s ideal for hotel directories, real estate maps, store locators, and any proximity-based WordPress site.
✅ What you'll learn:
• How to filter map listings by proximity and user geolocation
• How to display filtered posts on maps and listing grids simultaneously
• How to show listings based on the user's current location
• How to create search, checkbox, range, and geolocation filters
• How to set up a custom query for geo search
• How to integrate JetSmartFilters with Elementor and Block Editor
• How to filter listings by meta field values and matching addresses
💬 Add private messaging to map directories
After users find nearby locations on your map, you can let them contact owners or managers directly with JetMessenger.
Use it together with JetEngine Maps Listings and JetSmartFilters so users can:
• search nearby hotels, rentals, or stores on a map
• open a single listing or account page
• start a private chat with the host, vendor, or store team without leaving your site
crocoblock.com/plugins/jetmessenger
📄 Geo search and maps docs:
• How to show posts in Listing Grid based on location and distance:
crocoblock.com/knowledge-base/jetengine/how-to-show-posts-in-listing-grid-based-on-location-and-distance
• Setting GeoSearch based on user geolocation:
crocoblock.com/knowledge-base/jetengine/how-to-set-geo-search-based-on-user-geolocation
• Map Listing overview:
crocoblock.com/knowledge-base/features/map-listing-overview
-------------
Q: Do I need to enable anything before filtering map listings?
A: Yes. Enable the JetEngine Maps Listings module and connect JetSmartFilters to “JetEngine Maps” as the filter provider on your widgets/blocks.
Q: Can I filter both the map and a listing grid at the same time?
A: Yes. You can connect the same filters to a Map Listing and a Listing Grid so both views update together.
Q: Can I build a “near me” search for hotels or shops?
A: Yes. With user geolocation and location-and-distance filters, you can show nearby hotels, rentals, stores, or pickup points based on the user’s current position or a chosen location.
Q: How do I set up the geo query for proximity search?
A: Use JetEngine Query Builder with Geo Search, specify the address meta field and radius, then assign that query to your Map Listing and Listing Grid.
-------------
► TIMESTAMPS
00:00 Overview — JetSmartFilters with JetEngine Maps
01:18 JetSmartFilters, Maps Module, and Elementor Settings
02:19 Custom Meta Fields, Posts, and Listings Overview
04:26 Creating Filters
04:34 Search Filter Setup
05:28 Checkbox List Filters
06:50 Range Filter
08:03 Geolocation Filters
08:54 Map Listing Widget in Elementor
10:00 Integrating Range and Search Widgets
12:32 Custom Query for Geo Search
13:59 Geolocation Filter Widgets
15:20 Checkbox Filter Widgets
16:30 Active Filters and Remove Filters Widgets
17:03 Map Listing with Filters — Preview in Elementor
21:19 Adding Listing Grid Widget
23:16 Dynamic Filtering with Two Listing Types — Preview
24:36 Filtering Listings by Meta Field Values
27:10 Displaying Nearby Locations by Matching Addresses
29:30 Map Listing and Filters Setup in Block Editor
33:22 Map Listings with Filters — Frontend Preview in Block Editor
---------------
► Get JetEngine:
out.crocoblock.com/40CX2Hp
► Get JetSmartFilters:
out.crocoblock.com/3CdRdGU
► Choose Crocoblock subscription:
out.crocoblock.com/4g0Jmua
📄 Map Listing Overview:
out.crocoblock.com/3DV61Lc
📄 JetEngine Maps Listing — Display Nearby Posts (code snippet):
gist.github.com/ihslimn/ab1798726a0c7567d61a2227b1ca8203
► Full JetEngine playlist:
youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
► Full JetSmartFilters playlist:
youtube.com/playlist?list=PL26jaHWVtLFxxFyQwSzH_481qYg6eeRnH
-------------
#JetSmartFilters #JetEngine #Crocoblock #MapFilters #WordPressFilters #GeoSearch #WordPressMessagingPlugin
Have questions about filtering map listings or proximity search? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/crocoblock
► LinkedIn: linkedin.com/company/crocoblock
