Anchors create invisible placeholders on web pages that allow you to link website visitors directly to specific content on that webpage.

How to Add an Anchor

  1. Open the webpage you wish to add the anchor to in the OU Campus editor
  2. Place your cursor in the content you want the anchor to direct visitors to.
    1. Pro tip - place the anchor a line or two above where you want visitors to land if the global website header covers the beginning of your linked content. This can happen in certain instances depending on how your content is arranged.
  3. Click the Anchor icon on your editor toolbar
  4. Enter a name for your anchor - don't user spaces or add an "#" before the name
    1. Pro tip - if you want a space between words in an anchor for readability, use a "-" or an "_" (example: example_anchor)
  5. Click Save
  6. Publish the webpage

How to Link to an Anchor

  1. Open the page you wish to link to the anchor you just created. This can be the same page or another page in your site.
  2. Open the editor view for that page
  3. Highlight the text you want to turn into a link
  4. Click Insert/Edit Link on your toolbar
    1. Link to an anchor on the same page:
      1. If anchors exist on the page, the "Anchors" dropdown will be available. Select the anchor you created from the Anchors dropdown menu.
      2. Click Insert
    2. If you want to link to an anchor on another page
      1. choose the page from the Browse menu in the URL bar
      2. add #anchor_name to the end of the URL
      3. Click Insert
  5. In the Title field, enter a title for the anchor you're linking to. This is important to meet accessibility compliance standards.
  6. Click Save
  7. Publish the page