Skip to main content

Anchor Links

Available on
Faculty Sites
Sites+

With anchor links, it's possible to link to a specific section on a web page. Creating anchors is done in two parts: setting the anchor, then making a link to the anchor.

Anchor links should be used judiciously. They are most effective for when lots of content must be on the same page. When considering using anchor links, consider if it would work better to split the content over multiple pages. 

Create the anchor

Headings are often the best place to set the anchor. Type out the heading and highlight the text. Then click the flag button in the toolbar.

alt="Screenshot of highlighting text and clicking the flag icon"

Screenshot of the anchor pop-up

The anchor name should be:

  • Short
  • All lowercase
  • One word (use dashes or underlines if multiple words are needed)
  • Unique per page
  • Relevant to the section

Good example: current-students

Bad example: Documents and Guides for Current Students

An anchor will be delineated with a dotted outline and flag image. This only shows up in the editor, not the published page.

Edit an anchor by clicking in the anchor text and clicking the flag button in the toolbar. To remove an anchor, delete the text and re-enter it.

Anchors will have a flag icon next to them

Link to the anchor

Create a link as you normally would by typing the link text, highlighting the text, then clicking the link button in the toolbar.

Screenshot of highlighting link text and clicking the link icon

In the link pop-up, change the Link Type to "Link to anchor in the text".

Screenshot of the link pop-up with Link Type changed to Anchor

Then find the anchor in the list of anchor names.

Anchors will appear in the anchor name list.

Back to top

There is already an anchor at the top of all pages with the anchor name top. To make a back to top link, create a link as usual and enter #top in the URL field.

Linking directly to anchors with an external link

If you want to link to an anchor on a page from another website or email, add the anchor name to the end of the page url

https://mysite.iastate.edu/my-page#section-1

When a user clicks the link, they'll land directly on that section.