Plugin Directory

WPB Accordion Menu – Responsive Collapse Vertical Sidebar Menu – WooCommerce Category Accordion

WPB Accordion Menu – Responsive Collapse Vertical Sidebar Menu – WooCommerce Category Accordion


An accordion menu could be a very highly handy component for your WordPress sites. Present more content without adding lengthy scrolling.

For your website, you might be searching for an accordion menu or an accordion categories feature. In such a case, you’ve arrived at the right place.

An accordion could be a highly useful feature for a website, particularly one with a big number of menus and submenus or a significant number of categories and subcategories.

DEMO | Support | Buy PRO Version | Documentation

What are the Benefits of Using the WPB Accordion Menu plugin?

This plugin has been precisely designed to handle any amount of menu or category items.
It will arrange your website’s contents and provide your visitors with an easy-to-navigate experience. As a consequence, the visitor will locate the item he is seeking among a big number of goods in a relatively short period of time. This unquestionably increases the site’s conversion rate.

What Distinguishes the WPB Accordion Menu Plugin?

Menus and categories can both be shown in a modern-looking accordion. To improve accessibility, we’ve introduced an icon-adding function to the menu and category items. Even after refreshing a page, it remembers previously expanded items. Nice animation effects. Responsive and modern flat design.

WooCommerce Collapsing Categories

Quickly convert a big number of product categories into a modern-looking and organize collapsing categories accordion.

WooCommerce Sidebar Category Accordion

It’s a good idea to make it simple for your customers to navigate between several levels of product categories, whether they’re viewing your shop’s front page or a product detail page. In that respect, this plugin may be indispensable.

Accordion Menu Elementor Addon

It offers total support for Elementor and Elementor Pro. It has two distinct custom accordion widgets for displaying the accordion menu and category.

Pro Version Video Documentation:

A Few Most Likely Use Cases

  • Create a sidebar menu.
  • Create a vertical menu.
  • Create a responsive menu.
  • Create an elementor accordion menu.
  • Create a collapsible menu.
  • Create a WooCommerce accordion category menu.
  • Create a Divi accordion menu.
  • Create a WooCommerce sidebar menu.
  • Create a WooCommerce category menu.
  • Create a Woocommerce collapsible categories list.

Plugin Key Features

  • Display any custom taxonomies as an accordion.
  • Display any navigation menu as an accordion.
  • Display any hierarchical posts as an accordion.
  • The ultimate sidebar accordion menu.
  • Create a collapsible sidebar menu.
  • Create a vertical menu.
  • Create a responsive menu.
  • Create a WooCommerce category menu accordion.
  • Show a WooCommerce menu using the product categories.
  • It’s best for a collapsible WordPress sidebar menu.
  • Easily create a vertical menu in WordPress.
  • Show the Elementor accordion menu.
  • Compatible with WooCommerce or any other eCommerce plugin.
  • Support for multiple accordions.
  • Its ShortCode can be used anywhere (widget area, page or post, Gutenberg, Elementor, Divi).
  • A fully responsive menu can be used as a mobile menu.
  • An advanced accordion builder is included.
  • Two different skins are included for different styles.
  • A Gutenberg block is included.
  • A classic widget is included.

Pro Version Features

  • Showing any custom taxonomy or menu in the accordion.
  • Showing the accordion with the Hamburger menu.
  • Showing the accordion in the off-canvas sidebar.
  • Five different predefined skins for accordion.
  • Color typography and spacing customization options are available in settings.
  • Advanced accordion shortcode builder.
  • Elementor widget, Gutenberg block, widget, and shortcode for showing the accordions.
  • WooCommerce product categories and tags support.
  • Showing posts/custom post types in the category accordion as a child item.
  • Auto-open first-level parent category or menu.
  • Feature for keeping expanded selected menu items in accordion.
  • Feature for keeping open the current menu or category accordion.
  • Custom icon picker, both for menus and categories.
  • PNG icon upload feature for categories.
  • FontAwesome and Themify icons are included.

