When it comes to building a user-friendly website, anchor links for accordion items help visitors go directly to the information they are looking for. When a visitor clicks on a link, they land on the specific accordion item with the relevant content, without needing to scroll through the page.
The default Elementor Accordion widget does not support anchor links to individual items. The Accordion widget in The Plus Addons for Elementor adds this capability through the Unique ID option available on each accordion item.
To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.
Best Used For:
- FAQ pages where you link visitors from a table of contents or external email directly to a specific answer
- Knowledge base pages where related articles need to deep-link to a specific accordion item
- Landing pages where you want to direct visitors from a CTA button to a specific accordion section
Requirement - This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
With this, you can link to a specific accordion item with an anchor link from anywhere on your site.
To do this, add the Accordion widget to the page and open the settings for the accordion item you want to link. Set a Unique ID for that accordion item. This ID is the value the anchor link will target.
Now use any widget with a link field, such as a Button widget, to create the anchor link. If you also use tabs on your site and want the same deep-linking behavior, see How to add Anchor Link to Elementor Tabs Items.
Add the Unique ID with # in the Link field. For example, if the Unique ID is section-faq, enter #section-faq in the Link field.
When a visitor clicks the button, they go directly to that accordion item on the page. To control whether accordion items are open or closed when the page loads, see How to Set Elementor Accordion Closed by Default.
