Ultimate Blocks Pro lets you add icons, images, secondary text and links to the tab titles of the free Tabs block. You can also turn a tab into a call to action that opens a URL, and keep the tab bar on screen while visitors scroll with Sticky tab navigation.

What you need #

• The free Ultimate Blocks plugin.
• Ultimate Blocks Pro, installed and activated alongside the free plugin.
• A Tabs block on your post or page.

Turn on the Pro tab features #

1. Open the post or page in the block editor and select your Tabs block (or add one: click +, search for Tabs, click it).
2. In the Settings tab of the block sidebar, open the General panel.
3. Turn on the features you want: Tab title secondary text, Tab title icons, Tab title image or Sticky tab navigation.

You can use icons or images in the tab titles, but not both. While one of these toggles is on, the other one is disabled.

Add icons to tab titles #

1. Turn on Tab title icons in the General panel.
2. Click the tab title you want to change, so it becomes the active tab.
3. In the Tab Icon panel, click Icon and pick an icon from the library. Adjust the icon size if needed.
4. Click the next tab title and repeat.

Add images to tab titles #

1. Turn on Tab title image in the General panel.
2. Click the tab title you want to change.
3. In the Tab Image panel, click Set Tab Image and choose an image from the media library. Use Replace Tab Image or Remove Tab Image to change it later.
4. Set the Image Height and Image Width so all tab images look the same size.

Tab images work well for logos, product photos or team member photos. Small, square images keep the tab bar tidy.

Add secondary text under tab titles #

Turn on Tab title secondary text in the General panel. A small text line appears under each tab title in the editor. Click it and type a short note, for example “Billed monthly” or “For beginners”.

Turn a tab into a link (call to action) #

A call to action tab does not open tab content. When visitors click it, they go to the URL you set. This is useful for a “Pricing” or “Buy now” tab at the end of the tab bar.

1. Click the tab title you want to turn into a link.
2. Open the Call to Action panel in the block sidebar.
3. Turn on Convert current tab into call to action (“Call to action tab will direct your users to assigned url instead of showing a tab content.”).
4. Enter the address in the Link field.

In the editor, that tab shows a note: “Current tab is assigned as call-to-action, this message will not be visible on client side.” Visitors never see this note.

Keep the tab bar on screen (sticky tab navigation) #

With Sticky tab navigation on, the tab bar sticks to the top of the screen while visitors scroll through long tab content, so they can switch tabs without scrolling back up.

• Apply on: choose Mobile only, Both or Desktop only.
• Top offset (px): space from the top of the screen when sticky. If your site has a sticky header, enter its height so the tab bar sits just below it.

Tip: Sticky tab navigation is most useful when tab content is long, such as documentation, menus or detailed product comparisons.

Frequently asked questions #

Related docs #

• Tabs block
• Accordions (UB) block
• How to add a sticky table of contents in WordPress
• Icon block
• Ultimate Blocks free vs Pro