Tested with the Following Themes

  • Astra
  • Ocean WP
  • Hestia
  • StudioPress
  • Hello Elementor
  • Divi
  • Storefront
  • Flatsome
  • Avada
  • GeneratePress
  • Blocksy
  • Hestia

Tested with the Following Page Builders

  • Gutenberg
  • Elementor & Elementor Pro
  • Divi
  • WPBakery
  • Visual Composer
  • Beaver Builder
  • Oxygen
  • GeneratePress


  • WooCommerce product category accordion.
  • Multi level accordion menu with icons.
  • Elementor widget for category accordion.
  • Elementor widgets.
  • Custom widget ( Pro version only ).


This plugin provides 1 block.

  • Wpb Accordion Menu Or Category Pro Wpb Wmca Shortcode Selector


Please follow this link to see our online documentation, which includes the most recent tutorials and guidance.

  • Install it as a regular WordPress plugin

  • Active the plugin.

  • Use any shortcode to show your menu or categories accordion.

Version 1.5 deprecates the use of the previous shortcodes; instead, users are encouraged to add personalized accordions using our new accordion generator..

Category accordion shortcode example [deprecated]

[wpb_category_accordion taxonomy="category" orderby="name" order="ASC" show_count="no" hide_empty="yes" icon="+" accordion="no"]

WooCommerce accordion menu showing product categories shortcode example [deprecated]

[wpb_category_accordion taxonomy="product_cat" orderby="name" order="ASC" show_count="no" hide_empty="yes" icon="+" accordion="no"]

WooCommerce accordion menu showing product tags shortcode example [deprecated]

[wpb_category_accordion taxonomy="product_tag" orderby="name" order="ASC" show_count="no" hide_empty="yes" icon="+" accordion="no"]


  • taxonomy: Default category or any registered taxonomy.

  • orderby: Sort categories alphabetically, by unique Category ID, or by the count of posts in that Category. Valid values: ID, name, slug, count, term_group

  • order: Sort order for categories (either ascending or descending). The default is ascending. Valid values: ASC, DESC

  • show_count: Toggles the display of the current count of posts in each category. The default is false (do not show post counts). Valid values: no, yes

  • hide_empty: Toggles the display of categories with no posts. The default is yes (hide empty categories). Valid values: yes, no

  • icon: Accordion navigation icon ( optional ).

  • accordion: Close previously opened accordion item. The default is no. Valid values: yes, no.

Menu shortcode example [deprecated]

[wpb_menu_accordion menu="Menu Name" icon="+"]


  • menu: The menu that is desired; accepts (matching in order) id, slug, name

  • theme_location: menu can be assigned by theme location ( optional ).

  • icon: Accordion navigation icon ( optional ).

  • accordion: Close previously opened accordion item. The default is no. Valid values: yes, no.


Can the WooCommerce product categories be displayed in the accordion?

Almost any custom taxonomy items can be shown in this accordion. The taxonomy options are where you’ll specify whether you want WooCommerce categories or tags. More information can be found in the manual’s setup section.

Is it possible to use this plugin to make an Elementor collapse menu?

Of course you can. To display the menu and categories accordion on Elementor, we developed two special widgets.

Does this plugin allow us to make a Divi accordion menu?

Our accordion menu shortcodes can be added to the Divi builder to make it visible.

Where do I find the option to alter the color scheme?

The paid version provides full customization options for the background colors.

How about a multi-level, accordion-style menu?

Our accordion menu can have as many levels as you’d like.


3 de Abril, 2024
The WPB accordion provides a simple method for serving large amounts of content, making it the perfect solution for optimizing taxonomies. My requirements were unique, and the support team delivered solutions that allowed the accordion to interface with two other plugins and custom taxonomies. The custom styles fit perfectly within my theme. I strongly recommend WPB Accordion.
24 de Junio, 2023
Okay. But new version (2.5.x) just crashed old menues without any warning ( I have the paid Pro version) and seems to be loading slower than before.
23 de Noviembre, 2021
This plugin saved me so many hours! I would highly recommend it! The customer service is even better, they always help out no matter the question you might have! No bad words for WP Beans!
2 de Septiembre, 2021
This is a great plugin, and the customer support is even better. Buying Pro version is well worth it! It is a small cost for such excellent support. Be patient with the WpBean support representative – use the ticket and/or the chat box methods to contact support after your purchase. Plan when they are available to get your questions answered – there may be time differences in geographical locations. Definitely would recommend this plugin, and their support.
Read all 37 reviews

