How to set an Anchor Link to a specific Accordion Item?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor Accordion widget allows users to link directly to specific accordion items using anchor links.
  • Users set a Unique ID for each accordion item to create anchor links from any page.
  • Clicking a button with the ID in the Link field directs users to the corresponding accordion item.
Table Of Content

When it comes to creating a user-friendly, easy-to-navigate website, anchor linking accordion items can be a great way to help users quickly find the information they are looking for. This way, when a user clicks on a link, they can be directly sent to an accordion item with the relevant information.

Unfortunately, the Elementor Accordion widget doesn’t offer this type of feature, but with the Accordion widget from The Plus Addons for Elementor, you can take advantage of many such amazing features.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion 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.

LIVE WIDGET LINK

With this, you can easily link to a specific accordion item with an anchor link from any page.

To do this, go to an accordion and set a Unique ID.

Now you can use this ID to link to this specific accordion item. Let’s use a button widget to link.

Tpae accordion unique id with button 1 how to set an anchor link to a specific accordion item? From the plus addons for elementor

Add the ID with # in the Link field.

Tpae accordion unique id with button 2 how to set an anchor link to a specific accordion item? From the plus addons for elementor

Now, if someone clicks on the button, they will go directly to the accordion item.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the anchor link doesn't work?

If the anchor link to your accordion item isn't functioning, first ensure that you've set a Unique ID for the specific accordion item. This ID must be prefixed with a '#' in the Link field of the button widget. If the ID is correct and it still doesn't work, check if the accordion widget from The Plus Addons for Elementor is properly installed and activated, as this feature is exclusive to that plugin.

What is the best practice for setting Unique IDs for accordion items?

A good practice for setting Unique IDs is to use descriptive names that reflect the content of the accordion item. This not only helps in identifying the item easily but also improves SEO. Make sure the ID is unique across the page to avoid conflicts. For example, if your accordion item is about 'FAQs', you might set the ID as 'faq-accordion'.

What happens if I forget to add the '#' before the Unique ID in the link?

If you forget to add the '#' before the Unique ID in the link, the anchor link will not work as intended. The browser won't recognize the ID as a target, and users will not be directed to the specific accordion item. Always remember to include the '#' to ensure proper navigation.

Last reviewed: April 12, 2026

Related Docs