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
Accordion Filters Block for WordPress

How to Add Accordion Filters in WordPress (Step-by-Step Guide)

This step-by-step guide will show you how to add Accordion Filters to your WordPress site using the Unlimited Elements Blocks Library. The Accordion Filters block is highly flexible, perfect for organizing multiple filter types (like Checkboxes, Select Dropdowns, and Price Range) into collapsible sections, saving screen space, especially on mobile devices, 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

Open the Blocks Library

  • 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 Accordion Filters Block

  • Use the search bar at the top right and type “Accordion Filters”.

  • The Accordion Filters block will appear in the results list.

Search-for-Block
4

Install the Accordion Filters Block

  • Hover over the Accordion Filters block and click Install.

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

Install-the-WordPress-Block
5

Add Accordion Filters to a WordPress Page

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

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

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

Customize the Accordion Filters Block

Once added, select the Accordion Filters block and use the settings panel on the right. Adjust the Initial State and Toggle Behavior (Single/Multiple Open), choose the Target Widget Name to connect to the content, and control the visibility of the Clear All Button. Customize the Styling for the Header Background, Content Body, and Expand/Collapse Icons to create a structured, visually appealing filter system that fits your site’s design.

Accordion Filters 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!