Filterable Portfolio for
WPBakery Page Builder

Show off your work in a filterable image gallery. Group projects into categories, let visitors sort them with one click, and link every item, all inside WPBakery with no code.

Download Now

Upgrade To Pro

A Gallery That Sorts Itself

Present your projects the smart way with the Filterable Portfolio widget. Set up filter categories, add an image for each project, and tag it, then visitors sort your work with a single click, with a smooth hover overlay and a link on every item, perfect for portfolios, galleries, and case-study walls.

Browse the Portfolio

Your work, sorted by category.

The Filterable Portfolio turns a plain image grid into an interactive gallery. Define your filter menu, add a portfolio item for each project with its image and link, and tag it with one or more categories. Visitors click a filter to show just what they want, with an optional All button and a hover overlay you can color to match.

It works the way WPBakery already works. Name your categories, add an image, tag it, and you are done. Nothing to learn, nothing to fight with.

See the Filterable Portfolio in action

Everything you can control

Filter by category

Set up your own filter menu, one category per line, so visitors can sort your work with a single click.

Optional All button

Turn the All button on to show every project at once, or off to start visitors on a single category.

Image and link per item

Give each project an image and a link, and tag it with one or more categories so it lands under the right filters.

Styled filter buttons

Color the filter buttons for their normal, hover, and active states, so the menu matches your brand and shows what is selected.

Hover overlay

Set the overlay, icon, and button colors that appear when someone hovers a project, for a polished, interactive feel.

Custom styling

Add an extra class and use the built-in CSS box to fine-tune the gallery with your own custom design.

Configure Your Filterable Portfolio with Ease

The General settings let you build your gallery in just a few clicks. Name your filter categories, choose whether to show the All button, and add a portfolio item for each project, to create an interactive, sortable showcase that keeps visitors exploring your work.

Add Projects and Tag Them

Each portfolio item is a single project. Upload its image, point the link to a live site or case study, and give it one or more category names, so it appears under the matching filters, and under the All view, exactly where visitors expect it.

Style the Filter Menu

Make the filter buttons your own. Set the text and background colors, choose the hover colors, and pick a distinct active color so it is always clear which category is showing, giving your gallery a clean, on-brand navigation bar.

Polished Hover Effects

Add a professional finish to every thumbnail. Choose the overlay color, the icon color, and the button colors that appear on hover, plus their own hover states, so each project invites a click, and fine-tune anything else with the built-in CSS box.

How to add a Filterable Portfolio in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons are both installed and active.

2. Edit any page with WPBakery, click the plus to add an element, and search for "Filterable Portfolio."

3. Type your filter categories, one per line, and choose whether to show the All button.

4. Add a Filterable Portfolio Item for each project, with its image, link, and category.

5. Set the button and hover colors to match your brand, then save.

That is it. An interactive, filterable gallery of your work, ready in minutes.

Frequently Asked Questions

Do I need to know any code to use the Filterable Portfolio?

How do the filters work?

Can a project appear under more than one filter?

Can I link each project?

Can I match it to my brand colors?

Is the Filterable Portfolio free?

Does it slow down my site?

Filterable Portfolio for WPBakery Page Builder