Tabbed Contents Block

Fit more content into less space – organize your pages into clean, responsive tab sections visitors can click through, no code required.

Tabbed Contents Block | Documentation | Pricing | Support | Demo

Why Tabbed Contents Block?

Tabbed Contents Block lets you organize your WordPress content into clean, responsive tab sections right inside the Gutenberg editor. Instead of long, scrolling pages, visitors get a structured, clickable interface that keeps everything tidy and easy to navigate.

The plugin now ships with both Basic Tabs and Advanced Tabs layouts – choose your preferred style instantly from the block or the shortcode generator. Pick from professionally designed predefined themes, add icons to individual tabs, and customize colors, fonts, sizes, and borders to match your branding.

Every theme is fully responsive, and the active tab is automatically highlighted, so your tabbed sections look sharp and stay usable on any device.

Free Features

• Tabbed Content Layout: 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 Icons: Add an icon to individual tabs for enhanced visual appeal and clarity.
• Dynamic Content Loading: Load content dynamically via shortcodes or custom blocks.
• Active Tab Highlighting: The active tab is automatically highlighted for better navigation.
• Predefined Responsive Themes: Instantly style your tabs with professionally designed, fully responsive themes.
• Quick Theme Options: Switch between predefined themes in a click.
• 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.

Pro Version

Upgrade to Tabbed Contents Pro and start building beautiful tabbed layouts in seconds – no coding required:

• Choose Your Preferred Theme: Select any theme to give your tabs the exact look you want.
• Hide/Show Tabbed Background: Toggle background visibility for tabbed sections.
• Per-Tab Background & Padding: Customize the background and spacing of each tab individually.
• Hide/Show Tab Icons & Titles: Toggle icons and titles per tab for a clean, customized design.
• Active Tab Variant Styles: Highlight the active tab with customizable styles and borders.
• Tabbed Menu Styles: Apply style variants to the tab menu for deeper 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 tabs to quickly adjust their order.

How to Use – Quick Start

1. Install and activate the Tabbed Contents Block plugin.
2. Add the Tabbed Content block from the “Widgets” category in the Gutenberg editor.
3. Choose your layout (Basic or Advanced Tabs) and a theme, then add your tab titles and content.
4. Adjust settings from the right-side sidebar and publish.

Use Cases

• Product Details: Split descriptions, specs, and reviews into separate tabs.
• Service Pages: Present multiple services or packages without endless scrolling.
• Documentation & FAQs: Group related answers and instructions into organized tabs.
• Comparisons: Let visitors flip between plans, options, or versions in one place.

User Feedback

Read the full description on the official page →