01
Set the deadline
A fixed date and time, or an evergreen timer that starts on each visitor's first visit.
1 minute
Free tool · Squarespace widget
Free countdown timer generator.
Set a date, or give every visitor their own deadline, then choose the style and what happens at zero. Copy one snippet and paste it into a Code Block on your site.
Text
When it ends
"Visitor's local time" ends at that clock time wherever each visitor is. A fixed UTC offset ends at one shared moment, but it does not adjust for daylight saving, so pick the offset that applies on the end date.
Each visitor's start time is saved in their own browser (localStorage), so a return visit continues the same countdown. Use a new campaign name to give everyone a fresh start. If a browser blocks storage (some private modes, or cleared site data), the countdown restarts on every page load. It is not tied to a person or an order, so do not use it for offers you must enforce.
Units and labels
If you hide a larger unit, the next one counts the full amount (for example, hours without days can show 48).
Style
Box background and border apply to the Boxes and Rings presets.
44 px
10 px
At zero
Optional button
The button needs both a label and a link. Links can start with https://, http://, mailto:, tel:, # or be a relative path. With "Hide the whole widget" the button is hidden too.
Options
A small, visible "Widget by …" link. Thanks for keeping it, you can turn it off.
With a transparent background, Auto assumes a light page. If your page is dark, choose light text.
Live preview
Your code
How to add it
- Squarespace: edit the page, add a Code Block where you want the countdown, switch off "Display Source" if it is on, then paste the code. Code Blocks depend on your plan, so check yours.
- Other sites: paste it into any HTML or custom code area, or just before the closing
</body>tag. - Add it once per page. If it is pasted twice, only the first copy runs.
- Test it on the live page. The Squarespace editor may not run scripts, so view the published page to see the countdown tick. The code makes no external requests.
Runs in your browser. Nothing you enter is uploaded or stored.
How it works
Four steps. No plugin.
02
Style it
Pick which units to show, the labels, colours, size and the message at zero.
2 minutes
03
Copy the snippet
One block of code with the styles and script included.
10 seconds
04
Paste it into a Code Block
Edit the page, add a Code Block, switch off Display Source and paste it in. Code Blocks need a plan that includes them, so check yours.
2 minutes
Questions
Questions about the timer.
Straight answers about this tool. If yours isn't here, ask me directly.
Average response·< 1 business day
Does it work outside Squarespace?
Yes. It is plain HTML, CSS and JavaScript, so it works on any site that lets you add code, including WordPress, Wix and Webflow.
What is an evergreen timer?
It gives each visitor their own countdown from the first time they visit. The start time is remembered in their browser, so it can reset if they clear their data or use another device. That also means it is not a guarantee, so do not use it to claim a deadline that isn't real.
Which time zone does a fixed date use?
You choose: each visitor's own local time, or a fixed UTC offset. For a deadline that ends at the same moment for everyone, use a fixed offset. A fixed offset does not adjust for daylight saving time, so check the end time.
What happens when it reaches zero?
You choose: show a message, hide the timer, or keep showing zeros. You can also add a button.
What is the credit link?
A small, visible link under the timer that points back to this site. It is on by default and you can switch it off. It is marked nofollow.
The hosting I use
I host my own sites on Hostinger.
In my experience it's one of the best hosting options for small business websites, and it's the one I suggest. If you sign up through my link, I earn a small commission at no extra cost to you.
Check Hostinger plansAffiliate link
Free tools, plus a free website audit
Want help with the rest of your website?
These tools are free to use. If your site needs more than a countdown, I design and build custom websites for small businesses, and I offer a free audit that shows you what to fix first.