Black Friday Sale!

Days
Hours
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

blocks library for wordpress
wordpress-black-friday-deals-2025
Scroll Marquee Effect - Featured Blog
Tabs Filter Block for WordPress

How to Add Tabs Filter in WordPress (Step-by-Step Guide)

This step-by-step guide will show you how to add a dynamic Tabs Filter to your WordPress site using the Unlimited Elements Blocks Library. The Tabs Filter block is highly flexible, perfect for allowing users to filter a list or grid of posts by category or tag without reloading the page, improving navigation, and works directly inside the native WordPress block editor (Gutenberg) – no coding required.

Instructions

1

Install Unlimited Elements Blocks Library

  • Go to the Unlimited Elements plugin page on WordPress.org.

  • Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

  • Click Install Now and then Activate to enable the plugin.

Install-Unlimited-Elements-Block
2

Go to the Unlimited Elements plugin page on WordPress.org. Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file. Click Install Now and then Activate to enable the plugin.

  • From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

  • This is where all available blocks are listed and managed.

Open-the-Blocks-Library
3

Search for the Tabs Filter Block

  • Use the search bar at the top right and type “Tabs Filter”.

  • The Tabs Filter block will appear in the results list.

Search-for-Block
4

Install the Tabs Filter Block

  • Hover over the Tabs Filter block and click Install.

  • This adds the block to your available options in the editor.

Install-the-WordPress-Block
5

Add Tabs Filter to a WordPress Page

  • Open any page or post using the WordPress block editor.

  • Click the (+) Add Block button, search for “Tabs Filter ”, and insert it into the page.

Add-Image-Accordion-to-a-WordPress
6

Customize the Tabs Filter Block

Once added, select the Tabs Filter block and use the settings panel on the right. Adjust the Taxonomy Source and Advanced Filters to define the terms for filtering, choose the Target Widget Name for connection, and control the visibility of the “All” Tab and Item Count. Customize the Styling for the Tab Headers (Normal and Active states), Typography, and Icons to create a functional, visually appealing content navigation system that fits your site’s design.

Tabs Filter Block for WordPress

Grab this deal
before it's gone!

Days
Hrs
Min
Sec

30-Day Money-Back Guarantee

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!