Managing Tabs (Duplicate/Delete)

Easily clone or remove tabs and their content right inside the Gutenberg editor. Use these controls to speed up your workflow when building or refining tabbed layouts.

Overview

The Duplicate/Delete feature lets you:

• Duplicate an existing tab (and its entire content) with one click.
• Delete a tab you no longer need, removing both the tab button and its content panel.

These actions work on both free and Pro versions, and they support nested tabs, too.

How to Duplicate a Tab

1. Select the Tabs Block
   Click on your Tabs container in the editor.
2. Activate the Tab Button Toolbar
   Hover over the tab button you want to clone. A mini-toolbar appears above it.
   Figure 1: Click the “Duplicate” icon in the tab’s toolbar.
3. Click “Duplicate”
   The selected tab button and its associated content panel are instantly copied and added to the right.
4. Reorder or Edit
   Drag the new tab button to reposition it, then update its label and content as needed.

How to Delete a Tab

1. Select the Tabs Block
   Click on your Tabs container in the editor.
2. Activate the Tab Button Toolbar
   Hover over the tab button you want to remove.
   Figure 2: Click the “Delete” icon to remove a tab.
3. Click “Delete”
   The tab button and its content panel are permanently removed.
4. Confirm Removal
   If you delete by mistake, use Undo (Ctrl/Cmd + Z) immediately in the editor.

Tips & Best Practices

• Bulk Setup: Duplicate a fully styled tab to maintain consistent formatting across multiple sections.
• Nested Tabs: You can duplicate or delete nested tabs exactly the same way as top-level tabs.
• Performance: Deleting unused tabs reduces page size and keeps your layout clean.
• Undo Safety: Gutenberg’s undo history makes it easy to revert accidental deletes.

With Duplicate/Delete, managing large tab sets becomes fast and error-free—no extra clicks or manual copy-paste required!