SEO-Optimized Guide: How to Add Anchor Links to Squarespace 7.0 Index Pages

SEO-Optimized Guide: How to Add Anchor Links to Squarespace 7.0 Index Pages

By Michael Thompson

February 13, 2025 at 04:09 AM

Adding anchor links to stacked Index Pages in version 7.0 allows users to create internal page links without custom code. Here's how to implement them effectively:

Finding the Section Slug

  1. Hover over the desired Index section in the Pages panel
  2. Open page settings
  3. Copy the URL Slug

Creating the Anchor Link

  1. Select the text or element you want to link
  2. Click the Link icon
  3. Paste the copied slug with a hashtag (#) prefix
  4. Disable "Open link in a new tab"

Navigation title in the main menu

Navigation title in the main menu

Template-Specific Requirements

  • Bedford: Standard implementation
  • Brine: May conflict with AJAX loading
  • Pacific: Add "-section" suffix to links
  • Avenue, Flatiron, Montauk: Support grid index pages

For links from other pages or navigation:

  1. Copy the Index Page slug
  2. Add it before the anchor link between two forward slashes
  3. Format: /page-slug/#section-slug

Cucumbers and jars on a green background

Cucumbers and jars on a green background

Example Applications

  • Button blocks
  • Text links
  • Image clickthrough URLs
  • Side-by-side navigation links

Plate of food with coffee

Plate of food with coffee

Grid Index Implementation

For grid index pages, use this URL format: /index-page-slug/section-slug

Three images on a web page

Three images on a web page

Troubleshooting Tips

  1. Verify correct index page slug inclusion
  2. Check for AJAX conflicts in Brine templates
  3. Confirm current slugs match anchor link references
  4. Ensure proper formatting with forward slashes
  5. Test links on both desktop and mobile devices

Related Articles

Previous Articles