.png?table=block&id=218105a2-9d95-8132-946e-e26a37be9202&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
anchor links
squarespace
squarespace tips
Tags Synced
Tags Synced
AI summary
Anchor links allow users to jump to specific sections of a webpage. Squarespace 7.1 simplifies setup with built-in support, while 7.0 requires manual code blocks. Ensure unique slugs, avoid spaces, and update links when changing domains or restructuring pages for optimal navigation.
Last edited by
Platform
Category
Topic
How to Create Anchor Links in Squarespace
TL;DR: Key Points
- Anchor links jump directly to specified page sections
- Easily set up in Squarespace 7.1 with built-in support
- Version 7.0 requires manual setup using code blocks
- Ensure slugs are unique per page and contain no spaces
- Remember to update links if primary domains or slugs change
What Are Anchor Links?
Anchor links (also called 'page jumps') are special URLs that take users straight to specific sections of a webpage. Instead of landing at the top and scrolling down, visitors jump directly to the content they need.
Think of them like bookmarks within a single page. They're brilliant for long pages with multiple sections, FAQ pages, or any time you want to help users skip straight to what they're looking for.
Setting Up Anchor Links in Squarespace
The process depends on which version of Squarespace you're using. Here's how to do it for both.
Squarespace 7.1: The Easy Way
- Click 'Edit' on your page and hover over the section you want to link to
- Select 'Edit Section' and look for the 'Anchor Link' option
- Type your slug in the field (use dashes instead of spaces - for example, 'about-us' not 'about us')
- Click the 'Copy Link' icon to grab the full URL
That's it. Squarespace automatically creates the link using your domain.
Squarespace 7.0: The Manual Route
- Add a code block to the section where you want the anchor point
- Insert the HTML code manually to create your anchor
- If you're using a template with index page functionality, you might be able to use the template's built-in anchor features instead
The code block method works, but it's more fiddly than the 7.1 approach.
Working Around Unsupported Sections
Some sections in Squarespace don't support anchor links directly. When this happens, place your anchor in the section just above your target area. Users will land close to where they need to be, even if it's not pixel-perfect.
Tip from experience: Always test your anchor links after setting them up. Click through each one to make sure they land where you expect them to.
Common Issues and How to Avoid Them
Keep slugs unique - Don't use the same slug twice on a single page. Each anchor needs its own identifier.
No spaces allowed - Use dashes instead of spaces in your slugs. 'contact-form' works, 'contact form' doesn't.
Update links when you change domains - If you switch from a built-in Squarespace domain to a custom domain, your anchor links will break unless you update them.
Check links when restructuring pages - Moving sections around or changing slug names means updating any links that point to them.
Quick Answers
Can I use anchor links in Squarespace 7.0? Not directly through the interface, but you can use code blocks or work with template-specific features if available.
What if a section doesn't support anchor links? Create your anchor in the section just above it. Users will land close enough to find what they need.
What should I watch out for? Make sure each slug is unique, avoid spaces in slug names, and keep links updated when you change domains or page structure.
Key Terms
Anchor Link - A URL that jumps to a specific spot on a webpage
Slug - The bit you add to create the anchor (like 'contact-us' in yoursite.com/page#contact-us)
Code Blocks - Areas in Squarespace where you can add custom HTML
Index Page Anchor Links - Built-in anchor functionality in some Squarespace templates
Final Thoughts
Anchor links make your website much easier to navigate, especially for longer pages. Squarespace 7.1 makes this simple with built-in support, while 7.0 users need to work a bit harder with code blocks.
The key is keeping your anchor links maintained. When you change domains, restructure pages, or rename sections, remember to check and update your links. Nothing frustrates visitors more than clicking a link that doesn't work.
Set them up once, test them thoroughly, and keep them updated. Your visitors will thank you for making their experience smoother.