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
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
Navigate to the page you wish to add anchor links to
Ensure that the Live Edit state is toggled to ON:
In the Live Edit pane, click the Widgets tab:
Drag and drop an Editor widget to your page:
Create your content in the front-end (default) view of the Editor widget:
Click the Code View button on the Editor widget toolbar:
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.
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 .
Click on the Code View button again to return to the front-end (default) view:
Review the results by checking that the linked text appears as a link. The anchored section from Step 7 should appear as plain text:
Click the Done Editing button to exit the Editor widget:
Click the Save button on the Live Edit bar:
Click the Actions button:
Click the Preview Current Page option to view your page in Preview Mode:
Click on the Anchor link from Step 9 and ensure that it correctly directs to the anchored section:
