How to add Anchor tags to jump to specific Location on a page

By Michael Christian on 26 October 2017
0 Likes

What is anchor tag?

Anchor tag is essentially a tag that you can attach to a word or a phrase (exactly like you would a normal internal or external link), except it brings readers down to a different section of the same page as opposed to another webpage. You're essentially creating a unique URL within the same page.

Example Anchor tag in action:

  1. Placing an anchor
  2. Adding hyperlink to an anchor

You can use this where you see rich text editor in Knowledge Base, Pages or Publish.

 

 

1. Placing an anchor

First, you will need to place the anchor. In the Rich Text editor, place the cursor in the post where you wish to drop the anchor, open the Insert menu, and click Anchor. You will prompted to name the anchor.

Please name any anchor with prefix 'anchor' this is to ensure that the location of the anchor won't be covered by the header.

 

2. Adding hyperlink to anchor

Next, you will place your cursor where you want the reader to be able to jump and click Insert Link to create your link. Any anchors you have created in the post will be available to select from link type "Link to anchor in the text". Select by
Anchor Name and by Element ID 

Selecting both is recommended for greater internet browser compatibility.

You can link to the same anchor in multiple locations throughout the post or page.

 

back to top