Adding HTML Anchors for Accordion

This is a feature in our pro version only.

By setting HTML anchors within GenerateBlocks accordion, you can provide users with convenient navigation within the accordion block. Once the anchors are in place, you can create links that will take users directly to specific accordion items, and the accordion block will automatically open the corresponding accordion content for them.

1. Add the anchors to the Accordion Item container

Add HTML anchors to all accordion item containers via the Advanced panel > HTML Anchor.

2. Add the anchors to links

After adding the HTML anchors, you can include the anchor in the page link by appending # followed by the anchor name.

For example, if the page link is your-domain.com/page-1, and the anchor name is accordion-1, the complete link with anchor would be your-domain.com/page-1/#accordion-1.

Examples

Check the below links with anchor:

http://docs.generateblocks.com/article/accordion-overview/#accordion-2