How to Link to a specific tab item in WordPress?

If you have certain information inside a particular tab and you want to send visitors directly to that tab from any page of your website, or even from another website, you can do that with the Nexter Blocks Tabs Tours block.

In the Tabs block, you can assign a unique ID to each tab item and use that ID to build an anchor link that opens the page with the matching tab already active.

Best Used For:

• Documentation pages where you want to link readers directly to a specific topic tab
• Landing pages with tabbed pricing or feature sections where external links target a specific tab
• Internal navigation linking visitors from one part of a page to a tab section below

To check the complete feature overview documentation of the Nexter Blocks Tabs Tours block, click here.

Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.

Why It Matters

Gutenberg’s core Tabs pattern has no built-in way to open a specific tab from a link. Without a Unique ID field, the only way to send a visitor to a particular tab is a JavaScript workaround or a support ticket. The Tabs Tours block’s Unique ID field turns this into a two-field setup: no custom code, no page reload logic to write.

What You Get

• A Unique ID field on every tab item inside the Tabs Tours block
• Standard URL fragment linking (#your-id) that works from buttons, text links, and menu items
• Cross-page linking support (/page-slug/#your-id) so the link can point at a tab on a different page

Benefits

• No custom code – the Unique ID + # link pattern is native browser anchor behavior, not a plugin-specific script you have to maintain.
• Works across pages – a link from a completely different page can still open the correct tab on load.
• Reusable pattern – the same ID/link approach works for any button or text link block, not just the Nexter Button block.

Capabilities

• Per-tab Unique ID – set an independent ID on each tab item inside the Tabs Tours block settings.
• Same-page linking – link with just #your-id when the tab lives on the page the visitor is already on.
• Cross-page linking – prefix the ID with the target page’s URL, e.g. /about/#tabs, to open a tab on another page.

How to Use It

Add the Tabs Tours block to the page. In the block settings, select the tab you want to link to and enter a value in the Unique ID field. Use a value that is not used anywhere else on the page.

Add a Button block and click the link icon. In the URL field, enter the ID value with a # prefix.

Note: If the tab is on a different page, add the page URL before the #, like this /about/#tabs.

When someone clicks the button, they go directly to the linked tab.

Use Cases

• Documentation pages where you want to link readers directly to a specific topic tab
• Landing pages with tabbed pricing or feature sections where external links target a specific tab
• Internal navigation linking visitors from one part of a page to a tab section below

Limitations

• The Unique ID must be unique on the page – reusing the same ID on two elements breaks the anchor link, since the browser jumps to whichever matching ID it finds first.
• This only opens the tab and scrolls to it; it does not change the URL’s visible path, and browser back/forward behavior follows standard hash-link rules, not a custom router.
• The linked tab must exist in the DOM at the point the link is clicked – a tab hidden behind a device or role-based display condition that evaluates to hidden for that visitor will not open.

Troubleshooting

• Clicking the button does nothing. Check that the Button block’s link value exactly matches the tab’s Unique ID with a # prefix and no extra spaces – a mismatched ID is the most common cause.
• Only part of the tab area is clickable / link works but the tab doesn’t visually open. Confirm you set the Unique ID on the specific tab item (not the parent Tabs Tours block) – each tab item has its own ID field.
• The link works on the same page but not from another page. Make sure the cross-page link includes the full path before the hash (/page-slug/#your-id), not just the hash alone – a bare #your-id from a different page has nothing to scroll to.

Also check How to open specific Tab by default in WordPress.