World Clock widget

Canva embed guide

How to Add a World Clock to a Canva Website.

Canva's website builder has no custom-code block: raw HTML, JavaScript, and iframe snippets will not work on any plan. What Canva's Embed element does accept is a URL. So the way to get a World Clock onto a Canva page is to host the widget outside Canva and paste its link in.

Live starter preview

Step by step

Embed the World Clock in your Canva website.

01

Create the widget in Fugte

Start from the World Clock starter, generate a variation with the built-in AI, or paste your own code.

02

Customize and publish it in Fugte

Text, colors, images, numbers, and options are no-code settings, so you can match your branding without touching code. Publishing gives the World Clock a stable hosted link and an embed snippet.

03

Add an Embed element in Canva

Open your website design in Canva, then add an Embed element from Apps, or simply paste the link straight onto the page.

04

Paste the link and publish

Paste the hosted widget link, resize and position the World Clock like any other Canva element, then publish the site.

Good to know

Canva specifics worth planning around.

Canva renders only static, in-page embeds: floating buttons, sticky bars, and popups will not work on Canva sites.

There is no site-wide option: a widget you want on several pages must be embedded on each page individually.

The Embed element is available on free Canva accounts.

The link stays stable, so later edits made in the widget editor appear on the Canva page automatically, no need to reopen the design.

This widget

What the World Clock needs from the embed.

The section above applies to anything you put on a Canva website. This part is specific to the World Clock.

The clock is short, and its height is set by how many cities you list rather than by anything the visitor does. Count the rows, size the Canva box to match, and check it again after you add a city, or the new row sits below the fold of the box.

City names sit on one line and a long one is cut off rather than wrapped, so short labels survive a narrow box best. "Support" and "HQ" read better than "Customer support (EMEA)" at any width.

The times come from the visitor's own device, so a wrong device clock shifts every city by the same amount. The gaps between cities stay correct either way.

Ideas

Where the World Clock fits.

Remote teams

A live world clock for the cities your business spans, with your own label on each one

Support hours

A live world clock for the cities your business spans, with your own label on each one

International storefronts

A live world clock for the cities your business spans, with your own label on each one

FAQ

Common questions.

Can I paste HTML or iframe code into Canva instead?

No. Canva websites do not support raw HTML, JavaScript, or iframe embeds on any plan. Hosting the widget elsewhere and embedding it by link is the supported route.

Will the World Clock stay interactive after the Canva site is published?

Yes. The World Clock loads live on the published site, on desktop and mobile, and visitors can interact with it without any account.

Does this need a paid Canva plan?

No. Canva's Embed element works on free accounts, and Fugte has a free plan, so you can test the full workflow at no cost.

Try it

Put a World Clock on your Canva website today.

Start free, customize the World Clock without code, and embed it with one link.