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.

  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. 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.

    <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

Running the same promotion by email? Swap .html for .gif and use that URL as an image in your ESP. The landing page you built in Webflow and the campaign driving traffic to it show one deadline.

<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

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.

Your first countdown is minutes away

Free during early access — no credit card required.

Create your free countdown
Other platforms