How to add a countdown timer to any website

A tikio countdown on a website is a single iframe. There is no script tag to load, no library to keep updated and nothing to initialise — which also means no render-blocking JavaScript and nothing that can break when your bundler changes.

  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. Paste the iframe into your page

    Drop the snippet wherever the countdown belongs in your HTML. It is a self-contained element: it does not inherit your CSS and it cannot leak styles into your page, so it looks the same regardless of the framework around 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>

The same countdown in your emails

Send the same countdown in an email by swapping .html for .gif in the URL. Both read the deadline from the same target parameter, so the page and the inbox always agree.

<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

Does the embed slow down my page?

It is one iframe with no third-party JavaScript on your page, so it does not block rendering or execute in your document. Give the iframe its width and height — as the generated snippet does — and it will not shift your layout either.

Can I make the countdown clickable?

Not by wrapping the iframe — a click inside an iframe does not bubble up to a surrounding link. Put your call-to-action on a button next to the timer instead. If you use a tikio smart link, that button can point to different destinations before and after the deadline.

Is the timer responsive?

The embed is the exact pixel size of your design and stays sharp because it renders live HTML rather than a fixed bitmap. For narrow screens, wrap it in a container with max-width: 100% and scale it with CSS transforms, or publish a second, smaller design.

Your first countdown is minutes away

Free during early access — no credit card required.

Create your free countdown
Other platforms