Table of Contents Pro
Stop losing readers to endless scrolling. A sticky sidebar TOC with active section highlighting keeps visitors engaged and helps them find what they need. See it working right now →
Get It Now — $29 One-time purchase. No subscription.Features
Sticky Sidebar
TOC stays visible as readers scroll, always within reach for quick navigation.
Active Highlighting
Current section automatically highlights as readers scroll through your content.
Mobile Optimized
Collapsible design on mobile keeps content accessible without taking up space.
Configurable Levels
Include H2, H3, and H4 headings. You control which levels appear in the TOC.
Custom Colors
Easy CSS variables let you match your brand colors with no coding required.
Works Everywhere
Compatible with any Squarespace 7.1 template. Just paste and it works.
Keyboard Accessible
Full keyboard navigation, managed tab order, ARIA attributes, and visible focus states built in.
Auto Anchor Links
Headings missing IDs? The script generates them automatically. No extra setup from you.
How It Works
Table of Contents Pro automatically scans your blog post for headings and builds a clickable navigation sidebar. Here's the quick setup process.
Requirements
- • Squarespace 7.1 — not compatible with version 7.0 or older.
- • Business plan or higher — Code Injection requires at least the Business (Core) plan. Personal plans don't support it.
- • Blog post pages — the TOC is designed for Squarespace blog posts specifically, not regular pages.
Installation
After purchase, you'll receive an HTML file customized with your domain and configuration. Paste it into your blog post's Code Injection area and you're live. The whole process takes under a minute.
See the full installation guide with screenshots →
New to Squarespace TOCs? Start with our free version tutorial to see how code injection works.
Configuration
All settings are controlled via CSS variables and a simple config object at the top of the code. Adjust colors, position, heading levels, and mobile behavior without touching the main script.
Customize Your TOC
Configure the settings below and watch the preview update in real-time →
The heading displayed above your TOC
Highlights the current section and link hover
Default color for TOC title and links
TOC container background color
Which side of the content to display the TOC
H2 required. Add H3/H4 for nested headings.
How TOC appears on mobile devices
Distance from top when sticky (match your header height)
Extra space above TOC to align with content
Free vs Pro
FAQ
How do I install it? +
After purchase, you'll receive an HTML file customized for your domain. Paste the contents into your Squarespace blog post's Code Injection area. No coding required. See our step-by-step installation guide for details.
Does it work with all Squarespace templates? +
Yes — it works with any Squarespace 7.1 template on a Business (Core) plan or higher. You need at least the Business plan because Code Injection is required. It's designed for blog post pages and adapts to your site's layout automatically.
Can I customize the colors? +
Absolutely. The code includes CSS variables at the top that you can easily adjust to match your brand.
What if it doesn't work for me? +
We offer a 30-day money-back guarantee. If you're not satisfied for any reason, email us for a full refund.
Can I use it on multiple sites? +
Each license is for one domain. Contact us for volume discounts if you have multiple sites.
What if I need help installing or customizing? +
We're here to help. Reach out to us and we'll walk you through installation, color matching, or any custom tweaks you need for your site.
Get Table of Contents Pro
Your customized TOC is ready. Enter your domain to complete your purchase.
See it live on Brentwood Therapy Collective →
e.g., myblog.com or mysite.squarespace.com