=== Tabbed Contents Block – Display Content in Tabbed Layout === Contributors: bplugins, abuhayat, noornabi2, freemius Donate link: https://www.buymeacoffee.com/abuhayat Tags: tabs, tabbed contents, tabbed block, tabbed-content-block, tabbed button Requires at least: 6.5+ Tested up to: 6.7.1 Stable tag: 1.2.2 Requires PHP: 7.2 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Display responsive, accessible tabs featuring dynamic content. == Description == The #1 No-Code Tabbed Contents Block Plugin – Trusted by 900+ Websites Worldwide [**Tabbed Contents Block**](https://bplugins.com/products/tabbed-contents-block) | [**Documentation**](https://bplugins.com/docs/tabbed-contents-block/) | [**Pricing**](https://bplugins.com/products/tabbed-contents-block/#pricing) | [**Support**](https://bplugins.com/support/) | [**Demo**](https://bplugins.com/products/tabbed-contents-block/#demos) [**Tabbed Contents Block**](https://bplugins.com/docs/tabbed-contents-block/) lets you organize your WordPress content into clean, responsive tab sections. Now comes with both Basic Tabs and Advanced Tabs layouts β€” choose your preferred style instantly from the block or shortcode generator. ### Tabbed Contents Block Features - **Tabbed Content Layout**: Easily organize and display content in a structured, tabbed interface. - **Multiple Tab Designs**: Choose from various tab styles and layouts to match your website’s design. - **Fully Customizable Tabs**: Personalize tab colors, fonts, sizes, and borders to align with your branding. - **Dynamic Tab Icon**: Add icon to individual tabs for enhanced visual appeal and user clarity. - **Dynamic Content Loading**: Load content dynamically via shortcodes or custom blocks. - **Active Tab Highlighting**: Automatically highlight the active tab for better user navigation. - **Responsive Design**: Tabs adapt seamlessly to different screen sizes and devices for a flawless experience. - **Predefined Themes**: Choose from a variety of professionally designed themes to style your tabs instantly. - **Responsive Themes**: All themes are fully responsive and adapt perfectly to any screen size. - **Quick Themes Options**: Instantly switch between predefined themes to update the tabbed contents block appearance. - **Shortcode Support**: Use shortcodes to add custom content to your tabs. - **Layout Switcher:** Choose between basic and advanced tab layouts easily. - **Advanced Tabs Support:** Create more dynamic and flexible tab sections with enhanced controls. - **Shortcode Layout Selection:** Select your tab layout directly while generating shortcodes. == πŸš€ Upgrade to Tabbed Contents Pro: == - **Choose Your Preferred Theme**: Select the theme of your choice to personalize your experience and give your website the look and feel that suits your style. - **Hide/Show Tabbed Background**: Easily toggle background visibility for tabbed sections with the Hide/Show Tabbed Background feature. - **Background On tabbed**: Manage tab-specific backgrounds effortlessly with Background on Tabbed. Customize each tab for a dynamic user experience! - **Padding On tabbed**: Easily adjust padding for each tab with Padding on Tabbed. Customize spacing for a seamless and polished layout! - **Hide/Show Tabbed Icon**: Toggle icons for each tab effortlessly with Hide/Show Tabbed Icon. Customize visibility for a clean and dynamic design! - **Hide/Show Tabbed Title**: Easily toggle the visibility of tab titles with Hide/Show Tabbed Title for a cleaner, customized design! - **Active Tab Customize The Variant Styles**: Highlight your active tab with a customizable border using Active Tab Border. Enhance navigation and user focus effortlessly! - **Tabbed Menu Styles**: Users can easily variant apply to styles for customization. - **Responsive Settings**: Optimize font size, alignment, and appearance for mobile, tablet, and desktop. - **Premium Animations**: Exclusive smooth effects available only in Pro. - **Sortable Items**: Drag individual items to quickly adjust their position and customize the order as you like. - **Start building beautiful tabbed layouts in seconds β€” no coding required!** == ✨ New: Multiple Tab Layouts == Now you can choose between: - Tabbed Contents (Simple & Clean) - Advanced Tabs (More Powerful & Customizable) Select your preferred layout directly from the block or shortcode generator. = How to use Tabbed Contents Block = - First, install the Tabbed Content Block plugin from the WordPress dashboard. - Add the Tabbed Content from the block category called "widgets" in the Gutenberg editor. - You can change block settings from the right-side settings sidebar. - Enjoy! * For installation help click on Installation Tab ### User Feedback #### ⭐⭐⭐⭐⭐ [It fully met my expectations](https://wordpress.org/support/topic/it-fully-met-my-expectations/) ❛❛***This plugin is excellent for displaying tabbed content. The visual editing screen in the Gutenberg editor was easy to edit content effectively.***❜❜ ***-[Abdul Hannan](https://wordpress.org/support/users/ksthannan/)*** #### - Did you like this plugin? Dislike it? Have a feature request? [Please share your feedback with us](mailto:support@bplugins.com 'Send feedback') ### ⭐ 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. == Installation == ### From Gutenberg Editor: 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **Tabbed Content** 3. Click on the **Tabbed Content** to add the block ### Download & Upload: 1. Download the **Tabbed 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 **`tabbed-contents.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! ### Manually: 1. Download and upload the **Tabbed Content Block** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress == Frequently Asked Questions == = 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? = You can use unlimited times as you want. = Where can I get support? = You can post your questions on the [support forum here](https://wordpress.org/support/plugin/tabbed-contents/) = Where do I report security bugs found in this plugin? = Please report security bugs found in the source code of the Tabbed Contents Block plugin through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/9e5fc6ad-7919-45e3-8f1e-4871fab495cc). The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin. == Screenshots == 1. Default Theme 2. Theme Two 3. Theme Three 4. Theme Four 5. Theme Five 6. Theme Six 7. Theme Seven 8. Theme Eight 9. Gutenberg Block Setting == Changelog == = 1.2.2 - 29 March 26 = - **Update**: Added advanced tab block. - **Update**: freemius latest sdk. = 1.2.1 - 1 March 26 = - **Fixed**: Resolved plugin update license prompt issue. - **Update**: Dashboard menu item rename. - **Update**: Latest modern dashboard added. = 1.2.0 - 22 Feb 26 = - **Fixed**: Some style customization. - **Update**: Pro modal, Pro selector theme rename and upgrade the premium quality designed. - **New**: Quick theme change options, Drag individual items to quickly adjust their position and customize the order as you like. = 1.1.9 - 15 Nov, 2025 = * freemius latest sdk version updated * Demo created for this plugin = 1.1.8 - 10 Nov, 2025 = * CSS font size on frontend issue fixed * Shortcode copy issue fixed = 1.1.7 - 5 Nov, 2025 = * Freemius_lite sdk version updated = 1.1.6 - 15 Oct, 2025 = * Fix the index remove tabs issue * Add a modern dashboard * Freemius sdk updated = 1.1.5 - 25 July, 2025 = * Freemius sdk updated = 1.1.4 - 17 May, 2025 = * Dashboard conflict issue fixed = 1.1.3 - 22 March, 2025 = * Update some payment issue code = 1.1.2 - 4 March, 2025 = * update freemius sdk = 1.1.1 - 23 Feb, 2025 = * update some issue fixed = 1.1.0 - 11 Jan, 2025 = * Upgrade to premium version * Add new feature = 1.0.6 - 7 Nov, 2024 = * Solved the issues = 1.0.5 - 24 July, 2024 = * Solved PHP Warning = 1.0.4 - 1 Oct, 2023 = * Fix paragraph overlap issue = 1.0.3 - 1 Oct, 2023 = * Performance Improvements = 1.0.2 - 1 Oct, 2023 = * name changed = 1.0.1 - 30 Sep, 2023 = * icon added = 1.0.0 = * Initial Release == Upgrade Notice == = 1.1.5 - 25 July, 2025 = * Freemius sdk updated = 1.1.4 - 17 May, 2025 = * Dashboard conflict issue fixed = 1.1.3 - 22 March, 2025 = * Update some payment issue code = 1.1.2 - 4 March, 2025 = * update freemius sdk = 1.1.1 - 23 Feb, 2025 = * update some issue fixed = 1.1.0 - 11 Jan, 2025 = * Upgrade to premium version * Add new feature = 1.0.6 - 7 Nov, 2024 = * Solved the issues = 1.0.5 - 24 July, 2024 = * Solved PHP Warning = 1.0.4 - 1 Oct, 2023 = * Fix paragraph overlap issue = 1.0.3 - 1 Oct, 2023 = * Performance Improvements = 1.0.2 - 1 Oct, 2023 = * name changed = 1.0.1 - 30 Sep, 2023 = * icon added = 1.0.0 = * Initial Release