Tabbed Contents Block


The «Tab Content Block» Gutenberg plugin is a powerful tool that allows you to create tab sections within your WordPress posts or pages. With this plugin, you can organize your content into multiple tabs, making it easy for your readers to navigate and access specific information.

Each tab can have its own title and content, allowing you to present diverse types of content, such as text, images, videos, or custom HTML. The plugin provides a user-friendly interface to add and manage tabs, making it simple to create engaging and interactive content.

Whether you want to showcase different product features, display various services, or present step-by-step instructions, the Tab Content Block plugin enables you to present information in a structured and visually appealing way. It enhances the user experience by reducing clutter and allowing users to focus on the content they’re interested in.

By utilizing the Tab Content Block plugin, you can enhance the organization and accessibility of your content, improving readability and user engagement on your WordPress website.



  • Fully Customizable: All the options you need to arrange the showcase to your liking are available here.

To use the «Tab Content Block» Gutenberg plugin, you can follow these steps:

  1. Install and activate the «Tab Content Block» plugin:

    • Go to your WordPress admin dashboard.
    • Navigate to «Plugins» -> «Add New».
    • Search for «Tab Content Block».
    • Click the «Install Now» button next to the plugin.
    • After installation, click the «Activate» button to activate the plugin.
  2. Create or edit a post or page:

    • Go to «Posts» or «Pages» in the WordPress admin dashboard.
    • Select an existing post/page to edit or create a new one.
  3. Add the Tab Content Block:

    • Click on the «+» icon to add a new block.
    • In the block inserter, search for «Tab Content» or navigate to the «Common Blocks» category.
    • Click on the «Tab Content» block to insert it into your post or page.
  4. Configure the Tab Content Block:

    • Once the block is inserted, you’ll see options to add and manage tabs.
    • Click on the «Add Tab» button to add a new tab.
    • Customize the tab title, content, and any other available options for each tab.
    • You can add multiple tabs by repeating the process.
  5. Preview and publish:

    • Preview your post or page to see how the Tab Content Block looks.
    • If you’re satisfied with the results, click the «Publish» or «Update» button to save and publish your content.

The Tab Content Block plugin allows you to create visually appealing tab sections within your content. Each tab can have its own title and content. This enables you to organize and present information in a structured and user-friendly manner.

Note: The specific steps may vary slightly depending on the version of the «Tab Content Block» plugin you are using.

  • For installation help click on Installation Tab


Liked this plugin? Hate it? Want a new feature? Send me some feedback

⭐ Check out the Parent Plugin of this plugin-

🔥 b Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress.

🔥 3D Viewer – Display interactive 3D models on the webs.


  • Tab Contents
  • Settings


This plugin provides 2 blocks.

  • Tabs Display responsive, accessible tabs featuring dynamic content.
  • Tab Tab for Tab content block


From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For Tab Content Block
  3. Click on the Tab Content Block to add the block

Download & Upload:

  1. Download the Tab Content Block 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 file and click on Install Now
  4. Activate the plugin and Enjoy!


  1. Download and upload the Tab Content Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress


Is Tab Content Block free?

Yes, Tab Content Block is a free Gutenberg block plugin.

How can I install the «Tab Content Block» Gutenberg plugin?

To install the «Tab Content Block» plugin, go to your WordPress admin dashboard, navigate to «Plugins» -> «Add New,» search for «Tab Content Block,» click «Install Now,» and then activate the plugin.

How do I add tab sections to my posts or pages?

After installing and activating the plugin, create or edit a post or page in the WordPress editor. Click the «+» icon to add a new block, search for «Tab Content,» or navigate to the «Common Blocks» category. Insert the «Tab Content» block and customize it by adding tabs with titles and content.

Can I customize the appearance of the tab sections?

Yes, the «Tab Content Block» plugin offers options to customize the appearance of the tabs, such as styling, colors, and typography. You can typically find these customization options within the block settings or the Gutenberg editor’s sidebar.

Is it possible to have multiple tab sections within a single post or page?

Absolutely! You can add multiple instances of the «Tab Content Block» block within a single post or page. Each block can have its own set of tabs, allowing you to organize different sections of content as needed.

Does the plugin support different types of content within the tabs?

Yes, you can include various types of content within the tabs, such as text, images, videos, or custom HTML. This provides flexibility in presenting different types of information to your audience.

Will the tab sections be responsive and mobile-friendly?

Yes, the «Tab Content Block» plugin is designed to be responsive and mobile-friendly. The tab sections will adapt to different screen sizes and devices, ensuring a seamless user experience across desktop, tablet, and mobile devices.

Is the «Tab Content Block» plugin compatible with other Gutenberg blocks and plugins?

The plugin is developed to work well with the Gutenberg editor and should be compatible with most Gutenberg blocks and plugins. However, compatibility can vary depending on individual block/plugin implementations, so it’s always a good idea to test the compatibility if you have specific combinations in mind.

Where can I get support?

You can post your questions on the support forum here


May 26, 2024
This plugin is excellent for displaying tabbed content. The visual editing screen in the Gutenberg editor was easy to edit content effectively.
Read all 1 review

Contributors & Developers

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



1.0.3 – 1 Oct, 2023

  • Performance Improvements

1.0.2 – 1 oct, 2023

  • name changed

1.0.1 – 30 Sep, 2023

  • icon added


  • Initial Release