Contributors & Developers

“WPB Accordion Menu – Responsive Collapse Vertical Sidebar Menu – WooCommerce Category Accordion” is open source software. The following people have contributed to this plugin.


“WPB Accordion Menu – Responsive Collapse Vertical Sidebar Menu – WooCommerce Category Accordion” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “WPB Accordion Menu – Responsive Collapse Vertical Sidebar Menu – WooCommerce Category Accordion” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.


version 1.0

  • WPB Accordion Menu or Category initial release

version 1.01

  • Cookie problem fixed

version 1.02

  • W3 validation issue fixed.

version 1.03

  • Small bug fixed.

version 1.04

  • Accordion navigation icon changing feature added.

version 1.05

  • Added WordPress 4.7 support

version 1.06

  • Added WordPress 4.9 and WooCommerce 3.2.4 support

version 1.07

  • Added WordPress 4.9.4 and WooCommerce 3.3.3 support

version 1.08

  • Added WordPress 4.9.6 and WooCommerce 3.3.5 support

version 1.09

  • Added WordPress 5.0.2 and WooCommerce 3.5.3 support.
  • Gutenberg compatibility added.

version 1.2.1

  • Added WordPress 5.0.3 and WooCommerce 3.5.4 support.

version 1.2.2

  • Small style issue fixed.

version 1.2.3

  • Added WordPress 5.1.1
  • Performance and loading speed optimized

version 1.2.4

  • Few issues fixed

version 1.2.5

  • Added WordPress 5.2 and WooCommerce 3.6.2 support.

version 1.2.6

  • Added WordPress 5.2.1 and WooCommerce 3.6.4 support.

version 1.2.7

  • Added WordPress 5.2.4 and WooCommerce 3.7.1 support.

version 1.2.8

  • Added two new widgets for Elementor.

version 1.2.9

  • Style script added to the header.

version 1.3.0

  • Free and premium conditions added.

version 1.3.1

  • Added WordPress 5.3.1 and WooCommerce 3.8.1 support.

version 1.3.2

  • Added WordPress 5.3.2 support.

version 1.3.3

  • Banner & Icon changed.

version 1.3.4

  • Regular Update.

version 1.3.5

  • Tested with WooCommerce 4.0.1

version 1.3.6

  • Admin notice issue fixed.

version 1.3.7

  • Tested with WooCommerce 4.1.0 and WordPress 5.4.1

version 1.3.8

  • Tested with WooCommerce 4.2.0 and WordPress 5.4.2

version 1.3.9

  • Tested with WooCommerce 4.8.0 and WordPress 5.6

version 1.4.0

  • Tested with WooCommerce 5.0.0 and WordPress 5.6.1

version 1.4.1

  • Regular Update

version 1.4.2

  • Tested with WooCommerce 5.6.0 and WordPress 5.8.1
  • Elementor category widget accordion menu_order added.

version 1.4.3

  • Tested with WooCommerce 7.0.0 and WordPress 6.0.2

version 1.4.4

  • Tested with WooCommerce 7.3.0 and WordPress 6.1.1
  • Tested with Elementor 3.10.2

version 1.4.5

  • Accordion plus icon spacing issue fixed.

version 1.4.6

  • Tested with WordPress 6.4.1.

version 1.4.7

  • Cyber Monday notice added.

version 1.4.8

  • Discount notice removed.

version 1.5

  • Introduced a new accordion generator.
  • Introduced hierarchical posts accordion.
  • Introduced new Gutenberg block for accordion menu.
  • Introduced new Elementor widget.
  • Introduced new classic widget.
  • Uses of the earlier shortcodes are discouraged.
  • WordPress coding standards PHPCS was tested.