Every Squarespace Tools We’ve Built (So Far)
Squarespace is easy — until it isn’t.
If you’ve ever tried to do something just slightly custom (add a table, style a summary block, or show reading time), you’ve probably hit a wall.
We built these tools while running Simply Put Psych, an academic psychology blog that’s grown to tens of thousands of monthly readers. Along the way, we ran into almost every Squarespace limitation you can think of — and had to code our way out of them.
This isn’t a list of “tips.” These are real, working solutions — lightweight, copy-paste, Squarespace-compatible snippets and generators that solve real site-building problems.
They're free for personal use. They save time, reduce stress, and help keep your site focused on what matters: your content.
Boost Squarespace Speed with our Universal Footer Code
A lightweight, universal snippet of code to give Squarespace a page speed performance increase.
Squarespace makes beautiful websites easy to create — but when it comes to speed, performance can be a struggle. Despite best efforts, many Squarespace users are stuck with slow load times, poor mobile Core Web Vitals, and frustratingly little control over what’s happening under the hood.
We know because we’ve been there: analyzing render-blocking scripts, battling layout shifts, squeezing every millisecond we could — all within the platform’s tight limitations. So we built this lightweight, universal snippet of code to give Squarespace users a fighting chance at better performance without breaking the editor, design, or custom plugins.
Add a “Back to Top” Button in Squarespace
Without Plugins or Coding Headaches
Long blog posts or scrolling-heavy pages are great for readers—but once they reach the end, getting back to the top can be a pain. That’s where a simple, elegant "Back to Top" button comes in.
This tool lets you instantly generate a Squarespace-ready scroll-to-top button, complete with:
Customisable label (like ⬆ Back to Top, ↑, or your own wording)
Button color that matches your brand
Flexible positioning: bottom left, bottom right, or centered
Lightweight code that works without plugins or third-party scripts
No JavaScript knowledge needed. Just copy, paste, done.
Create a Table of Contents That Works on Mobile
Auto-generate a TOC based on your page’s headings — with mobile toggle.
Long articles benefit from a table of contents, but Squarespace doesn’t offer one by default. This tool scans your h2
tags and builds a live TOC with smooth scrolling and optional mobile support.
Perfect for blogs, tutorials, and research-heavy content. Customize the colors and trigger tags to match your theme.
Add a Reading Time + Progress Bar
Give your readers a sense of time and visual feedback while they scroll.
This snippet calculates an estimated reading time based on page content and shows a progress bar as the user scrolls. Lightweight, customizable, and surprisingly effective for increasing engagement.
Use this on longer posts or newsletters where pacing matters.
Would you like me to continue with the next batch (UK/US Toggle, Summary Drawer, etc.) in this same format?
Summary Drawer for Featured Articles
Turn a summary block into a toggleable, sliding drawer.
Squarespace summary blocks are useful, but often end up jammed into footers or sidebars. This tool transforms any summary block into a right-side drawer — tucked away by default, revealed only when toggled.
It’s perfect for displaying related posts, key links, or featured series without cluttering the main content. Especially useful for long or academic posts.
Color Blind Filter Toggle
Make your site more inclusive and visually accessible with a one-click filter that simulates common types of colour blindness.
This creates a toggle button you can place anywhere on the screen. Visitors can cycle through visual filters that simulate:
🟠 Grayscale — Desaturation for total color removal
🟥 Deuteranopia — Red-green color confusion
🟦 Protanopia — Another type of red-green deficiency
🟡 Tritanopia — Blue-yellow color confusion
When active, the filter affects everything on the page — text, images, background colors, even videos — by applying a CSS filter
.
Accessibility Font Size Adjuster
Give your readers full control over readability; no coding, no plugin, just a simple button they can click to adjust the text size sitewide.
This tool adds a custom button to your Squarespace site that reveals a small, accessible menu. Visitors can choose between:
🅰 Default font size
🅰 Large font size (ideal for casual reading or visual fatigue)
🅰 Extra large font size for maximum legibility
Selections are saved in the visitor’s browser, so their preferred font size will stick around next time they visit.
The button can be placed anywhere on your page — header, footer, sidebar, inline — and is fully customizable to match your branding.
Format Published Dates Automatically
Squarespace often omits the year — this patch fixes that.
On some templates, blog post dates only show “March 5” with no year — which is frustrating if you want readers to cite or trust the timeliness of your content. This lightweight script finds all post dates and ensures they’re displayed in full (day, month, year).
No style changes. Just cleaner, clearer, more accurate metadata.
Customize Author Links Across Your Blog
Point author names to your own “About” page — not auto-generated archives.
Squarespace automatically links blog authors to a generic archive page. This tool lets you override that and redirect author names (or pen names) to any page you choose — like a proper About page or custom team profile.
Ideal for solo bloggers, teams, or pseudonymous writers who want control over where their name leads.
Inject Google Ads Mid-Article and Above References
Add Google Ads in the most useful, least disruptive places.
Instead of dumping ads in sidebars, this snippet intelligently inserts Google AdSense blocks mid-article (before the first heading) and right above your References or Sources section — without breaking layout or flow.
Includes support for affiliate disclaimers when Amazon links are present. Clean, compliant, and optimized for reader trust.
Automatically Add Affiliate Disclaimers When Amazon Links Are Present
Forget to include a disclaimer? This tool remembers for you.
If you’re linking to books or products via Amazon, disclosure is a must. This snippet scans for Amazon affiliate links and automatically adds a disclaimer near your references section — only when needed.
No more manually checking every post. Just paste once and let it handle compliance.
Universal “Copy This” Button Generator
Let users copy anything — code, quotes, checklists — with one click.
This generator builds custom, styled copy buttons that work inside Squarespace. You define the button text (like 📋 Copy Recipe or Copy Snippet), and it outputs a hidden <textarea>
+ JS for clipboard copy functionality.
Great for dev sites, how-to blogs, affiliate blurbs, email templates, and more. Fully Squarespace-safe.
Connect Four Embed (with Smart AI & Score Tracker)
Boost dwell time with a fully playable, AI-powered game.
This Connect Four game adds a playful pause to your blog or sidebar. Lightweight, animated, and featuring a rule-based MiniMax AI, it’s a strategic challenge for visitors. Also includes:
Theme customization
Score tracking via localStorage
Win animations and visual polish
It’s a great way to increase engagement time and add personality to your site — especially for blogs that touch on cognition, learning, or play.
Add Tables in Squarespace
Squarespace doesn’t support native tables — this tool solves that.
If you’ve ever tried to format a clean, scrollable table in Squarespace, you know how limited the platform is. This tool lets you generate custom HTML tables by entering column data and choosing whether to bold headers — all without touching a spreadsheet.
Use it to:
Build pricing tables
Compare research findings
Format reference data
Create responsive column layouts
Once generated, the table can be pasted into a Code Block and styled using inline CSS. It’s the fastest way to get readable, mobile-friendly tables into your Squarespace layout — no plugins or workarounds needed.
Simply Put
All of these tools are available for free in the Behind the Blog section of Simply Put Psych. They were built to solve real Squarespace headaches — with no fluff, no frameworks, and no unnecessary dependencies. Just clean, tested, copy-paste solutions.
You’re welcome to use them freely for personal projects, side blogs, or learning.
If you’re a developer, freelancer, agency, or business using these tools in commercial projects (for clients or monetized sites), we ask that you purchase a one-time commercial license. It helps support continued updates and keeps the toolkit sustainable — without locking anything behind subscriptions or bloated platforms.
👉 View commercial license terms
Whether you’re building a personal blog or managing dozens of client sites, we hope these tools save you time, reduce stress, and help you focus on the creative work that matters.