Anchor link

Anchor links

What

An anchor link is a web link that allows users to jump to a specific point on a web page. It saves them the need to scroll and skim read – and makes navigation easier. Anchor links are handy within a single long page as a Table of Contents, or when for example customer service needs to provide the customer with a link to a specific point on a website, e.g. particular answer in a FAQ list.

Where

An anchor can be added to any page in the WYSIWYG rich text editor.

Do

Use anchors to help visitors access certain content at a specific point on a web page.

Try to use descriptive anchor name but keep it as short as possible, and connect words with a dash, e.g. "anchor-link".

Don't

Don't overdo it and stuff pages with anchors, but use anchor links sparingly and purposefully. Also, keep in mind that anchor links to a different page are bound to break if the target page URL changes since anchor link URLs are not automatically redirected.

To add the icon in the CMS

  1. Edit the page where you want to add an anchor, which will be a target for the link.
  2. In the WYSIWYG rich text editor place the cursor in the specific point in the content where you want to add an anchor.
  3. Click on the "flag" icon in the toolbar to trigger an Anchor Properties modal window. This is where you name the anchor.
     
     
  4. Click "OK" and your anchor is created.

If you are linking to an anchor on the same page, then you can create a link by selecting the link text and clicking on the "link" icon in the toolbar. The link is the anchor name plus a # prefix, so e.g. #chapter1.

If you are linking to an anchor from a different page, or you are sharing a link, then you can form the anchor link by adding #anchor-name in the end of the page URL where the anchor is located, e.g. https://www.fortum.com/privacy-notice-customers#chapter1.

Support

In case you can't find answers from this guide, you can contact Indiana support.

ACB

Indiana Application Change Board
icat [at] fortum [dot] com

Revisions