Edit Links

Managing links on your website is very important. Links indicate if you will be going to another page on your website or leaving the site. So we all need to be consistent in how those links are portrayed.


How to Add Links

There are three types of links: internal (pages within your website), external (pages outside of your website) and anchor (links within the same page. Each has a different best practice that should be followed.

For internal links, you should use the URL path (ex: /edit-links) to maintain accessibility even if the page is moved reorganized in the menu. The URL path refers directly to the page it belongs to.

  1. Navigate to the page you want to link to.
  2. Copy the portion of the URL path that comes AFTER the .io or .edu portion, including the /.
    • Example: /edit-links
      Edit Links Example
  3. Create a page or edit an existing one.
  4. Navigate to or create a page element with the Editor Toolbar. Highlight the actionable text you want to be the link.
  5. Click on the link icon.
  6. Paste the portion of the link you copied into the link box, Save.
  7. Apply Styles as desired.
  8. Save.

External links require the full URL to function properly because they exist outside of your website's domain.

  1. Navigate to the page you want to link to.
  2. Copy the entire URL, including the https:// portion.
    1. Example: https://www.arizona.edu/
  3. Create a page or edit an existing one.
  4. Navigate to or create a page element with the Editor Toolbar. Highlight the actionable text you want to be the link.
  5. Click on the link icon.
  6. Paste the copied URL into the link box, Save.
  7. Apply Styles as desired.
  8. Save.

If you want to link to content on the same page (for example you have a table of contents that links down to different headings), you need to use an Anchor Link.

Add Anchor ID

  1. Navigate to the page you want to add the anchor link on and edit it. 
  2. Edit the page element that contains the content you want the anchor link to jump to.
  3. Click on the Source view button in the content editor toolbar.
  4. Locate the content you want to jump to when your link is clicked. 
  5. Add an id inside the content's html element tag.
    Example: <h3 id="jumpHere">Using Anchor Tags is Easy!</h3>
  6. If your link is in the same page element click the Source view button again to return to regular text editing, otherwise find that page element and edit it.

Add Anchor Link

  1. Highlight the text you want to make into a hyperlink. 
  2. Click the link icon.
  3. In this field add the name of your id, preceded by a #.
    Example: #jumpHere would link to our Heading 3 in the previous example. 
  4. Save.