By default, WordPress tab blocks do not include icons, but with the Nexter Blocks Tabs Tours block, you can add and change icons in your tab titles. Adding icons to tab titles gives users a visual cue for each tab, making navigation faster when your content spans multiple categories.
Customizing the tab icons also differentiates your tabbed content from the standard text-only tabs available in most WordPress layouts.
To check the complete feature overview documentation of the Nexter Blocks Tabs Tours block, click here.
Best Used For:
- FAQ pages where each tab holds a category of questions with a matching icon for quick recognition
- Product documentation with tabbed sections for Setup, Configuration, and Troubleshooting, each identified by a distinct icon
- Service pages with tabs for Pricing, Features, and Testimonials where icons reinforce the section theme
Requirement — This block is a part of Nexter Blocks. Make sure it is installed and activated.
To add an icon, add the Tabs Tours block to the page and go to a particular tab.
Enable the Show Inner Icon toggle to add the main icon to the tab title. From the icon library, select or change the icon for that tab. Use this when each of your tabs covers a distinct topic and you want users to identify the right tab at a glance without reading the full label. You can also set a custom image as the tab icon, or set it to none to show no icon at all.
Enable the Show Outer Icon (Pro) toggle to add a second, supplementary icon to the tab title. Use this when your tab label needs both a category icon and a status indicator, such as a lock icon on a Pro-only tab or a checkmark on a completed step in a guide.
For more content navigation options in Nexter Blocks, see how to add a table of contents in WordPress.
Also, check How to Change WordPress Tabs on Hover.
