How to Add Anchor Links to Squarespace (NEW UPDATE)
Anchor links are a simple but powerful way to guide visitors to specific sections of a page, perfect for one-page websites, service overviews, or quick navigation to important content.
In older versions of Squarespace, adding anchor links involved awkward code blocks and tricky margin adjustments. But now, thanks to Squarespace’s section names (anchor link feature), you can create smooth-scrolling anchor links without writing a single line of code.
Here’s how to do it in just a couple of minutes.
What Is an Anchor Link in Squarespace?
An anchor link is a link that jumps (or smoothly scrolls) to a specific section of a page instead of loading a new page.
For example:
A “Learn More” button on your homepage could scroll down to your About section.
A “See Our Menu” link could jump to the menu section on the same page.
A “Contact Us” link could scroll directly to your contact form.
Want a framework for designing the perfect homepage?
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
Step-by-Step: Adding Anchor Links in Squarespace
1. Open Your Page in the Editor
In your Squarespace dashboard, go to Pages.
Select the page you want to add the anchor link to (e.g. your homepage).
Click Edit to open the page editor.
2. Name the Section You Want to Link To
Hover over the section you want to link to and click Edit Section.
Scroll down to the Design tab.
In the Anchor Link field, enter a simple name (e.g. flowers).
Click outside the field to save the name.
3. Link a Button or Text to the Anchor
Find the button or text link you want to turn into an anchor link.
Edit the link and type:
SAM ADD HERE
Save your changes.
4. Test Your Anchor Link
Exit the editor and click the link you just created. Squarespace will smoothly scroll down to your chosen section, no awkward jumps, no extra code.
Why This Is Better Than the Old Method
Previously, creating anchor links in Squarespace involved:
Adding a code block with an HTML ID
Manually linking to that ID
Dealing with odd margin offsets
Now, Squarespace’s built-in section names make it:
Faster
Cleaner
Completely code-free
Quick Tips for Anchor Links
Use simple, lowercase names for anchors (no spaces).
You can add multiple anchor links to the same section if needed.
This works great for single-page websites or long sales pages.
Final Thoughts
Adding anchor links in Squarespace is now quick, easy, and accessible to anyone, no coding skills required. Whether you’re creating a sleek single-page site or just want to improve navigation, this built-in feature is a game-changer.
