Responsive Tabs Pro

Use Responsive Tabs Pro to organize related content into tab sets. For example, group product details or documentation sections on a page, or present FAQs under expandable headings. Add a set with the Responsive Tabs block or its shortcode, and shortcodes inside tab content can render elements such as forms, sliders, and galleries.

Choose how tabs behave on screen

Horizontal tabs that exceed the available space move into a “More” menu. Pro also includes scrollable horizontal tabs with drag-to-scroll and left and right arrow buttons. Vertical tabs automatically switch to an accordion on mobile screens. For other layouts, pick horizontal, vertical, or accordion tabs to fit the content.

Pro offers four visual styles: Boxed, Underline/Line, Pill/Segmented, and Contained/Boxed.

Manage sets and tab content

The free version enables up to three tab sets, with unlimited tabs in each set. Pro removes the set limit. In the Gutenberg block, Pro lets you add, edit, reorder, and delete tabs without leaving the editor. You can also set show order, preview a tab set before publishing, and adjust border, background, tab text, active text, and content text colors.

Direct visitors to specific tabs

Use a URL parameter such as ?selected_tab=2 to open a selected tab. Pro also lets you add Font Awesome icons to tab headings, apply additional CSS to an individual set, update tab order in bulk, and set a tab to open an external URL.

Set up a tab set

1. Install and activate the plugin, then open Responsive Tabs in the WordPress admin menu.
2. Go to Manage Tab Sets, choose Add New, and add tabs and their content.
3. Set the tab order and colors, then preview the set.
4. Place it on a page or post with the Responsive Tabs block or the shortcode shown on the Manage Tab Sets screen.

The plugin supports WordPress visitor roles and capabilities and is compatible with Multisite.