Title: Accordion – Responsive Horizontal & Vertical Accordion Block Author: bPlugins Published: May 16, 2022 Last modified: April 13, 2026 --- Search plugins ![](https://ps.w.org/b-accordion/assets/banner-772x250.png?rev=3426754) ![](https://ps.w.org/b-accordion/assets/icon-128x128.png?rev=2724782) # Accordion – Responsive Horizontal & Vertical Accordion Block By [bPlugins](https://profiles.wordpress.org/bplugins/) [Download](https://downloads.wordpress.org/plugin/b-accordion.2.0.3.zip) * [Details](https://lin.wordpress.org/plugins/b-accordion/#description) * [Reviews](https://lin.wordpress.org/plugins/b-accordion/#reviews) * [Installation](https://lin.wordpress.org/plugins/b-accordion/#installation) * [Development](https://lin.wordpress.org/plugins/b-accordion/#developers) [Support](https://wordpress.org/support/plugin/b-accordion/) ## Description **B Accordion** is a Gutenberg block plugin that allows you to create responsive and customizable accordion sections in WordPress. It is ideal for FAQs, toggle content, feature lists, timelines, and organized page sections—all without writing any code. [Accordion](https://bplugins.com/products/b-accordion/) | [Pricing](https://bplugins.com/products/b-accordion/pricing/) | [Support](https://bplugins.com/support/) | [Demos](https://bblockswp.com/demo/b-accordion-all-demo/) Built specifically for the WordPress block editor, the plugin focuses on ease of use, performance, and flexibility. You can add unlimited accordion blocks, control layouts and styles, and ensure a smooth user experience across all devices – desktop, tablet, mobile. ### Key Features – Free Version * **Gutenberg Block Support**: A dedicated accordion block for the WordPress block editor that lets you add and manage accordion content visually. * **3 Free Accordion Themes**: Includes three clean and minimalist themes suitable for FAQ sections, documentation, and general content organization. * **Fully Responsive Design**: Ensures accordion layouts adapt smoothly to desktop, tablet, and mobile devices. * **Vertical and Horizontal Layouts: Choose how accordion panels are displayed to better match your page structure and content flow. * **Multiple Style Variations**: Predefined layout and design variations to help you create accordion sections quickly. * **Dynamic Content Support**: Add text, images, and links inside accordion items to create rich and flexible content areas. * **Custom Styling Options**: Basic controls for colors, backgrounds, and font sizes to match your website’s design. * **Smooth Transition Animations**: Clean open and close animations that improve readability and user experience. * **Unlimited Accordions**: Create and use as many accordion blocks as needed across posts and pages. * **Icon Support for Toggles**: Select built-in icons or upload custom icons for expand and collapse actions. * **Fast and Lightweight**: Optimized for performance to ensure fast loading and minimal impact on site speed. * **No Coding Required**: All settings are managed from the block sidebar, making it beginner-friendly. ### B Accordion Pro – Unlock Advanced Features The Pro version extends the free functionality with advanced layouts and premium accordion designs. ### Pro Features Include: * **5+ Premium Accordion Themes**: Additional professionally designed themes with modern and creative layouts. * **Progress Timeline Theme**: A visual timeline layout for displaying step-by- step processes or progress-based content. * **Geometric Bold Theme**: A modern accordion design featuring sharp edges, bold borders, and interactive hover effects. * **Vertical Timeline Theme**: Designed for presenting chronological content such as milestones or project phases. * **History Timeline Theme**: A date-focused layout ideal for showcasing historical events or company timelines. * **Tabbed Accordion Theme**: A hybrid layout that combines tabs and accordions to organize large or complex content sections. * **Priority Technical Support**: Faster access to developer support for assistance, fixes, and updates. ### How to Use Accordion – Step-by-Step Guide Getting started with B Accordion is quick and easy! ### Step-by-Step Instructions 1. **Install** and **activate** the plugin. 2. Open the page or post into WordPress block editor. 3. Add the **Accordion** block from the Widgets block category. 4. Configure content and styles from the block settings panel. 5. **Save** or **publish** your page. Enjoy your beautifully designed collapsible content! ### Why Use B Accordion? ✔ Easily create responsive accordion sections on any page or post. ✔ **SEO Optimized:** Supports schema markup to help your FAQs stand out in search engine results. ✔ Organize FAQs, feature lists, and structured content with collapsible panels. ✔ Choose between horizontal and vertical accordion layouts. ✔ Fully customizable styles including colors, icons, and typography. ✔ Smooth animations for a better user experience. ✔ No coding required – beginner-friendly and lightweight. ### Common Use Cases The B Accordion plugin is ideal for many types of WordPress websites: ✔ FAQ sections for business or service websites ✔ Product feature lists and documentation pages ✔ Step-by-step guides or process explanations ✔ Knowledge base and support pages ✔ Timeline or structured content sections #### Feedback * Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](https://lin.wordpress.org/plugins/b-accordion/support@bplugins.com?output_format=md) ### ⭐ Check out the Parent Plugin of this plugin- 🔥 **[B Blocks](https://bblockswp.com)** – Best gutenberg blocks collections for WordPress. ### ⭐ Check out our other WordPress Plugins- 🔥 **[Html5 Audio Player](https://bplugins.com/products/html5-audio-player)** – Best audio player plugin for WordPress. 🔥 **[Html5 Video Player](https://bplugins.com/products/html5-video-player)** – Best video player plugin for WordPress. 🔥 **[PDF Poster](https://bplugins.com/products/pdf-poster)** – A fully-featured PDF Viewer Plugin for WordPress. 🔥 **[Document Embedder](https://bplugins.com/products/document-embedder)** – Best WordPress Document Embedder Plugin. 🔥 **[3D Viewer](https://bplugins.com/products/3d-viewer)** – Display interactive 3D models on the webs. 🔥 **[Advanced Post Block](https://bplugins.com/products/advanced-post-block)** – Best Post Display Plugin for WordPress. ## Screenshots * [[ * FAQ Admin Dashboard * [[ * Add New FAQ (ShortCode) * [[ * Default Accordion * [[ * Theme 1 * [[ * Theme 2 * [[ * Theme 3 * [[ * Theme 4 * [[ * Theme 5 * [[ * Theme 6 * [[ * Theme 7 * [[ * Gutenberg Block Support * [[ * Gutenberg Block Settings ## Blocks This plugin provides 1 block. * Accordion A lightweight accordion block to display FAQs and content sections with customizable styles, smooth animations, and responsive design. ## Installation #### From Gutenberg Editor: 1. Go to the WordPress Block/Gutenberg Editor 2. Search For ** Accordion** 3. Click on the **Accordion** to add the block #### Download & Upload: 1. Download the ** B Accordion** plugin (_.zip file_) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`b-accordion.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! #### Manually: 1. Download and upload the **B Accordion** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress ## FAQ ### Is Accordion Block free? Yes, Accordion Block is a free Gutenberg block plugin. ### Does it work with any WordPress theme? Yes, it will work with any standard WordPress theme. ### Can I change block settings? Yes, you can change block settings from the Gutenberg block editor’s right sidebar. ### How many times can I reuse a block? There’s no limit. You can reuse the block unlimited times across your website—on pages, posts, or anywhere the block editor is available. ### Where can I get support? You can post your questions on the [support forum here](https://wordpress.org/support/plugin/b-accordion/) ## Reviews ![](https://secure.gravatar.com/avatar/8bfb277e8ba6e4a98a03019037adf9fb507d5bc92edb8589a8ef9fd6d8248649? s=60&d=retro&r=g) ### 󠀁[Works as it should](https://wordpress.org/support/topic/works-as-it-should-150/)󠁿 [fufy](https://profiles.wordpress.org/fufy/) July 18, 2025 This just provides things an accordion should do. Great free plugin. ![](https://secure.gravatar.com/avatar/63aca3c0e2056777e1a5f279564502e5490db944e60b8ac6f274bab06cb0bd70? s=60&d=retro&r=g) ### 󠀁[Just what I need](https://wordpress.org/support/topic/just-what-i-need-155/)󠁿 [Squiggy45](https://profiles.wordpress.org/squiggy45/) November 27, 2024 3 replies I’ve been looking for horizontal accordions for a couple of days now and this looks like exactly what I need. Finally. I’ll let you know how I like it after I use it. Edit: Only available as a widget in Gutenberg. Won’t help me. [ Read all 2 reviews ](https://wordpress.org/support/plugin/b-accordion/reviews/) ## Contributors & Developers “Accordion – Responsive Horizontal & Vertical Accordion Block” is open source software. The following people have contributed to this plugin. Contributors * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ Prosanta Roy ](https://profiles.wordpress.org/prosanta10/) * [ Freemius ](https://profiles.wordpress.org/freemius/) “Accordion – Responsive Horizontal & Vertical Accordion Block” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/b-accordion/contributors) for their contributions. [Translate “Accordion – Responsive Horizontal & Vertical Accordion Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/b-accordion) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/b-accordion/), check out the [SVN repository](https://plugins.svn.wordpress.org/b-accordion/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/b-accordion/) by [RSS](https://plugins.trac.wordpress.org/log/b-accordion/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.3 – 2026-03-07 * Security & Standards: - Added direct file access protection (ABSPATH check) in PHP files - Prefixed global functions to follow WordPress coding standards - Improved shortcode validation - Updated readme.txt plugin name to match PHP header #### 2.0.2 – 2026-03-01 * Added: New Dashboard. #### 2.0.1 – 2026-02-05 * Added: Schema markup support for better SEO and rich results. #### 2.0.0 – 2025-12-24 * Updated with new a lot features and major updates of the plugin. #### 1.0.8 – 15 Jan, 2025 * Same page use multiple accordion #### 1.0.7 – 12 Jan, 2025 * Title problem issue fixed #### 1.0.6 – 19 Dec, 2024 * Create shortcode for accordion #### 1.0.6 – 19 Dec, 2024 * Create shortcode for accordion #### 1.0.5 – 15 Nov, 2024 * Fix horizontal content not display. #### 1.0.4 – 14 Nov, 2024 * I have added some new features. #### 1.0.3 * Reduce assets loads #### 1.0.2 * Support for HTML content #### 1.0.1 * Add translate feature #### 1.0.0 * Initial Release ## Meta * Version **2.0.3** * Last updated **7 days ago** * Active installations **500+** * WordPress version ** 6.2 or higher ** * Tested up to **6.9.4** * PHP version ** 7.1 or higher ** * Languages * [English (Australia)](https://en-au.wordpress.org/plugins/b-accordion/) and [English (US)](https://wordpress.org/plugins/b-accordion/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/b-accordion) * Tags * [Accordion](https://lin.wordpress.org/plugins/tags/accordion/)[block](https://lin.wordpress.org/plugins/tags/block/) [Gutenberg block](https://lin.wordpress.org/plugins/tags/gutenberg-block/)[horizontal accordion](https://lin.wordpress.org/plugins/tags/horizontal-accordion/) * [Advanced View](https://lin.wordpress.org/plugins/b-accordion/advanced/) ## Ratings 3.5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/b-accordion/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/b-accordion/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/b-accordion/reviews/?filter=3) * [ 1 2-star review ](https://wordpress.org/support/plugin/b-accordion/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/b-accordion/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/b-accordion/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/b-accordion/reviews/) ## Contributors * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ Prosanta Roy ](https://profiles.wordpress.org/prosanta10/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/b-accordion/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.buymeacoffee.com/abuhayat)