BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Pro widget

Active Filters Widget for Elementor Pro

Chips of the filters in use, with Clear all.

Overview

What Active Filters does

Active Filters shows every filter in use for a loop widget as a chip. A click on a chip removes that filter, and Clear all removes them all. It can also show the number of results.

Demo

Live demo

Filters need a Loop Grid with a Query ID on the same page, so this page shows the steps instead.

A staging site is a private copy of your website where you test updates and design changes first. Here is…
You do not need a paid page builder plan to design your own header and footer. Here is how to…
Elementor 4.4 landed on 9 November 2026 with Agent Ready, WebMCP for forms, a new SVG icon library and new…
Black Friday is 27 November 2026. Here is a five step WooCommerce Black Friday setup in Elementor using Bright Addons…
Gutenberg 24.3 is out. You can now format text across several blocks at once, browse media in a new grid,…
Blocks or widgets? We compare Gutenberg and Elementor on speed, flexibility, learning curve and client handover, and show when each…

Features

What it can do

  • One chip per filter in use: terms, search words, letter, range and sort order.

  • A click on a chip removes that filter.

  • Clear all when two or more filters are in use.

  • The number of results, with your own text.

  • A label such as Active filters, shown only when filters are in use.

  • Chips update as soon as any filter changes.

Use cases

When to use it

Above the grid

Show what is filtered right above the results.

Shop pages

Let shoppers drop one filter without opening the sidebar again.

Result count

Show "12 results" next to the sort dropdown.

Setup

How to set it up

What you need: A Loop Grid or Loop Carousel with a Query ID on the same page (Bright Addons Pro).

  1. Add a Loop Grid or Loop Carousel and type a Query ID in its Layout section, for example blog-grid.

  2. Add the Active Filters widget from the Bright Addons Filters category.

  3. Under Filter, type the Label and the Clear All Text.

  4. Turn Number of Results on and set the Results Text.

  5. Type the same Query ID in Connect to Query ID.

  6. Publish the page and try the filter on the live page.

FAQ

Questions and answers

Does the page reload when a visitor uses the filter?

No. The connected loop widget loads the new results in place, and the other filters update to match.

Does it work without other filter widgets?

It shows the number of results, but chips only appear when other filter widgets with the same Query ID are used.

Can I change the look of the chips?

Yes. The Items style section sets their text, background, border, radius and padding.

Bright Addons Pro

Get Active Filters with Bright Addons Pro

Bright Addons Pro has 97 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $10 a year, with a 14-day money-back guarantee.