Add Anchor Links to a Page

Users may add HTML anchor links to a page to help assist readers with navigation. Anchor links are shortcuts that lead from one section of a page to another section on the same page.

Who can use this feature?

System Administrators | Owners | Publishers | Authors

Instructions

1. Log in to your website solution

   Note: Website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen for administrative login

2. Navigate to the page you wish to add anchor links to

3. Ensure that the Live Edit state is toggled to ON:

4. In the Live Edit pane, click the Widgets tab:

5. Drag and drop an Editor widget to your page:

6. Create your content in the front-end (default) view of the Editor widget:

7. Click the Code View button on the Editor widget toolbar:

8. Navigate to the desired section and add the HTML attribute next to the words you want to link to:

   Note: Replace the word name with a specific term/name for each intended anchor link. Leave the quotation marks as part of the code. Using a element inside a table can cause issues. This is because tags are a block-level element, which adds margins before and after itself. We recommend using or within a table.

9. Locate the text that you intend to link to the anchor you just created and add the HTML code [text]:

   Note: Replace the name with the specific term/name used in step 7, and leave the quotation marks and pound sign/hashtag.

   Note: Make sure that after the link text, you close the HTML link with a .

10. Click on the Code View button again to return to the front-end (default) view:

11. Review the results by checking that the linked text appears as a link. The anchored section from Step 7 should appear as plain text:

12. Click the Done Editing button to exit the Editor widget:

13. Click the Save button on the Live Edit bar:

14. Click the Actions button:

15. Click the Preview Current Page option to view your page in Preview Mode:

16. Click on the Anchor link from Step 9 and ensure that it correctly directs to the anchored section: