Use anchor links on a page

An anchor allows you to link to a specific section of a page. An anchor has two parts: the anchor itself and the anchor link.

  • Anchor: the destination
  • Anchor link: the button/link that takes the user to the destination

Creating an anchor

Anchors are created within the editor. Highlight the text you would like to use as the "anchor." Then, within the Link menu, select "Add Anchor."

add anchor button within link menu

Tip: Just like a URL slug, the anchor name should not have any spaces. Use anchorName or anchor_name, rather than "anchor name." Also, anchors are case sensitive.

Creating an anchor link

Once you have an anchor, you can create the corresponding anchor link. The method will vary depending on whether the anchor and the anchor link are:

To link to an accordion or tab panel using a direct link, follow the instructions in Customize an Accordion or Tabs element.

If the anchor and anchor link are in the same content element on the same page

  1. Create the anchor using the above method.

  2. Select the destination anchor from the dropdown on the Anchor tab within the Link Properties window.

anchor dropdown within anchor tab

If the anchor and anchor link are in different Content elements on the same page

  1. Create the anchor using the above method.
  2. On the URL tab within the Link Properties window, use the full page URL with a hashtag (#) followed by the destination anchor's name (www.yourdomain.com/pagename#anchorname).
  3. Uncheck "Open link in a new tab."

anchor link where anchor is in a different element

If the anchor and anchor link are on separate pages

  1. Create the anchor using the above method.
  2. On the URL tab within the Link Properties window, use the full page URL with a hashtag (#) followed by the destination anchor's name (www.yourdomain.com/pagename#anchorname).

Note: If you are in deployment, do not include your domain URL on the link (/pagename#anchorname).

Was this article helpful?
2 out of 4 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.