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.

JC Pass

JC Pass is a specialist in social and political psychology who merges academic insight with cultural critique. With an MSc in Applied Social and Political Psychology and a BSc in Psychology, JC explores how power, identity, and influence shape everything from global politics to gaming culture. Their work spans political commentary, video game psychology, LGBTQIA+ allyship, and media analysis, all with a focus on how narratives, systems, and social forces affect real lives.

JC’s writing moves fluidly between the academic and the accessible, offering sharp, psychologically grounded takes on world leaders, fictional characters, player behaviour, and the mechanics of resilience in turbulent times. They also create resources for psychology students, making complex theory feel usable, relevant, and real.

https://SimplyPutPsych.co.uk/
Previous
Previous

Boost Squarespace Speed: Universal Footer Code

Next
Next

Universal Copy Button Generator