Jump links can be used to quickly link to specific parts of a page. When a jump link is clicked, the visitor is brought to that area of the page instead of remaining at the top.
When you have long pages of content, you may need a way for your site visitors to browse easily and efficiently through the content. Jump links facilitate this.
How Jump Links Work
All jump links have a corresponding "anchor" on the page with a name. This anchor is located on the page where you want users to be brought to when they use that link.
The editor toolbar now refers to jump link anchors as bookmarks and uses a notched bookmark icon instead of a waving flag icon.
A web browser automatically scrolls down to that anchor (or bookmark) via the page URL with the anchor name appended with a hash. For example, if you have page /some/page with a jump link anchor named training, you can create a jump link using the following path: /some/page#training. If the link and the anchor are on the same page, you would just need #training for that link example.
Manually Adding Jump Link Anchors
Within Text
The WYSIWYG editor interface has a “Bookmark” toolbar icon to insert a jump link anchor.
Move your cursor to an area in the text editor where you want to create the anchor (bookmark), and then press the bookmark icon in the toolbar. Enter a short name for the bookmark without spaces. Hyphenate multiple words, but keep it simple. A hash symbol (#) should not be part of the bookmark name.
You can then link users to those bookmarks by prepending a hash symbol (#) to the name of the bookmark, using the standard Link dialog.
To Blocks on a Page
All blocks added to pages can also have jump link anchors associated with them. When adding or editing blocks, the bottom of the form has a field called "Jump link ID" which can be used to assign the anchor name.
The anchor will be placed on the page directly before the block title. They behave just like the anchors created in the text editor.
Automatically Creating Jump Link Menus
The Page A collection of fields that describe a specific type of content, like a news article, a person, or an event. Site admins can add additional content types by enabling optional modules. WDS can also create custom content types for a site. has a unique feature to automatically create jump link anchors and a jump link menu on the page. It can be enabled on a page by expanding the "Menu settings" group in the right sidebar on the page form and checking the box "Create jump link menu".
When activated, jump link anchors are automatically created for every Level 2 (H2) heading on the page, including those that come from block titles.
A "sticky" jump link menu (follows user as they scroll down) is also created, allowing visitors to quickly jump to the various headings on the page. This menu can either be displayed horizontally below the page header, or vertically in a sidebar. This position can be controlled in your site's theme settings. You can also override this position on a per-page basis.
This feature can be very helpful when creating a page with a lot of content and headings. The jump link menu acts as a light weight outline of the page's content with a way to quickly jump to each section.
Jump Links Menus and Sidebar Menus
WDS recommends that you refrain from using Jump Links with secondary/tertiary sidebar menus as this will create an unpleasant user experience on your website. We recommend hiding your secondary/tertiary menu on the page or simply using a horizontal secondary/tertiary menu for your sub navigation to allow users to easily click through your jump links.