Title: Advanced Tabs Block
Author: Binsaifullah
Published: <strong>July 9, 2022</strong>
Last modified: July 20, 2026

---

Search plugins

![](https://ps.w.org/advanced-tabs-block/assets/banner-772x250.png?rev=3614308)

![](https://ps.w.org/advanced-tabs-block/assets/icon-256x256.png?rev=3614308)

# Advanced Tabs Block

 By [Binsaifullah](https://profiles.wordpress.org/binsaifullah/)

[Download](https://downloads.wordpress.org/plugin/advanced-tabs-block.1.2.7.zip)

 * [Details](https://test.wordpress.org/plugins/advanced-tabs-block/#description)
 * [Reviews](https://test.wordpress.org/plugins/advanced-tabs-block/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/advanced-tabs-block/#installation)
 * [Development](https://test.wordpress.org/plugins/advanced-tabs-block/#developers)

 [Support](https://wordpress.org/support/plugin/advanced-tabs-block/)

## Description

**Advanced Tabs Block** is a fast, lightweight **Gutenberg tabs block** that lets
you organize content into clean, responsive **tabs** — directly inside the WordPress
block editor. Built entirely with **native Gutenberg components**, it needs no page
builder and no coding to create beautiful **tabbed content**.

Add any blocks inside your tabs — paragraphs, images, headings, buttons, columns,
and more — then style everything with rich typography, color, spacing, border, and
icon options. Perfect for FAQs, product details, pricing, feature comparisons, service
listings, and any layout that benefits from organized, space-saving tabs.

### Overview

### Why Choose Advanced Tabs Block?

 * **100% responsive** tabs that look great on every device
 * Built with **only native Gutenberg components** — no bloat, no page builder
 * **Loads assets only on pages where the block is used** for better performance
 * Simple, lightweight, and super fast
 * **Add any block as tab content** with drag & drop
 * Advanced customization: typography, colors, spacing, borders, and icons
 * **Icon support** for tab titles (Bootstrap Icons + custom SVG)
 * Accessibility-friendly markup
 * Ready-to-use **block patterns** to start faster
 * Easy to use — build tabs in seconds inside the editor

### Great For

 * FAQs and knowledge bases
 * Product descriptions and specifications
 * Pricing and feature comparisons
 * Service and portfolio listings
 * Any content you want to organize into tabs

## Screenshots

[[

[[

[[

[[

## Blocks

This plugin provides 2 blocks.

 *   Horizontal Tab Show your content in a horizontal tab.
 *   Tab Show your content in a horizontal tab.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/advanced-tabs-block` directory,
    or install the plugin through the WordPress Plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Open the Gutenberg block editor and find the “Advanced Tabs Block” in the block
    inserter.
 4. Add the block, then drag and drop your content into each tab.

## FAQ

### Is the tabs block responsive?

Yes. Advanced Tabs Block is 100% responsive and adapts to all screen sizes.

### Does it require a page builder?

No. It is built entirely with native Gutenberg components and works directly in 
the WordPress block editor.

### What content can I put inside a tab?

Any block — paragraphs, images, headings, buttons, columns, and more can be added
as tab content.

### Can I add icons to the tab titles?

Yes. You can use built-in Bootstrap Icons or add your own custom SVG icons for each
tab title.

### Does it slow down my site?

No. The block is lightweight and loads its assets only on pages where the block 
is actually used.

## Reviews

![](https://secure.gravatar.com/avatar/eb9d65a40174e2b3cc4b7acaee2463128280eef26573893d9181feae798f43ad?
s=60&d=retro&r=g)

### 󠀁[Broke my site](https://wordpress.org/support/topic/broke-my-site-280/)󠁿

 [blazcano](https://profiles.wordpress.org/blazcano/) September 19, 2025

It is a great plugin and it was working great, but now my site is broken

![](https://secure.gravatar.com/avatar/d50f541c475caeb380b6c757926e3e3b8c4a8014908b266c27b3c74711677ca7?
s=60&d=retro&r=g)

### 󠀁[Fatal Error, No Response](https://wordpress.org/support/topic/fatal-error-after-update-no-response-from-developer/)󠁿

 [Rodrigo Arias](https://profiles.wordpress.org/kreppar/) September 19, 2025

After updating to version 1.2.5 the plugin instantly threw a fatal error and broke
the site. It’s been more than two weeks since the problem was reported and there’s
still no patch or answer from the developer. The plugin was fine before, but this
kind of issue and the lack of support make it hard to trust.

![](https://secure.gravatar.com/avatar/e413d95f8348ab0a786fe0397b22fb2c269111c9c027eba150899fe3b8c03e4a?
s=60&d=retro&r=g)

### 󠀁[Great developer](https://wordpress.org/support/topic/great-developer-14/)󠁿

 [krokodildill](https://profiles.wordpress.org/krokodildill/) April 6, 2024

Great developer

![](https://secure.gravatar.com/avatar/0cb15d153334229286b688f8c99cb70fd8b519eabd4d5edba9aa4cfeeb7ab904?
s=60&d=retro&r=g)

### 󠀁[Broke my page](https://wordpress.org/support/topic/broke-my-page-4/)󠁿

 [doublewp](https://profiles.wordpress.org/doublewp/) January 20, 2024

Once I add this tabs block ( mind you, it is only a horizontal tabs block and NOT
vertical, you cannot change that ), my page just froze. I had to disable and remove
the plugin to make it work again.

![](https://secure.gravatar.com/avatar/fb412b8ecb774af7002c66865ae4d0f54ff2f17daa50956c8ee95c5f5709c6fa?
s=60&d=retro&r=g)

### 󠀁[Was great, now broken](https://wordpress.org/support/topic/was-great-now-broken-3/)󠁿

 [Kiki870](https://profiles.wordpress.org/kiki870/) November 9, 2023 1 reply

I truly hope this gets updated. It was great, but now it doesn’t work at all. Very
disappointing.

![](https://secure.gravatar.com/avatar/5868f6c4373c71a9945fbba513d4b2e320ce7706adf94f8fa3562533c1006c72?
s=60&d=retro&r=g)

### 󠀁[Great](https://wordpress.org/support/topic/great-15936/)󠁿

 [belenski](https://profiles.wordpress.org/belenski/) October 27, 2023 1 reply

Great plugin. Thanks for the excellent work. SVG in tab navigation is great option,
but there are no way to style this type of icons (example: regular/hover fill color).
So here is my suggestion: all of the block’s styles to be defined as css variables
on the .tabs-container. Then one could apply any style by custom css according to
the current config: .tabs-nav .tab-title { color: var(–tab-text-color); } .tabs-
nav .tab-title svg { fill: var(–tab-text-color); } Defaults vars could be applied
on html/body

 [ Read all 15 reviews ](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/)

## Contributors & Developers

“Advanced Tabs Block” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/)

“Advanced Tabs Block” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/advanced-tabs-block/contributors)
for their contributions.

[Translate “Advanced Tabs Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/advanced-tabs-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/advanced-tabs-block/),
check out the [SVN repository](https://plugins.svn.wordpress.org/advanced-tabs-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/advanced-tabs-block/)
by [RSS](https://plugins.trac.wordpress.org/log/advanced-tabs-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2.7

 * Optimized code and fixed a PHP error

#### 1.2.6

 * Fixed: PHP fatal error issue

#### 1.2.5

 * Optimized code
 * Added accessibility support
 * Fixed CSS issue

#### 1.2.3 & 1.2.4

 * Compatibility check

#### 1.2.2

 * Fixed: Some minor bugs

#### 1.2.0

 * Added: New styles for tabs
 * Added: New styles for tab content
 * Added: Icon support for tabs
 * Added: New typography options
 * Added: New color options
 * Added: New spacing options
 * Added: New border options
 * Fixed: Some minor bugs
 * Improved: Code quality

#### 1.1.4

 * Fixed: PHP errors
 * Improved: Code quality

#### 1.1.2

 * Fixed: Some minor bugs

#### 1.1.0

 * Added: New styles for tabs

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.2.7**
 *  Last updated **4 weeks ago**
 *  Active installations **2,000+**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.0.4**
 *  PHP version ** 7.4 or higher **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/advanced-tabs-block/) and [Japanese](https://ja.wordpress.org/plugins/advanced-tabs-block/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/advanced-tabs-block)
 * Tags
 * [responsive tabs](https://test.wordpress.org/plugins/tags/responsive-tabs/)[tabbed content](https://test.wordpress.org/plugins/tags/tabbed-content/)
   [tabs](https://test.wordpress.org/plugins/tags/tabs/)
 *  [Advanced View](https://test.wordpress.org/plugins/advanced-tabs-block/advanced/)

## Ratings

 3.3 out of 5 stars.

 *  [  7 5-star reviews     ](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/?filter=3)
 *  [  3 2-star reviews     ](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/?filter=2)
 *  [  4 1-star reviews     ](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/advanced-tabs-block/reviews/)

## Contributors

 *   [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/)

## Support

Issues resolved in last two months:

     0 out of 1

 [View support forum](https://wordpress.org/support/plugin/advanced-tabs-block/)