How to create anchor links in Squarespace

Ever find yourself wishing you could transport your website visitors directly to a specific section of your page with just one click? Today I'm going to show you how to create anchor links in Squarespace - those magical little shortcuts that let you zip around your website like a pro!

Think of an anchor link as a digital bookmark on your webpage - it's a special type of link that instantly jumps visitors to a specific section of your page when clicked. For example, when someone clicks "About Us" in your navigation menu, an anchor link can take them straight to your About section instead of loading a whole new page. Super handy, right? 🎯

Whether you're building a long-scrolling homepage or want to create a smooth navigation experience, this quick tutorial will help you level up your website game.

Ready to dive in? I’ve outlined the steps below, and created a video for you if you’d like to see me create an anchor link in Squarespace step by step. This video features Squarespace 7.1, but rest assured that it’s the same process for older sites, too.

Step One: Create Your Anchor

Add a code block to the spot of your site that you want to be at the top of the browser when someone clicks on your anchor link.

<div id=”anchor”></div>
 

Step Two: Link To Your Anchor

You can use the entire page URL, or just the anchor itself if your button is on the same page the anchor is on.

When you link to your anchor from the same page, you can just use the anchor name like this: #anchor

When you want to link to that spot on that page from a different page on your site OR from your site menu, you need to include your whole URL like this: yoursite.com/page#anchor

 
insidethesquare


Grab my collection of custom codes for Squarespace: 
→ insidethesquare.co/css

https://insidethesquare.co
Previous
Previous

How to create a custom mobile layout in Squarespace

Next
Next

How to customize your blog post pagination links in Squarespace 7.1