Website embed

How to add a countdown timer to Shopify

Most Shopify countdown timers arrive as an app with its own monthly fee and its own script on every page. You do not need one: every Online Store 2.0 theme — Dawn and everything released since 2021 — ships a Custom Liquid section that takes raw HTML straight from the theme editor.

Create your free countdown Jump to steps

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
Get the embed code

Click Get code, choose “On a website” 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.
HTML
```
<iframe src="https://cdn.tikio.io/embeds/a1b2.html" title="Offer ends soon" width="480" height="140" frameborder="0" scrolling="no" style="border:0;"></iframe>
```
3
Add a Custom Liquid section to your theme

In the theme editor, open the page or template where the countdown belongs, click Add section and choose Custom Liquid. Paste the iframe into the section’s content box and save. Nothing in your theme code changes, so the theme stays updatable.
HTML
```
<iframe src="https://cdn.tikio.io/embeds/a1b2.html" title="Offer ends soon" width="480" height="140" frameborder="0" scrolling="no" style="border:0;"></iframe>
```

The same countdown in your emails

Your Shopify Email campaigns can carry the same countdown as an image: open Get code on the same link and choose “In an email”. One link covers the storefront banner and the campaign announcing it.

HTML

<img src="https://t.tikio.io/e/a1b2.gif" alt="Sale ends soon" style="border:0;" />

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

FAQ

Questions, answered

Do I need a countdown timer app?

No. The Custom Liquid section is part of Online Store 2.0 themes, so the timer is added from the theme editor without installing anything or paying a recurring app fee.

Will this survive a theme update?

Yes. A Custom Liquid section is theme content rather than edited theme code, so updating the theme does not overwrite it.

Can I put the countdown on a product page only?

Yes. Add the Custom Liquid section to the product template you want it on. You can reuse the same design with a different date per template: create one link per deadline from the same design.

Can I make the timer link to the collection?

Put the link on a button next to the timer — clicks inside an iframe do not reach a surrounding link. A tikio smart link lets that button send shoppers to the sale before the deadline and somewhere else after it.

Other website platforms

Your first countdown is minutes away

Free during early access — no credit card required. Design once, paste one snippet, and the timer ticks on every open.

Create your free countdown