How to Create Index Page Anchor Links in Squarespace 7.0

How to Create Index Page Anchor Links in Squarespace 7.0

By Michael Chen

February 13, 2025 at 03:08 AM

Anchor links in version 7.0 allow you to create direct links to specific sections on stacked index pages without custom code. Here's how to implement them effectively.

Supported Template Families

  • Bedford
  • Brine (Note: Ajax loading may affect anchor link behavior)
  • Pacific (requires "-section" suffix)

Creating Anchor Links: Step-by-Step Guide

  1. Find the Section Slug:
  • Open Page Settings for the target section
  • Copy the URL slug from the settings panel

Highlighted URL field

Highlighted URL field

  1. Create the Link:
  • Add your link element (text, button, or image)
  • Click the link icon in the toolbar
  1. Configure the Link:
  • Add "#" before the copied slug
  • Disable "Open link in new tab"
  • For Pacific, Charlotte, Horizon, and Naomi templates: Add "-section" at the end
  • Example: #schedule-and-location-section
  1. Add Index Slug (if linking from outside the index):
  • Copy the index page slug
  • Format: /index-slug/#section-slug/
  • Required for navigation links and cross-page references

Implementation Examples

Multiple Link Types (Brine Template):

Three jars of pickled vegetables

Three jars of pickled vegetables

Navigation Links (Bedford Template):

Food photography page

Food photography page

Grid Index Pages

Supported templates:

  • Avenue
  • Flatiron
  • Montauk

Example (Avenue Template):

A person hugging a dog

A person hugging a dog

Troubleshooting Tips

  • Verify correct index and section slugs
  • Check for proper forward slash placement
  • For Brine templates: Try disabling Ajax if experiencing issues
  • Update links if page slugs change
  • Ensure proper formatting for template-specific requirements

Related Articles

Previous Articles