How to Add Anchor Links to Accordion Blocks in Squarespace (Footer Jump Link Tutorial)
If you’re building a Squarespace website with long-form content or location-based pages, anchor links can dramatically improve both user experience and SEO.
In this tutorial, I’ll show you how to add anchor links (jump links) inside accordion blocks in your Squarespace footer so visitors can click and scroll directly to specific sections on another page.
Watch the Video 👇
Why Use Anchor Links in Squarespace?
Anchor links allow you to:
Send users to a specific section of a page
Improve navigation on long-scroll layouts
Strengthen internal linking for SEO
Create a smoother, more professional user experience
This is especially useful for:
Real estate websites
Service-based businesses
Location SEO pages
Portfolio sites
FAQ pages
In my example, a real estate buyer’s agent website uses accordion blocks in the footer to list regions. When a user clicks a specific area, they’re instantly taken to that exact section on the Local Market page.
No scrolling required.
Step 1: Create an Anchor Link on the Destination Page
Go to the page you want to link to.
Click Edit.
Hover over the section you want to link directly to.
Click Edit Section.
Scroll to the bottom and locate the Anchor Link field.
Copy the generated anchor link.
Important: Squarespace automatically includes the hashtag (#). You do not need to add it manually in the section settings.
Step 2: Link the Accordion Text in the Footer
Go to your homepage.
Scroll to the footer.
Click Edit.
Open your Accordion Block.
Highlight the text item you want to link.
Click the link icon.
Select the destination page.
At the end of the URL slug, add:
/#your-anchor-name
Your final structure should look like:
/page-url-slug/#anchor-name
Do not include the full HTTPS URL — only use the URL slug plus the anchor.
Save your changes.
Now when users click that accordion link, they’ll jump directly to the correct section.
Step 3: Remove Default Underlines with Custom CSS
By default, Squarespace underlines links. If you prefer a more modern hover-only underline effect, you can add custom CSS to:
Remove default underlines
Add underline on hover
Create a cleaner, more minimalist look
/* Remove Default Link Underline */
footer {
.sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sqs-image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-content__description a, .list-section-title a, .header .header-nav-wrapper a{
text-decoration-line:none!important;
background: none !important;
}
}
/* Link hover effect footer */
footer {
a:hover {
text-decoration: underline !important;
transition: 0.2s !important;
}
}
Why This Improves SEO
Anchor links:
Improve internal linking structure
Increase crawl clarity for search engines
Support location-based keyword targeting
Help users stay engaged longer
The longer users stay and navigate meaningfully, the stronger your site signals become.
Final Thoughts
Small technical details like properly structured anchor links separate average Squarespace builds from strategic ones.
If you’re building location-based pages or long-scroll service pages, this is a simple but powerful upgrade.
If you need help with Squarespace SEO, custom CSS, or strategic UX improvements, feel free to reach out.
Need Professional Help With Your Squarespace Site?
If this update has you thinking about refreshing your site, improving your mobile experience, or tightening your brand storytelling, I’d love to help.
I’m Travis Vance, a Squarespace Circle Platinum Partner and Marketplace Expert who has built 125+ custom Squarespace sites across industries—from nonprofits and creatives to e-commerce and high-growth service businesses.
👉 See my portfolio: https://www.coyotemooncreative.com
👉 Book a strategy call: https://www.coyotemooncreative.com/contact
Let’s take your site from a yip to a howl. 🐺
Newsletter Signup
Sign up for my newsletter to receive detailed Squarespace design tutorials delivered to your inbox monthly. Get practical Squarespace design tips, as well as digital marketing strategies to grow your online business.
