Do you want a link that opens one particular accordion item? With an anchor link, visitors land on the right answer already open, instead of scrolling and clicking.
The Accordion widget from The Plus Addons for Elementor gives every item a Unique ID for this.
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.
Before You Start
- Edition: Pro — Unique ID is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.
- Widget to enable: Accordion, switched on under The Plus Addons > Widgets.
Step 1: Give the item a Unique ID
Open the item in Content and type an ID in Unique ID, for example pricing. Use only letters, numbers, hyphens and underscores — no spaces.
Step 2: Link to it
In any link field — a button, a menu item, an email — use the page address followed by # and the ID, for example https://example.com/faq/#pricing.
When a visitor opens that link, the page scrolls to the item and opens it.
Limitations
- It works when the page loads. A
#pricinglink on the same page, clicked after the page has loaded, jumps to the item but does not open it. Use the full page address so the page reloads, or open it from another page. - The ID must be unique on the page and must not contain spaces or special characters, or the link is ignored.
- Click mode only. Anchor links don’t open items when On Hover Accordion is on.
Troubleshooting
The page scrolls but the item stays closed
You clicked a link on the same page. Link to the full address (with the page URL before the #), or open the link in a new tab.
Nothing happens
Check the ID matches exactly (it is case-sensitive) and has no spaces.
