How to Create Anchor Links: A Complete Guide for Section Navigation
Anchor links send visitors to specific sections on a webpage, making navigation easier and improving user experience. Here's how to create and use them effectively.
Creating Anchor Links
An anchor link (or "page diversion") uses a special URL to direct users to a specific location on a page. Common uses include table of contents entries and "back to top" buttons.
Compatible Sections:
- Block sections
- Automatic layouts
- Course sections
- Gallery sections
- Video sections
Setup Process
- Create the Anchor Link Slug:
- Navigate to Edit > Section > Edit Section
- Add your slug in the Anchor Link field (includes automatic hashtag)
- Copy the generated URL using the Copy Link icon
- Create the Link:
- Add a text block where you want the link
- Highlight desired text
- Click the link icon
- Paste the copied URL
- Optionally enable "Open link in new tab"
- Press Enter to confirm
- Save and publish your changes
Special Link Types
Top of Page Link:
- Add anchor slug to first section (suggested: "top")
- Create "Back to top" link in footer
- Disable "Open in new tab"
Bottom of Page Link:
- Add anchor slug to last section (suggested: "bottom")
- Create link anywhere with descriptive text
- Disable "Open in new tab"
Workaround for Incompatible Sections:
- Add empty section above target
- Create anchor link to empty section
- Disable "Fill screen" option
- Save changes
Best Practices and Limitations
- Use unique slugs per page
- Spaces automatically convert to hyphens
- Slugs appear in URL bar
- Update links when changing domains
- Keep slugs professional and meaningful
- Ensure all links remain current
Version 7.0 Alternatives:
- Use code blocks for manual anchor links
- Utilize template-provided index page anchors
Remember to maintain all anchor links when updating your site structure or domain name to ensure continued functionality.