Search Filter Widget for Elementor

search-filter
PRO

Search Filter Widget for Elementor

Use the Search Filter widget with any of our post widgets to help users filter the content on your website.

Filter Anything

The Search Filter widget works with any post widget and any post type. 

  • Post Widgets
  • WooCommerce Widgets
  • Gallery Widgets
  • Dynamic Loop Widgets

Search Filter Demo

apple-pie
Apple Pie
Cosmopolitan
Cosmopolitan
Mojito
Mojito
Mai-Tai
Mai Tai
Mint-Julep
Mint Julep
Caipirinha
Caipirinha
1 2 3
Widgets used in the section above: Search Filter, Post List, Post Pagination

Search Filter Layout

All the layout settings you need to create the perfect search filter on your Elementor website.

  • Placeholder
  • Label
  • Button

Search Filter for WooCommerce Products

1 2 3 4 5
Widgets used in the section above: Search Filter, Woo Product List, Post Pagination

Filter Post Widgets

Use the search filter to filter any Post Widget from the Unlimited Elements widget library.

  • Post Grid
  • Post Carousel
  • Post List
  • Post Timeline
  • Post Tabs
  • Post Accordion
  • Post Slider
  • Post Ticker
  • Post Scroll
All
Women
Men
Coats
Jeans
Shirts
Shoes
Coats
Jeans
Shirts
Shoes

Our Collection

14
Zephyr Shoes
The Classic Suede Men's Shoes will make you look classy.
13
Atlas Shoes
With our Modern Leather Men's Shoes, you can up your style game.
12
Atticus Shoes
Timeless Leather Men's Shoes are the perfect way to step into refinement.
11
Pilot Shoes
You'll look dapper with our classic suede men's shoes.
10
Maverick Shoes
Improve your personal style with our collection of contemporary leather footwear for men.
9
Axel Shoes
The Vintage Suede masculine Shoes are the epitome of elegance.
Widgets used in the section above: Search Filter, Tabs Filter, Post Grid, Post Pagination

Filter WooCommerce Widgets

Add the Search Filter to your WooCommerce product widgets.

  • WooCommerce Grid
  • WooCommerce Carousel
  • WooCommerce List
  • WooCommerce Slider

Filters with Post Galleries

All
Cocktails
Desserts
1 2 3
Widgets used in the section above: Tabs Filter, Search Filter, Tile Gallery, Post Pagination

Filter Galleries

Filter galleries that are populated with posts or products using the Search Filter widget.

  • Tile Gallery
  • Masonry Gallery
  • Slider Gallery
  • Carousel Gallery
  • Grid Gallery
  • Thumbnail Gallery
  • Compact Gallery

Filter Dynamic Loop Widgets

VIEW

Vegitarian

Roasted Cauliflower Salad

  • 20
  • Medium

Great salad for warm weather months

VIEW

Desserts

Grandma’s Oatmeal Cookies

  • 15 Min
  • Beginner

Here’s a classic, chewy Oatmeal Cookie! 

1 2 3 4 5
Widgets used in the section above: Loop Grid, Post Pagination

Filter Loop Widgets

With the Search Filter, you can filter any of the Dynamic Loop Widgets from the widget library.

  • Dynamic Grid
  • Dynamic Carousel
  • Dynamic Tabs
  • Dynamic Slider
  • Dynamic Accordion

Post List With Live Search Filter

paint
Painters paint outdoors, writers speak and historians celebrate
The Wellness Center for Hope at Hope Cancer Resources offers a yoga, meditation...
doughnut
Free Krispy Kreme alert that doughnut with card deal
The two doughnuts are a regular circular Original Glazed Doughnut and a...
phone
Buy or wait? Here’s a guide to phone upgrades
Google’s affordable Pixel 5a is here, but you might be left wondering how...
1 2 3 4 … 7
Widgets used in the section above: Search Filter, Post List, Post Pagination

Unlimited Combinations

The Search Filter widget can work seamlessly with other filter widgets and tools from the widget library.

  • Pagination
  • Load More
  • Infinite Scroll
  • Tabs Filter
  • Select Dropdown Filter

Search Filter Demo

Currency Converter Cover
How to add a Currency Converter to Elementor?
Integrating a currency converter is crucial for providing a seamless shopping experience to customers...
Layers Widget
How to Overlap Images, One on Top of Another in Elementor Using Layers Widget?
If you’re a fan of Elementor like us, you’re probably well acquainted with the difficulties...
Blog Template
How to Create a Custom Blog or Archive Page with Elementor?
When you browse a website’s blog and find a published article collection, you are essentially viewing...
1 2 3 4 … 30
Widgets used in the section above: Search Filter, Post Grid, Post Pagination

Search Filter Style

Modify the colors and fonts to match your site’s look and feel through the Elementor live page builder interface. Customize every single detail to perfectly blend with your website design.