Website embed

How to add a countdown timer to Webflow

Webflow’s Embed element drops raw HTML straight into the canvas, so a countdown becomes just another element you can place, align and style around — no code in the page head and nothing that only appears after publishing.

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
Drop in an Embed element

In the Designer, add an Embed element where the countdown belongs and paste the iframe into its code editor. The Designer shows a placeholder while you work; publish or preview the site to see the timer running.
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

Running the same promotion by email? Choose “In an email” in Get code on the same link and paste the image into your ESP. The landing page you built in Webflow and the campaign driving traffic to it show one deadline.

HTML

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

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

FAQ

Questions, answered

Why is the timer not visible in the Designer?

Embed elements render as a placeholder on the canvas by design. Use Preview or publish to a staging domain to see the live countdown.

Can I bind the deadline to a CMS field?

Yes. Inside an Embed element you can insert a CMS field into the iframe URL, so each Collection item counts down to its own date from one published design.

Does the Embed element count against my plan?

Embed elements are available on paid Site plans. The timer itself adds nothing to your Webflow usage — it is loaded from tikio, not hosted in your project.

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