Create Anchor Links in Squarespace 7.0
TL;DR:
- Works perfectly for stacked index pages in Squarespace 7.0
- No custom code needed – built right into the platform
- Supported in templates like Bedford, Brine, and Pacific
- Basic process: find the slug, create the link, add hashtag prefix
- Some templates need tweaks (Pacific needs "-section" added)
Anchor links help visitors jump straight to specific sections of your webpage. This is particularly useful for long pages or stacked index layouts in Squarespace 7.0.
How to Set Up Anchor Links on Index Pages
Find the Slug
In the Pages panel, hover over the section you want to link to and open the settings. Copy the URL slug from these settings – you'll need this for the next step.
Create the Anchor Link
In a text block or any linkable area, highlight your chosen text. Click the link icon and insert the slug with a hashtag prefix (like #your-slug).
Template-Specific Adjustments
For Pacific template users, add "-section" at the end of your anchor link (so #your-slug becomes #your-slug-section).
Linking from Different Pages
If your link isn't on the same index page, add the index page's slug before the anchor (like /index-page-slug/#your-slug).
Template-Specific Instructions
Brine users: If your anchor links aren't working properly on mobile, try disabling Ajax in your template settings.
Pacific users: Always add '-section' to the end of your anchor links for them to work properly.
FAQs
Do I need anchor links for every Squarespace site?
No, they're most useful for long single-page designs or large index pages. Short pages don't really need them.
Can I use anchor links on Squarespace 7.1?
Yes, but the setup process is different. This guide covers 7.0 specifically.
Which templates work best with anchor links?
Templates with stacked index pages like Bedford, Brine, and Pacific are built for this feature.
Jargon Buster
Anchor Links – Links that jump to a specific part of a webpage rather than loading a new page
Slug – The readable part of a URL that identifies specific pages or sections (like "about-us" or "services")
Ajax – A web technique that updates parts of a page without reloading the whole thing (can sometimes interfere with anchor links)
Wrap-up
Setting up anchor links in Squarespace 7.0 makes your site much easier to navigate. The process is straightforward, and most templates handle it well once you know the specific requirements. If something isn't working, double-check your slugs or look at template-specific settings like Ajax.
Ready to build a site that works as well as it looks? Join Pixelhaze Academy for step-by-step Squarespace training.