Adding HTML Anchors for Tabs

This is a feature in our pro version only.

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

1. Add the anchors to the tab items

Add HTML anchors to all tab 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 tab-item-1, the complete link with anchor would be your-domain.com/page-1/#tab-item-1.

Examples

Check the below links with anchor:

https://docs.generateblocks.com/article/layout-options-overview/#inline-block

https://docs.generateblocks.com/article/layout-options-overview/#flex