Skip to content

How to Link to a specific tab item in WordPress?

Updated On : September 14, 2026By : Reading Time : 3 minutes

Key Takeaways

  • Tabs Tours in Nexter Blocks free and Nexter Blocks Pro opens a specific tab by linking to a unique tab ID, such as pricing-tab, instead of making visitors click through the page.
  • Tabs Tours uses the tab title as the anchor target, so the link must add # plus the exact ID to the page address, for example https://example.com/plans/#pricing-tab.
  • Tabs Tours requires unique IDs across the whole page, up to 10 tabs per block, and changing an ID later breaks every link already pointing at it.
Table of Contents

Pointing someone at a page and then telling them which tab to click wastes the click and loses some of them.

Give a tab its own ID and you can link straight to it — the page opens with that tab already showing.

For every Tabs Tours setting in one place, see the Tabs Tours block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
  • Block to enable: Tabs Tours, switched on under Nexter > Blocks in your WordPress dashboard.
  • Your sections planned: one tab per section, and the block takes up to 10 tabs.

Steps

  1. Add the Tabs Tours block to your page and click Design from Scratch.
  1. Open the Content panel. Each item in Tabs is one tab — set its Title, and click Add Tab for more.
The Tabs repeater with a tab's Title field
  1. Set each tab’s Content Type and fill in its content.
The Content Type setting on a tab
  1. In the Content panel, open the tab you want to link to and give it a unique ID, such as pricing-tab. Use lowercase letters and hyphens, with no spaces.
  1. Publish the page.
  1. Build the link by adding # and that ID to the page address, for example https://example.com/plans/#pricing-tab.
  1. Open the link in a new tab to check the right tab is showing.

How It Behaves

  • The ID you set is placed on the tab title, and that is what the link has to point at.
  • Opening the page with that anchor shows the matching tab straight away, with its content, instead of the first tab.
  • The link works from anywhere — another page on your site, an email, or another website.
  • Each tab needs its own ID, and every ID on a page has to be unique.

Limitations

  • The ID belongs to the tab title. Linking to the tab’s content element instead does not open the tab — the page stays on the first one.
  • IDs must be unique across the whole page, so two Tabs blocks cannot both use pricing-tab.
  • Changing the ID later breaks every link already pointing at it.
  • Anchor links do not survive a redirect that strips the # part of the address.

Troubleshooting

The link opens the page but shows the first tab

Three things to check: the ID is set on the tab you meant, the link uses exactly that ID after the #, and nothing else on the page uses the same ID.

Nothing happens when I use the link

Confirm the ID is really in the page by opening the published page and searching its source for your ID. If it is missing, the setting did not save — set it again and republish.

I want the tab open for everyone, not just from a link

Use Default Active Tab instead, which sets the tab that opens every time.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

How do I link to a specific tab in WordPress without making people click through the first tab first?

Give the tab its own unique ID and point the URL anchor at that ID. Nexter Blocks uses the ID on the tab title, so the page can open straight on the matching tab instead of landing on the first one. That matters when you want to send someone directly to pricing, features, or any other section without wasting a click. The tutorial uses a format like `https://example.com/plans/#pricing-tab`.

What do I need before I can deep-link to a tab item in Nexter Blocks?

The setup is simple but specific: use the Tabs Tours block, turn it on under Nexter > Blocks in your WordPress dashboard, and plan one tab per section. The block supports up to 10 tabs, so the structure needs to be decided before you start assigning IDs. This works in Nexter Blocks free and with Nexter Blocks Pro.

Why does my WordPress tab link open the page but still show the first tab?

That usually means the anchor is not pointing at the tab title’s ID, or the same ID is used somewhere else on the page. In this setup, the ID belongs to the tab title, not the content area, so linking to content will not switch tabs. The fix is to use exactly the same lowercase ID after `#`, and keep it unique across the whole page.

Can I link to a tab from another page or from an email?

The anchor link works from anywhere, not just inside WordPress. The tutorial says it can be used from another page on your site, an email, or another website. That makes it useful for sending people straight into a specific section of a longer page instead of making them hunt for it after they arrive.

What is the best way to name a tab ID for anchor links?

Use lowercase letters and hyphens with no spaces, like `pricing-tab`. That format keeps anchors clean and predictable, which matters because every link has to match the ID exactly. Changing an ID later breaks every existing link that points to it, so pick something stable before publishing.

How do I make a tab open by default for everyone instead of only through a link?

Use Default Active Tab when you want one tab to open every time someone loads the page. That is different from anchor linking, which only changes the starting tab when someone arrives with `#your-id` in the URL. For broader setup details, Tabs Tours block: all settings covers the block options in one place.

Last reviewed: September 15, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53