More topics

Add anchors

Last updated on January 9, 2024

Anchor tags are used to create hyperlinks on webpages. They appear as a red flag icon in the text editor, allowing you to create a link to a specific page section.

On this page

Overview

 The following options are available for incorporating in-page links (also known as jump links) and anchors:

UX guidelines

Review UX guidelines for page anchors (PDF, 186KB)

Case-sensitive anchor names

Anchor names are case-sensitive and cannot have spaces in the name

  • If more than one word is required, use a hyphen to join the words. Example: anchor-name
  • When creating the hyperlink to the anchor, make sure to type it exactly as you did when creating the anchor 

Create an anchor on the same page

Create the anchor

 To create an anchor to content on the same page:

  1. Navigate to the location on the page that you wish to jump to
     
  2. Select the Anchor anchor flag icon icon on the toolbar
     
  3. The Anchor Properties box will be displayed
     
  4. Enter an applicable link name (see sidebar note)
     
  5. Click [OK] to complete the action
    The Anchor Properties box will be closed and the anchor 'flag' will be inserted

Anchor Properties box

Link to the anchor

Then, link to the anchor:

  1. Select the text or image that will be used to jump to the specified location
     
  2. Click on the Link icon in the toolbar 
    The Link box will be displayed link
     
  3. Leave the Protocol default set to <other> and click in the URL field
     
  4. Enter the name of the newly created link, preceded by the #sign
    Example:  #anchor-name
     
  5. Leave the Target set to Same Window as per the Web Standard for Hyperlinks
     
  6. Click [OK] to complete the action
    The Link box will be closed and the link will be displayed

Link box

Create an anchor to content on another page

Create the anchor on the other page

 To create an anchor to content on another page:

  1. Edit the page that you wish to link to from the anchor
     
  2. Navigate to the location on the page that you wish to jump to
     
  3. Select the Anchor Anchor icon icon icon on the toolbar
    The Anchor Properties box will be displayed
     
  4. Enter an applicable link name
     
  5. Click [OK] to complete the action
    The Anchor Properties box will be closed and the anchor 'flag' will be inserted
     
  6. Click [Save]

Anchor Properties box

Link to the anchor

Then, link to the anchor that you created:

  1. Navigate to and edit the page that you wish to jump from
     
  2. Select the text or image that will be used to jump to the specified location
     
  3. Click on the Link link icon in the toolbar
    The Link box will be displayed
     
  4. Leave the Protocol default set to <other> and select the [Page Picker] action button
    The Page Picker will be displayed
     
  5. Search or Navigate to the applicable page and click [Select] to complete the action
    The picker will be closed and the Link box will be re-displayed
     
  6. Click in the URL field
     
  7. Using the keyboard arrow key or End key, scroll to the end of the URL and append with the # sign
     
  8. Enter the name of the newly created link, preceded by the # sign
    Example:  /govNew/topic.page?id=760E...415D&title=Links#anchor-name
     
  9. Leave the Target set to Same Window as per the Web Standard for Hyperlinks
     
  10. Click [OK] to complete the action
    The Link box will be closed and the link will be displayed

Link box

Page Picker