How to set an anchor link to a tab item in Elementor?

Sometimes you want a link to open a page with a particular tab already open, such as the pricing tab of a product page.

The Tabs/Tours widget from The Plus Addons for Elementor lets you give each tab a Unique ID. A page address that ends in # plus that ID opens the page with that tab active.

To check the complete feature overview documentation of The Plus Addons for Elementor Tabs/Tours widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

• Edition: Pro — Unique ID needs The Plus Addons for Elementor Pro. The Tabs/Tours widget itself is free.
• Widget to enable: Tabs/Tours, switched on under The Plus Addons > Widgets.

Step 1: Give the Tab an ID

1. Add the Tabs/Tours widget and open the tab you want to link to in Content.
2. Type an ID in Unique ID, without the #, for example pricing. Use letters, numbers and hyphens, and use each ID only once on the page.

Step 2: Link to the Tab

Add #pricing to the end of the page address and use that full address in your link, for example https://example.com/product/#pricing. Use it in menus, buttons on other pages, emails or social posts.

When the page opens, it scrolls to the tab titles and opens the Pricing tab.

Links Inside the Tabs

A link inside the content of one tab can open another tab of the same widget. Link the text to #pricing; clicking it opens the Pricing tab.

Limitations

• A link elsewhere on the same page does not switch the tab. In our test, an Elementor Button above the tabs with the link #pricing changed the address, but the first tab stayed open. The ID only works when the page loads with it, or from a link inside the same Tabs/Tours widget.
• The Unique ID becomes the HTML id of the tab title, so it must not be used by any other element on the page.
• The Unique ID field is not part of the free plugin.

Troubleshooting

The page opens but the tab does not change

• Check that the ID in the link matches the Unique ID exactly, and that you did not type the # in the field.
• If the link is on the same page as the tabs, it will not switch the tab. Open the full address in a new page load instead.

Related Docs

• Tabs/Tours widget: settings overview
• Choose which tab is open by default
• Scroll to a page section on button click