Anchor Link

Summary: The Anchor Link block, available as a premium feature, empowers users to create jump links to specific accordion sections in Gutenberg. With adjustable icon positions and visibility, this tool enhances navigation, accessibility, and overall user experience for your website visitors.

Anchor Link Block for Advanced Accordions in Gutenberg

This document describes the Anchor Link block and its functionalities within the context of advanced accordions in the Gutenberg block editor.

Understanding Anchor Links

An anchor link, also known as a jump link, creates a hyperlink that directs users to a specific section on a webpage. When clicked, the browser scrolls down to the designated area marked by the anchor link.

How to Activate The Anchor Link Block

The Anchor Link block is a premium feature, that’s why you must activate your pro license to use this feature. This block offers functionalities specifically useful for advanced accordions.

Key functionalities:

• Show Anchor Link Button: This is likely a toggle switch that allows you to enable or disable the visibility of the anchor link itself. When enabled, an anchor link icon or text (depending on the block’s design) will be displayed next to the accordion title.

• ANCHOR ICON POSITION: This option lets you define the placement of the anchor link icon relative to the accordion title. Common positions include “Left” or “Right”.

Using Anchor Links with Advanced Accordions

By incorporating Anchor Links with your advanced accordions, you can achieve the following:

• Improved Navigation: Users can directly jump to specific accordion sections through links placed strategically within your content.
• Enhanced Accessibility: Anchor links provide an alternative navigation method for users who prefer keyboard navigation or screen readers.

Here’s a possible workflow:

1. Add an advanced accordion block to your Gutenberg editor.
2. Create your accordion content with titles and descriptions.
3. Insert an Anchor Link block wherever you want to link to a specific accordion section.
4. Within the Anchor Link block settings:
   • Enable the “Show Anchor Link” button if needed.
   • Use the “ANCHOR ICON POSITION” option to set the icon’s placement.
5. (Optional) Customize the anchor link text (if available) to provide a clear description of the linked accordion section.

By following these steps, you can effectively utilize anchor links to enhance the navigation and user experience of your advanced accordions within the Gutenberg block editor. With customizable options like anchor icon positioning and link visibility, this feature enhances both usability and accessibility for your website visitors. By incorporating anchor links, you can streamline content navigation and provide an enriched user experience. For more insights on setting up and utilizing these features, visit our Content Elements.