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

Filter Tabs Widget for Elementor Pro

Category tabs that filter a loop of posts or products.

Overview

What Filter Tabs does

Filter Tabs shows the terms of a taxonomy, such as categories, as tab buttons. A click shows only the posts or products of that term in the connected Loop Grid or Loop Carousel, without reloading the page.

Demo

Live demo

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

  • Terms of any public taxonomy as tab buttons, with an All tab.

  • Three looks: pills, underline or boxes.

  • Post counts next to each term.

  • Order terms by name, post count or custom order.

  • Limit the number of terms, pick term IDs or show top level terms only.

  • One scrollable row of tabs on phones.

  • Works with Loop Grid and Loop Carousel through a Query ID.

Use cases

When to use it

Blog categories

Put category tabs above the blog grid so readers jump to the topic they want.

Portfolio types

Filter a custom post type of projects by project type.

Product groups

Show product categories as tabs above a Loop Carousel of products.

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 Filter Tabs widget from the Bright Addons Filters category.

  3. Under Filter, choose the taxonomy in Filter By and set the term options.

  4. Pick a Look and the Alignment.

  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.

Can visitors pick more than one term?

Not with tabs. Use Filter Checkboxes for several terms at once.

Can I filter an archive that uses Current Query?

No. Archives built on the current query use normal page links. Choose a source such as Posts or Products in the loop widget to filter it.

Bright Addons Pro

Get Filter Tabs 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.