By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

Skip to Content

Creating and Using Anchors

Adding an anchor creates a marker on a page that can be linked to, either from other pages or on the same page. This is particularly handy if you want to direct visitors to a specific piece of content on a page. 

Adding AnchorsLink to this section

To add an anchor to a page:

  1. In OU Campus, navigate to Content Pages.
  2. In the file structure, locate the page you want to add the anchor to.
  3. Either hover over the page and click Edit Page
    Click on the page filename.
  4. Open the editable region where you want to insert the anchor.
  5. Place your cursor in the content where you want the anchor to be. Alternatively, select an image on the page, or highlight text.
  6. In the WYSIWYG toolbar, click the Anchor button (A yellow anchor icon or A black anchor icon on a gray background).
  7. Enter a name for your anchor. Do not use spaces, and you don't need to add the # character before the name.
  8. Click OK. Your anchor has now been created, and you should see an anchor icon in the text (this will not appear on the live page).
  9. Save and publish the page.

Linking to AnchorsLink to this section

  1. Following steps 1-4 from the previous section, open the page where you want to add the link to the anchor. This can either be the same page where the anchor was inserted, or a different page.
  2. Highlight the text you want to turn into a link.
  3. In the WYSIWYG toolbar, click the Insert/Edit Link button (An icon of chain linksor An icon of chain links).
  4. If any anchors exist on this page, the "Anchors" dropdown will be available. Select the anchor you want to link to if you want to link to an anchor on this page.
  5. If you want to link to an anchor on another page, use the file finder for the "URL" field to choose the page to link to. Then, after the dependency tag or URL, type in a # and the anchor name (e.g. f:45354}}#anchorname).
  6. Configure any other link options and click OK. The link has now been added to to the page.
  7. Save and publish the page.

By default, clicking on anchored text will align to the top of the browser window. Websites designed with sticky headers may need additional CSS or JavaScript to offset the anchored text location below the header.