Add a Countdown Timer to Squarespace
Add a visible deadline to a Squarespace launch page, event registration or limited offer. CountdownShare provides the hosted timer and website code; a Squarespace Code block places it inside your existing page.
Create your website countdownCheck your Squarespace plan first
Squarespace currently supports iframe code on Core, Plus, Advanced and some legacy plans. The current Basic plan does not support it. A timer that works during a trial may stop displaying if you choose a plan without this feature. Check Squarespace’s current iframe requirements for your account.
A CountdownShare Pro subscription removes timer branding and adds Pro features; it does not change what your Squarespace plan allows.
Add the countdown using a Code block
- Create the CountdownShare timer with your deadline, timezone and design. Publish the countdown in Pro before generating its website code.
- Copy the complete website embed snippet. Use the iframe output for your page, rather than the image output intended for email.
- Edit the Squarespace page, insert a Code block where the timer belongs and paste the website code in HTML mode. Make sure the block renders the HTML rather than displaying it as source text.
- Adjust the block and section dimensions. Leave enough height for the countdown labels at your narrowest mobile layout.
- Save the page and open the public URL while logged out. Confirm that the timer and its link work before sending visitors to the page.
For the editor options, see Squarespace’s Code block instructions.
Troubleshoot the published Squarespace embed
- The page shows code instead of a timer
- Use a Code block configured to render HTML. A text block or a setting that displays source code will print the snippet instead of loading it.
- The timer works in trial but disappears later
- Check the active Squarespace plan for iframe support. Open the generated countdown URL separately to distinguish a plan restriction from a timer that is not published.
- The timer is too short or clipped
- Increase the Code block area and the iframe height as needed. Check both desktop and mobile: the surrounding page layout can clip a timer even when its width fits.
Choose the right setup for repeated campaigns
Free embeds include CountdownShare branding. Pro removes the watermark and includes unlimited views, editable settings and custom CSS. Style the timer in CountdownShare; your Squarespace styles control its surrounding page section.
For an update, edit the existing Pro timer and publish the changes while retaining its embed URL. When an offer expires, update your store, booking or registration settings separately. The countdown display does not enforce those business rules.