How to Create Anchor Links: A Complete Guide for Section Navigation

How to Create Anchor Links: A Complete Guide for Section Navigation

By Michael Chen

January 10, 2025 at 06:38 AM

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

  1. 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
  1. 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
  1. 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.

Related Articles

Previous Articles