Ciprian Popescu

<p>Metro Tabs adds block-editor (Gutenberg) blocks for building tabbed content. You add a <strong>Metro Tabs: Tab Group</strong> block, then add one or more <strong>Metro Tabs: Tab Item</strong> blocks inside it. Each tab has a heading (the label visitors click) and a content area where you can add any blocks—paragraphs, images, lists, etc. On the front end, visitors see a simple tab bar and panes; clicking a tab switches the visible content without reloading the page.</p>
<h4>Features</h4>
<ul>
<li><strong>Tab Group block</strong> – Container for one set of tabs. You can use multiple Tab Group blocks on the same page for different tab sets.</li>
<li><strong>Tab Item block</strong> – A single tab: editable heading and a content area that supports any blocks (paragraphs, headings, images, etc.).</li>
<li><strong>No JavaScript libraries</strong> – Uses vanilla JavaScript only; no jQuery or jQuery UI.</li>
<li><strong>Block API version 3</strong> – Compatible with the current block editor (WordPress 6.3+ iframe editor).</li>
<li><strong>Lightweight styling</strong> – Discrete front-end styles (underline-style active tab); you can override with your theme or custom CSS.</li>
</ul>
<h4>How to use</h4>
<ol>
<li>In the block editor, add a <strong>Metro Tabs: Tab Group</strong> block (search for “Metro Tabs” or “Tab Group”).</li>
<li>Inside the group, you’ll see placeholder Tab Items (e.g. “Tab 1”, “Tab 2”). Click each <strong>Metro Tabs: Tab Item</strong> block and:
<ul>
<li>Edit the <strong>tab heading</strong> (the text shown on the tab).</li>
<li>Add any blocks in the <strong>tab content</strong> area (paragraphs, images, etc.).</li>
</ul>
</li>
<li>Add or remove Tab Item blocks as needed. You can add more Tab Groups elsewhere on the page for separate tab sets.</li>
<li>Publish or update. On the front end, the tab bar and panes are built automatically; clicking a tab switches the visible pane.</li>
</ol>
<p>No settings or configuration are required. The plugin enqueues its script and styles on the front end when the page contains tab blocks.</p>
<h4>Compatibility</h4>
<ul>
<li>Requires WordPress 6.0 or higher (block editor).</li>
<li>Requires PHP 8.0 or higher.</li>
</ul>


Metro Tabs – Responsive Tabs Block

Tab blocks: multiple groups per page, any blocks in each tab. No jQuery, no dependencies.

WPClever

<p><strong>WPC Product Tabs for WooCommerce</strong> is indeed a simply usable plugin for adding custom tabs to your products and provide your buyers with extra details for boosting customers’ confidence in the items. There are three predefined product tabs for users to use, or they can totally create a new custom tab to their preferences in terms of style and formatting.</p>
<h4>Live demo</h4>
<p>Visit our <a href="https://demo.wpclever.net/woost/" title="live demo" rel="nofollow ugc">live demo</a> here to see how this plugin works.</p>
<h4>Features</h4>
<ul>
<li>Predefined product global tabs: additional information, description and reviews</li>
<li>Easily move to rearrange the order of the tabs by dragging & dropping</li>
<li>Easily remove any unwanted tab</li>
<li>Editable text and title for each tab</li>
<li>Unlimited addition of new custom tabs with WYSIWYG editor</li>
<li>Configure user role-based custom tabs for members</li>
<li>Customize new tabs with style and formats you’d prefer</li>
<li>Compatible with all WPClever plugins, most WooCommerce add-ons and WordPress themes</li>
<li>Premium: Manage product tabs at the product level</li>
<li>Premium: Use dynamic content tab</li>
<li>Premium: Lifetime update and dedicated support</li>
<li>Premium: Free simple customization service requesting</li>
</ul>
<h4>Adding Extra Details for Transparency</h4>
<p>When you find that the WooCommerce’s default-provided information is not enough to showcase the advantages of your products, it’s time for this WPC Product Tabs plugin to step in and save the day. It’s straightforward to add a predefined tab from the setting or create a new custom tab with the intuitive editor. Some special products are really in need of this extra product tab to show more convincing reasons for buyers to purchase from your store. This increase in transparency of product attributes and functionalities would gain you more confidence from customers, thus improve the sale values.</p>
<h4>Highly Customizable Custom Tab Interface</h4>
<p>In creating a new custom tab, users can easily know what they need to do and how the tab will appear in the front-end as it adopts a WYSIWYG editor interface. Even for predefined tabs, users can adjust the order of their appearance by holding and dragging a button to move or edit the title of the tabs to their preferences. All this process is intuitive, so there’s no need for complex configurations or any documentation. Users of any level, whether beginners or experienced ones, can start working on this plugin right after installing and opening the plugin settings.</p>
<h4>Premium: Global Tabs for Selected Products & Individual Tabs</h4>
<p>For Premium users, they are able to customize these tabs at the product level, which means to use different settings for individual products. The individual settings will override the global tab settings when users make adjustments in each product’s tab settings. Specifically, users can add new custom tabs before or after the global ones and even override with a new list of tabs for each product.</p>
<p>Furthermore, Premium users have the “Selected Products” source that allows them to apply global tabs to a hand-picked list of products. Since version 4.0.0, with the user role feature added to custom tab settings, site owners have a better way to control the member-only contents. To create member-only contents, users can use custom tabs and specify the allowed user role(s) for each tab easily under WPClever >> Product Tabs.</p>
<p>What’s best, Premium users can enjoy free customization services on demand to make WPC Product Tabs work well with third-party plugins/themes or match with the design scheme of their site.</p>
<h4>Need more features?</h4>
<p>Please try other plugins from us:</p>
<ul>
<li><a href="https://wordpress.org/plugins/woo-smart-compare/" title="WPC Smart Compare" rel="ugc">WPC Smart Compare</a></li>
<li><a href="https://wordpress.org/plugins/woo-smart-quick-view/" title="WPC Smart Quick View" rel="ugc">WPC Smart Quick View</a></li>
<li><a href="https://wordpress.org/plugins/woo-smart-wishlist/" title="WPC Smart Wishlist" rel="ugc">WPC Smart Wishlist</a></li>
<li><a href="https://wordpress.org/plugins/wpc-smart-notification/" title="WPC Smart Notification" rel="ugc">WPC Smart Notification</a></li>
<li><a href="https://wordpress.org/plugins/wpc-ajax-add-to-cart/" title="WPC AJAX Add to Cart" rel="ugc">WPC AJAX Add to Cart</a></li>
</ul>


WPC Product Tabs for WooCommerce

WPC Product Tabs is a plugin for managing product tabs. The built-in WYSIWYG editor allows you to edit, add, and customize tabs.

Metro Tabs – Responsive Tabs Block vs WPC Product Tabs for WooCommerce