---
title: How to Add Icons, Images and Links to Tabs (Pro)
description: Add tab icons, tab images, secondary text, call to action tabs and sticky tab navigation to the Ultimate Blocks Tabs block with Pro.
url: "https://ultimateblocks.com/docs/how-to-add-icons-images-and-links-to-tabs/"
updated: "2026-11-07"
category: "How-To Guides"
---

# How to Add Icons, Images and Links to Tabs (Pro)

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](https://wordpress.org/plugins/ultimate-blocks/) plugin.
- [Ultimate Blocks Pro](https://ultimateblocks.com/pricing/), installed and activated alongside the free plugin.
- A [Tabs block](https://ultimateblocks.com/docs/tabbed-content-block-2/) 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

**Are tab icons and images free?**

No. The Tabs block is free, but tab title icons, tab title images, secondary text, call to action tabs and sticky tab navigation are part of Ultimate Blocks Pro.

**Can I use an icon and an image on the same tab?**

No. Tab title icons and tab title images cannot be on at the same time. Turn one off before you turn on the other.

**Can a tab open another page?**

Yes. Select the tab, turn on Convert current tab into call to action in the Call to Action panel and enter the URL in Link.

**Can I make the tab bar sticky only on phones?**

Yes. Turn on Sticky tab navigation and set Apply on to Mobile only.

**Why does my sticky tab bar hide behind the header?**

Set Top offset (px) to the height of your sticky header, so the tab bar sticks just below it.

## Related docs

- [Tabs block](https://ultimateblocks.com/docs/tabbed-content-block-2/)
- [Accordions (UB) block](https://ultimateblocks.com/docs/content-toggle-block/)
- [How to add a sticky table of contents in WordPress](https://ultimateblocks.com/docs/how-to-add-a-sticky-table-of-contents/)
- [Icon block](https://ultimateblocks.com/docs/icon-block/)
- [Ultimate Blocks free vs Pro](https://ultimateblocks.com/docs/ultimate-blocks-free-vs-pro/)