The Easiest Way to Add Anchor Links in Squarespace(2025 Update)
If you’ve ever wanted to create anchor links (also called jump links) to quickly navigate within a page, you’ll be happy to know that Squarespace has made it easier than ever in 2025!
In the past, adding anchor links required custom code using Code Blocks. But now, Squarespace has a built-in anchor link feature right in the Section Settings—no coding required!
In this tutorial, I’ll walk you through how to set up anchor links step by step and show you how to make them work smoothly across different pages.
Watch the video
Check out the YouTube video below. 👇🏼
What Are Anchor Links & Why Use Them?
Anchor links allow users to skip to a specific section of a page without scrolling manually. These are useful for:
Long pages with multiple sections, such as FAQ pages or service pages.
Jumping to key information like contact forms or pricing tables.
Improving user experience by reducing unnecessary scrolling.
With the latest Squarespace update, adding anchor links is now a built-in feature, eliminating the need for custom code.
Step 1: Create an Anchor Link in a Section
Open your Squarespace website and enter Edit Mode.
Locate the section you want to link to, such as a contact form or pricing section.
Click Edit Section to open the design settings.
Scroll down to the Anchor Link field and enter a short, descriptive name beside the #. For example, use #contact for a contact form or #pricing for a pricing table.
Click Save to apply the changes.
The anchor link is now set, and you can link to it from buttons, menus, or other areas of your site.
Step 2: Link a Button to the Anchor
Now that the section has an anchor link, you can connect a button to it.
Find the button you want to use and click the button and then the pencil icon.
Under Link, type the anchor name with a hashtag before it. For example:
#contact
3. Click Save.
Now, when visitors click the button, they will be taken directly to the designated section of the page.
Step 3: Link to an Anchor from Another Page
If you want to create a link that jumps to an anchor on a different page, follow these steps:
Find the button or text you want to link from and click button and then the pencil icon.
Enter the page’s URL slug followed by the anchor name. The format should be:
/donate/#contact
Click Save to apply the changes.
Now, clicking that button or link from any page will take users directly to the anchored section on the target page.
Step 4: Add Smooth Scrolling for a Better Experience
By default, clicking an anchor link jumps directly to the section. However, you can make the transition smoother by adding a small amount of CSS.
How to Enable Smooth Scrolling in Squarespace
Open the Custom CSS Editor in Website Tools.
Paste the following CSS code:
html {
scroll-behavior: smooth;
}
Click Save.
This will create a smooth scrolling effect whenever users click an anchor link, making navigation feel more natural.
Final Thoughts
Anchor links are a simple but effective way to improve navigation on your Squarespace website. With the new built-in anchor link feature, setting them up is now easier than ever.
By following these steps, you can create a seamless user experience, allowing visitors to jump to important sections quickly. Whether you are adding anchor links for a long FAQ page, a pricing section, or a contact form, this feature will make navigation more intuitive for your audience.
If you need professional help designing or optimizing your Squarespace website, feel free to reach out.
📨 Join my mailing list to get Squarespace tips & tricks right in your inbox
Your Designer
I'm Bryan, a Squarespace web designer and founder of Abound Web Design. I have worked with all types of businesses and organizations from preschools to publishing companies to chiropractic clinics and everything in between. If you want to discuss a potential project, you can email me at bryan@aboundwebdesign or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.
