A countdown for Canva can mean two different things, so first, which one this is. A countdown inside a Canva design, such as an Instagram post or a presentation slide, is a job for a countdown app from Canva’s Apps panel. This post covers the other one: a live timer on a published Canva website, ticking down for every visitor.

Canva’s website builder has no code block and no countdown element of its own, and pasting HTML or JavaScript does nothing on any plan. What its Embed element does take is a link. So the countdown is hosted somewhere else, and Canva shows it on your page. This guide uses Fugte to build and host it, free. Here is the whole thing in about two minutes:

What Canva can embed, and what it cannot

Canva websites show embeds that sit in the page, inside a box you place. Three things people reach for do not work on a Canva site, whoever makes the widget:

• A countdown bar pinned to the top or bottom of the screen.
• A timer that follows the visitor down the page.
• A popup countdown that opens when the page loads.

That limit is Canva’s, not the widget’s. Plan for a timer in a box, and if it has to be seen first, put the box at the top of the first section.

Step 1: Build the countdown

In Fugte, open Starters, search for countdown, and choose Use on the Countdown Timer. It opens in the editor as your own copy. Set the target date and time, pick Flip or Minimal as the style, and set the font, colors, and labels. These are form fields, not code.

Leave the background transparent. Your Canva background then shows behind the numbers, and the timer looks like part of the page rather than a box on top of it.

Two behaviors are worth knowing before you pick the date:

• The time zone is the visitor’s. The date and time you set are read on each visitor’s device, so midnight on the 1st is midnight wherever they are, and a visitor in London reaches zero hours before one in New York. For a moment fixed worldwide, such as a live stream at 6 PM Eastern, write the time and zone beside the timer.
• Zero is the end. Months and Days drop out as each one runs down, and at zero the timer stops at 00:00:00 and stays there. It does not swap in a message, so word the text around it to still make sense after the day, or change it once the day has passed.

Step 2: Publish and copy the link

Publish the widget and copy its link from the publish panel. Canva takes the link. It does not accept HTML embed code on any plan.

Step 3: Embed it in Canva

1. Open your Canva website design.
2. Open Apps in the left sidebar, search for Embed, and open it. It works on free Canva accounts.
3. Paste the link and choose Add to design.
4. Drag the box to where the timer belongs and size it.
5. Publish the site.

Then open the published site and look at the timer there. Inside the Canva editor it can sit still, which looks like a fault and is not one: the countdown runs for visitors on the published page.

Step 4: Size it for a phone

The timer is a row of units, from months down to seconds. On a narrow screen the numbers shrink, and if the row still does not fit, it wraps onto a second line. A Canva box sized for one line on a laptop cuts that second line off on a phone.

So make the box wide enough for the full row, leave height to spare, and open the published site on your phone before you share it. The row also gets shorter on its own as the date approaches, because Months disappears once it reaches zero, and then Days.

When the date moves

This is the part of owning a countdown that comes back. The launch slips a week, the sale runs through Monday, the venue changes the day.

The timer is hosted by Fugte and the Canva embed points at it. So you change the date in Fugte and publish, and within about a minute the published Canva site counts down to the new date. You do not open the Canva editor, publish the site again, or paste a new link. The same goes for the labels, the colors, and the style.

A countdown graphic works the other way round: a new date means a new image, placed again in Canva, and the site published again.

When Canva is the wrong place for this

If the timer has to stay on screen while visitors scroll, or appear on every page at once, Canva cannot do it. There is no site-wide element, and no way to pin an embed over the page, so you would place the same embed on each page by hand. If a pinned bar is essential, that is a reason to look at a different website builder, not a different widget.

The same countdown on other platforms

The link that works in Canva also works on other platforms, and every copy follows the date you set in Fugte. Each has its own guide: Canva, Notion, Shopify, WordPress, and Webflow.

Good to know

• It runs in its own frame. The countdown loads in a sandboxed iframe, isolated from your page, so it cannot break the rest of your Canva site.
• The free plan covers it. A countdown collects nothing, so it does not use the free plan’s one live form. Free widgets carry a small Fugte badge in a corner. Paid plans remove it, and a one-time payment removes it from a single widget.

Start your countdown

The free plan needs no credit card. Open the countdown starter and follow the steps above, or read the countdown timer for Canva guide for the same steps with the sizing notes and the FAQ.