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."
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:
- Within the same Content element
- Between two separate Content elements on the same page
- Between elements on separate pages
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
-
Create the anchor using the above method.
-
Select the destination anchor from the dropdown on the Anchor tab within the Link Properties window.
If the anchor and anchor link are in different Content elements on the same page
- Create the anchor using the above method.
- 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).
- Uncheck "Open link in a new tab."
If the anchor and anchor link are on separate pages
- Create the anchor using the above method.
- 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).
Comments
Yes! Thank you. I was linking them the way I am used to, using the steps at the top of the link.
I appreciate you!
Please Sign in to leave a comment if you don't see the comment box below.