Anchor links

Anchors are used to mark the location of an element within a page. Anchors can link to both internal and external elements.

How to add/link to Anchors

  1. Place your cursor in front of where you want the anchor inserted.

  2. Select Anchor from the toolbar.

    Anchor Icon
  3. Enter an Anchor name.

    • Only use lower-case letters, numbers and dashes (-). Dashes should be used to separate words when naming anchors (e.g. sample-1). Note: Anchor names cannot begin with numbers (e.g. 1st).

      screenshot of Anchor properties name
  4. Select OK.

  5. Highlight the text you want to link to the anchor, then select Link in the toolbar. Note: Avoid highlighting punctuation marks/white space at the beginning or end of the text.

  6. Enter the anchor URL.

    • When linking to an anchor on the same page, the URL must begin with a pound/hashtag sign (#) followed by the name of the anchor (e.g. #sample-1).

    • When linking to an anchor on a different page on the same site:

      1. Copy the URL of the page being linked.

      2. Remove the "https://uwaterloo.ca ", from the beginning of the copied URL and paste the remainder.

      3. Append a pound/hashtag sign (#) to the pasted text.

      4. Append the anchor name.

  7. Select Save.

  8. Select Add block (or Update if it's a pre-existing Block).

  9. Select state from the Change to: drop-down menu.

  10. Select Save layout.