.png?table=block&id=219105a2-9d95-81f9-9957-d78640ca980c&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
anchor links
squarespace 7.0
squarespace
Tags Synced
Tags Synced
AI summary
Learn to add anchor links in Squarespace 7.0 for smooth navigation by finding the URL slug, creating the link, and making template-specific adjustments. Ensure compatibility with Bedford, Brine, and Pacific templates, and troubleshoot common issues like slugs and Ajax settings for mobile devices.
Last edited by
Platform
Category
Topic
How to Add Anchor Links in Squarespace 7.0
Learn to implement anchor links for smooth navigation in Squarespace.
Quick Summary
- Anchor links take users directly to specific sections on a page
- Only work with Bedford, Brine, and Pacific templates in Squarespace 7.0
- Basic process: find the slug, create the link, add required symbols
- Common fixes: check slugs and disable Ajax if needed
Why Anchor Links Matter
Anchor links let users jump straight to the content they want without scrolling through everything else. They're brilliant for long index pages with multiple sections - users click a link and land exactly where they need to be.
Quick tip: Use anchor links on comprehensive pages where users would benefit from skipping to specific sections.
How to Add Anchor Links
Find Your Slug
Go to your page settings and find the URL slug for the section you want to link to. Copy this - you'll need it for your anchor link.
Create the Link
- Highlight the text you want to turn into an anchor link
- Click the link tool in your text editor
- Paste in your copied slug
- Make sure it won't open in a new tab
Template-Specific Adjustments
If you're using Pacific, Charlotte, Horizon, or Naomi templates, add "-section" to the end of your link. This tells Squarespace it's linking to an index section rather than a separate page.
Links from Other Pages
If your anchor link sits on a different page or in your main navigation, include both the index page slug and the section slug. This creates the full path users need to land in the right spot from anywhere on your site.
Quick tip: Test your links on mobile devices - different settings can affect how they work.
Fixing Common Problems
If your anchor links aren't working:
- Check you've used the right format for your template (especially that "-section" bit)
- For cross-page links, make sure you've included both the index page slug and section slug
- On mobile with Brine templates, try disabling Ajax to improve link behaviour
Common Questions
Do all Squarespace templates support anchor links?
No - only Bedford, Brine, and Pacific templates work properly with index page anchor links.
Can I add anchor links to layout pages in version 7.0?
Yes, but it requires a manual process that's more involved than the standard method.
My anchor links aren't working - what should I check?
Start with your slugs and make sure you've added "-section" where needed. For mobile issues with Brine templates, disable Ajax.
Quick Reference
- Anchor Links: Links that jump to specific sections on the same page
- Index Page: A page that stacks multiple sections together
- Template: Your site's design framework in Squarespace
- Slug: The unique part of a URL that identifies each page or section
- Ajax: A technique that updates parts of pages without full refreshes
Wrapping Up
Adding anchor links in Squarespace 7.0 is straightforward once you know the steps. They make your site much easier to navigate, especially for visitors looking for specific information. If something goes wrong, double-check your slugs and template requirements - that fixes most issues.
Remember, this only works with specific 7.0 templates, so check yours first before spending time setting everything up.