How to add a countdown timer to Squarespace

One thing to check before you start, because it decides whether this works at all: embedding an iframe on Squarespace requires a Code Block, and Code Blocks are not available on the Personal plan. On Business, Core and the Commerce tiers the whole thing takes two minutes.

  1. Design your countdown in tikio

    Build the timer once in the editor — colors, fonts, labels and languages. The same published design serves your website and your email campaigns, so the page and the inbox never drift apart.

  2. Publish and copy the embed code

    Hit Publish, switch the snippet type to the website embed and copy the iframe. The width and height come from your design, so the timer lands on the page at exactly the size you drew it.

    <iframe src="https://tikio.io/e/a1b2.html?target=2026-08-01T20:00" title="Offer ends soon" width="480" height="140" frameborder="0" scrolling="no" style="border:0;"></iframe>

  3. Add a Code Block to the page

    Edit the page, add a Code Block where the countdown belongs, set the block’s mode to HTML and paste the iframe. Save the page — Code Blocks show a placeholder while editing and render the live timer on the published page.

    <iframe src="https://tikio.io/e/a1b2.html?target=2026-08-01T20:00" title="Offer ends soon" width="480" height="140" frameborder="0" scrolling="no" style="border:0;"></iframe>

The same countdown in your emails

Squarespace Email Campaigns can show the same countdown as an image: swap .html for .gif. The page and the campaign then count down to one moment instead of two hand-synced dates.

<img src="https://tikio.io/e/a1b2.gif?target=2026-08-01T20:00" alt="Offer ends soon" style="border:0;" />

Setting up the campaign too? See the guide for your email platform.

FAQ

Which Squarespace plan do I need?

Code Blocks containing iframes require Business or Core and above, including the Commerce plans. The Personal plan has no Code Blocks — a Markdown Block there accepts only basic static HTML, not iframes.

Why does the block show a placeholder while editing?

Squarespace disables script and iframe execution inside the editor so that embedded code cannot interfere with editing. Save and view the published page to see the countdown run.

Can I put the countdown in the site header or a banner?

Yes — add the Code Block to a section that appears sitewide, or use a page section that repeats across your template.

Your first countdown is minutes away

Free during early access — no credit card required.

Create your free countdown
Other platforms