Squarespace 7.1UI Components

Squarespace Countdown Timer

By The Square Genius

$15.99
Squarespace Countdown Timer - Squarespace Templates
Fit check
Great for
Course creators with an enrolment deadline
Shops running time-limited promotions
Event, workshop and webinar pages
Know before you buy
  • Squarespace 7.1 only, Business plan or higher
  • Settings are edited in the code, not a panel
  • One fixed deadline, no evergreen mode or redirect
  • Digital download, no refunds once delivered
Version7.1
SetupEasy

Overview

Squarespace has no countdown block of its own, so a launch, a sale or an event deadline ends up as a line of static text. This Countdown Timer from The Square Genius adds a proper clock to a Squarespace 7.1 page: days, hours, minutes and seconds in four tiles, ticking down to a date and time you set, with the tiles fading in one after another as the timer scrolls into view. When the deadline passes the timer replaces itself with a message of your choosing rather than sitting at zero.

What it includes

A code snippet you paste into a code block, plus written instructions. You set the target date and time and the expiry message directly in the code, and adjust the colours, fonts and sizing to match your site. The demo shows the standard layout: a heading above four labelled tiles, responsive so it reads properly on a phone. The Square Genius states it is compatible with all Squarespace 7.1 templates.

Who it suits

Course creators with an enrolment window, shops running a time-limited promotion, and anyone promoting a workshop, webinar or live event. If your site regularly needs a "doors close on Friday" moment, having a native-looking timer ready is worth more than it costs.

Honest caveats

It is a single-deadline timer: one target date, one expiry message, and the settings live in the code rather than in a panel, so you will be editing a date string when the promotion changes. There is no evergreen or per-visitor mode, and no redirect on expiry. It uses custom code, which means a Core plan or higher (Business or Commerce on older plans), and it is 7.1 only. Countdown timers also only earn their keep when the deadline is real; visitors notice a clock that resets every time they return.

Installation

Copy the supplied code into a code block where you want the timer, change the date and the expiry message, and save. The Square Genius sells it as a digital download with instant access and no refunds once delivered, so check the demo first.

Related guide: see our roundup of the best Squarespace plugins in 2026 for how this compares with the alternatives.

What it does
  • Adds a live days, hours, minutes and seconds countdown to a Squarespace 7.1 page
  • Replaces the timer with a custom message when the deadline passes
  • Animates the tiles in as the timer scrolls into view
Full specifications

FAQs

FAQs

What does the Squarespace Countdown Timer do?
It adds a live countdown to a Squarespace 7.1 page showing days, hours, minutes and seconds to a date and time you set, with a custom message that replaces the timer once the deadline passes.
How do I set the deadline?
You edit the target date and time directly in the supplied code, along with the expiry message. There is no settings panel, so changing a promotion means changing that line of code.
Can I style it to match my site?
Yes. Colours, fonts and tile sizing are adjustable, and the tiles animate in one after another when the timer scrolls into view.
Does it work on mobile?
Yes. The four tiles are responsive and stack neatly on small screens, which you can check on the vendor demo.
Which Squarespace plans and versions does it support?
Squarespace 7.1 only, on a Core plan or higher (Business or Commerce on older plans) because it relies on custom code. The Square Genius states it works with all 7.1 templates.
Does it support evergreen countdowns or redirects on expiry?
No. It runs to a single fixed date and shows a message at zero. If you need per-visitor evergreen timers or an automatic redirect, look at the other countdown plugins we list.