Add a Countdown Timer to Squarespace
Set up your countdown, copy the code and paste it into a Squarespace Code block. The countdown shows live on your page, with no extension.
Why use it
01
One Code block, nothing else
No Squarespace extension to buy: the countdown is an iframe that the Code block shows right inside your section.
02
The right plan
According to Squarespace help, a Code block only runs iframes on the Core plan and above. On the Basic plan, the code stays in the block but does not display.
03
Matches your site
9 designs, your colours, a transparent background in the Pro version: the countdown blends into your Squarespace template instead of looking bolted on.
04
Launches and bookings
Bookings opening, a collection drop, a workshop date: a countdown on the right page reminds visitors not to wait.
Playground
Try the widget before you embed it
Transparent background, live bar, colors, templates: try every option on a sample site and watch the code write itself.
How it works
Step 1
Set up your widget in the widget page tool: deadline, format and style.
Step 2
Create it and copy the code.
Step 3
In Squarespace, edit the page, add a Code block, paste the code, turn off Display Source, then save.
Frequently asked questions
No. According to Squarespace help, iframes in a Code block need the Core plan or above. On Basic, the block keeps the code without displaying it.
The Code block's Display Source option is on: it shows the code as text. Turn it off and save.
Yes. The countdown runs live for every visitor. If you change the countdown's title or colours, the Squarespace page follows without republishing.
Yes, it is free with no sign-up. The free widget shows a small "Powered by WatchIsUp" credit. The Pro version removes it, makes the widget non-clickable and matches your colours.