Create an Anchor Link

Link to a specific place on a page.

This guide demonstrates how to create an anchor link on your page using the Anchor Link item on the WYSIWYG editor. 

An anchor link is a link on a page that brings a user to a specific place on that page. These types of links can be helpful when you want to bring a user to a specific spot on a page.

Step by step

First, create the anchor link:

  1. Highlight the text that will serve as the anchor link.
    1. Refer to this Harvard Digital Accessibility Service's page for help on writing descriptive links. This is an accessibility best practice.
       
  2. Select the flag icon on the WYSIWYG editor.
    1. Note - If you do not encounter the flag icon, check that your "Text format" setting (found below the body section) is set to "Full HTML". If it is set to "Basic HTML", change the setting to "Full HTML". If you do not have the option to change the setting, email warp-web-help@hms.harvard.edu for assistance.


       
  3. The "anchor name" pop-up will appear. Enter the name of the anchor link. This is the name you will reference when creating links that will lead to this anchor link. Then, select the green check. 


     
  4. A red flag will appear next to your anchor link. Your text should now be highlighted blue, indicating that it is linked.
     

Next, create a link that will lead to the location of the anchor link.

  1. Highlight the text that will be selected to then lead to the anchor link. For example, the "Table of Contents" link will lead to the anchor link at the end of this section when selected.
     
  2. Select the link icon (chain link) on the WYSIWYG editor. 


     
  3. The link details pop-up will appear. In the Link URL section, enter # + the Anchor name you gave the anchor link (for example, #anchorlink1). Select from the dropdown.
     
  4. When finished, select the green check button.
     

Your text should now be highlighted blue, indicating that it is linked. Test the link to ensure it functions the way you intended.

Edit or remove

To edit or remove an anchor link:

  1. Highlight or tap the linked text.
     
  2. A toolbar will appear.
    1. To edit text, select the pencil icon.
    2. To remove the link, select the flag with an x icon. 


       

To edit or remove a link:

  1. Highlight the linked text.
     
  2. A toolbar will appear.
    1. To edit text, select the pencil icon.
    2. To remove the link, select the broken link icon. 

      Edit or remove a link popup.