Adding buttons and anchor text is a great way to help your members and website visitors find what they're looking for on pages with a lot of content.
What is Anchor Text?
Anchor Text is the visible characters and words that hyperlink to another document or location on your website.
In the screenshot below, the highlighted row of buttons are individually linked to corresponding sections of content on that webpage.
Notice that if you are logged-in as an admin, you will be able to see text that has been "anchored" as denoted by the anchor symbol (see image below).
How to Add Anchor Text
Step 1: Create the Anchor
Step 2: Create the Text that will Link to the Anchor Text
Step 3 (optional): To make the anchored text a button, follow the steps in the video above and then add the formatting for a button (see image below).
Linking to an Anchor on a Different Page
When following the steps above, if the anchor and the link will be on separate webpages, the setup of the link will be slightly different.
URL for Same Page
In the video example above for Step 2, the link text is added and the URL is:
URL for Different Page
Using the same anchor text (#Testing), let's say you want to add the anchor on the About Us page (/about-us) and the link will be on the Member Benefits page (/member-benefits). In this case the URL on the Member Benefits page will be:
Tip: When adding links to pages on your website (versus a completely separate site), you only have to put the part of the URL that comes after your domain (starting with the slash).
Why is the link not jumping to the correct position?
Your experience as a logged-in admin user with the anchor tags will differ from your non-admin users since you are seeing the site in "edit" mode. You may experience a jump that appears off if you are logged in as an admin. We recommend logging out and viewing the page with the anchor tags to preview how the page will truly appear to your users. You could also view in an incognito window.