Select Dropdown Filter Widget for Elementor
PRO

Select Dropdown Filter Widget for Elementor

The Select Dropdown Filter is a powerful post-filtering widget for Elementor, allowing users to effortlessly filter content by category and tag taxonomies through a drop-down list.

Choose Template
Frame 192
Tennis Rackets Product L...
Movies Post List
Movies Post List
Frame 192 (17)
Beverages and Desserts Swipe...
Frame 8407 (5)
E-commerce Post Blocks
Overlay Carousel for Post with Filters
Overlay Carousel for Posts...
Post Grid for Recipes with Dropdown Search Filter
Post Grid for Recipes with...
Post Grid for Products with Multiple Search Filters
Post Grid for Products with...
Post Carousel Lite with the Olympics Cities and Filters
Post Carousel Lite with the...
Post Carousel with Top Cocktail Recipes
Post Carousel with Top Cocktail...
Overlay Carousel for Product with Filters
Overlay Carousel for Products...
Frame 192 (13)
Movies swipe carousel
Frame 8397 (4)
Woo Shop With Dropdown F...
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Filter Anything

The Select Dropdown Filter widget works with any post widget and any post type.

Post Widgets

Use to filter any post widget: Post Grid, Post List, Post Carousel, Post Tabs, Post Accordion, Post Timeline and more...

Dynamic Loops

With the Tabs Filter, you can filter any of our dynamic loop widgets including Dynamic Grid, Dynamic Carousel and more...

WooCommerce

Add filters to your WooCommerce products using the Tabs Filter widget on your Elementor Shop pages.

Galleries

All our multi-source galleries support the Tabs Filter widget and you can use them together seamlessly. 

Step by Step Tutorial

Learn How It Works?

Learn how to use the Select Dropdown Filter Widget with this video tutorial. Master each step at your own pace effortlessly.

Highlighted Features

Packed with features that will make your jaw drop.

Multi-Level Filters

Create advanced multi-level filters with parent and children items.

Reliable & Fast

Our filters were designed for speed and will give you the best performance for your Elementor website. 

Ajax URL Change

Change the URL when a filter is selected to give users the opportunity to navigate back using the browser back function.

Pagination & Load More

The Select Filter works seamlessly with other filter widgets like Pagination, Load More and even Infinite Scroll.

Filter Synced Widgets

Filter two or more synced widgets together to create advanced layouts.

Archive Pages

Use the Select Filter widget inside of your archive templates to add filters to your archive content.

Select Dropdown Filter Widget Frequently Asked Questions

What is the Select Dropdown Filter widget?

The Select Dropdown Filter widget allows users to filter content on your site using a dropdown list. It enhances the user experience by providing an easy way to narrow down search results, categories, or tags. Users can select their preferred option from a dropdown, which automatically filters the displayed content based on the selection, making your site more interactive and user-friendly.

How do I add the Select Dropdown Filter to my Elementor website?

To add the Select Dropdown Filter widget, you need to have the Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to the Unlimited Elements Widget Library.
  2. Search for “Select Dropdown Filter” in the search bar.
  3. Hover over the widget and click Install.
  4. Drag and drop the widget to any Elementor page.
Is the Select Dropdown Filter widget free?

The Select Dropdown Filter widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now

Can I add a default first item in the Select Dropdown Filter widget?

The "Add First Item" feature allows the post widget to reset to its initial query when a user selects the first item in the dropdown filter. This ensures that users see the default state of the content when they choose to clear their selection or start over, providing a smoother and more intuitive filtering experience.

Can I set a custom default-selected item in this widget?

You can customize the default selected item in the dropdown filter by setting the "Default Selected Item Number." This allows you to pre-select an option that will be shown to the user when the page loads, ensuring that the initial view is tailored to the content most relevant to your audience or the most common filtering choice.

Can I customize the Filter Role in the dropdown filter?

The "Filter Role" defines how the filter behaves on the page. The options are Single, Mainm Child and Term Child. 

  • Single: No child filters are available.
  • Main: This filter will remain static while other filters are updated.
  • Child: This filter remains hidden until a relevant "Main" filter is selected, at which point it appears to provide additional filtering options, helping organize complex filtering setups for a better user experience.
Can I customize the terms selection query in this widget?

You can customize the terms selection query to control which terms are displayed in the dropdown filter. This gives you full control over what options are available to users, allowing you to include or exclude certain terms based on your content, tags, categories, or any other filtering criteria, providing a more targeted filtering experience for your visitors.

Can I set a maximum number of terms in the Select Dropdown Filter widget?

Yes, you can set a maximum number of terms that will appear in the dropdown filter. This is useful when you have a large number of terms and want to limit the options available in the dropdown for a cleaner, more manageable selection. By default, it will be set as 100. This helps users quickly find relevant terms without overwhelming them with too many choices.

Can I override the query terms in the Select Dropdown Filter widget?

Yes, you can enable the "Override Query Terms" feature in this widget. This feature ensures that the filter's selected terms take precedence over the terms in the post widget's query. When activated, the filter will update the results by overriding any predefined terms, allowing users to refine the displayed content based on the selected filter criteria.

How do I use the Select Dropdown Filter in Elementor?

Using the Select Dropdown Filter is simple. Drag and drop the widget into your Elementor page, choose the categories, tags, or other options you want to filter by, and style the dropdown to match your website's design. Once configured, users will be able to select their desired filter option, which will update the displayed content accordingly. Check out our documentation for a detailed guide.