Page jumping, also sometimes referred to as anchor links, is where you click a link and instantly get moved somewhere further up or down a long page. To enable this, you put a HTML Anchor as Heading attribute in your page, and create a link that jumps to the anchor. You can jump to another page’s anchor.
Put a HTML Anchor
- Use the Plus Icon to add a new block.
- Select Heading as the block type, or start typing
/headingas a shortcut to the heading block.
- Enter your heading text. You may leave blank in heading text if you do not want to display any text.
- On the right side under Block Settings, click on Advanced.
- Type a word that will become your link into the HTML Anchor field.
HTML Anchor Syntax
- HTML Anchor must be unique within a document.
- HTML Anchor is case-sensitive.
- HTML Anchor can include following symbols: hyphen(-), underscore(_), colon(:), period(.). It cannot include space.
- HTML Anchor must start in the alphabet.
Link to your HTML Anchor
- Type some text, or add an image or button that will become what you want your visitors to click on to go to another section.
- Highlight the text, image or button, and select the link option from the block’s toolbar.
- Type in the HTML Anchor you created, starting with the pound (#) symbol. For example, if you created an Anchor named important-notice you would link to #important-notice.
Notice: The jump links will not work when you Preview your site. But you can test them once you Publish the site page.
Jumping to an anchor on another page
If you want to jump to another page’s anchor, then specify URL with HTML Anchor. For example,
- Created 2019-06-15