Back to all articles
Workplace9 min read

How to Embed a Timer on Any Website (Free, No Code Required)

Adding a live timer to your website used to mean hiring a developer or paying for a widget subscription. Not anymore. GoTimer's timer pages — Pomodoro, countdown, HIIT, classroom, and more — embed directly on any website via a standard HTML iframe. No account required. No monthly fee. No coding beyond a single copy-paste.

This guide walks through exactly how to embed a free online timer on every major website platform, from WordPress to Notion to Carrd. Find your platform in the list below and follow the steps — most take under two minutes.

Scout the Archaeologist holding a laptop displaying a countdown timer embed
GoTimer embeds with a single line of code — no signup, no plugins

The Embed Code

Every GoTimer timer page supports iframe embedding. The base code looks like this:

<iframe
  src="https://gotimer.org/countdown"
  width="100%"
  height="520"
  frameborder="0"
  allow="autoplay"
  title="Free Online Timer">
</iframe>

Swap the src for whichever timer you need:

| Timer | URL to use in src | |---|---| | Countdown timer | https://gotimer.org/countdown | | Pomodoro timer | https://gotimer.org/pomodoro-timer | | HIIT interval timer | https://gotimer.org/hiit-timer | | Classroom timer | https://gotimer.org/classroom-timer | | Meditation timer | https://gotimer.org/meditation-timer | | Breathing timer | https://gotimer.org/breathing-timer | | Study timer | https://gotimer.org/study-timer | | Chess clock | https://gotimer.org/chess-clock | | Egg timer | https://gotimer.org/egg-timer | | 5-minute timer | https://gotimer.org/5-minute-timer | | 10-minute timer | https://gotimer.org/10-minute-timer | | 25-minute timer | https://gotimer.org/25-minute-timer |

Set width="100%" to make the timer responsive — it will scale to fit any screen size. Use a fixed pixel value (e.g., width="700") only if you need a precise fixed layout.

Once you have your embed code ready, find your platform below.

Tier 1 Platforms

WordPress

WordPress is the most flexible option. You can embed the timer in a post, page, or widget area.

Using the Block Editor (Gutenberg):

  1. Open your post or page in the WordPress editor.
  2. Click the + button to add a new block.
  3. Search for Custom HTML and select it.
  4. Paste the iframe embed code into the block.
  5. Click Preview to confirm it renders, then Publish or Update.

Using the Classic Editor:

  1. Open your post or page and switch to the Text tab (not Visual).
  2. Place your cursor where you want the timer to appear.
  3. Paste the iframe code directly into the HTML.
  4. Switch back to Visual to preview, then Publish.

In a sidebar widget:

  1. Go to Appearance → Widgets.
  2. Add a Custom HTML widget to your desired sidebar or footer area.
  3. Paste the iframe code and save.
If your WordPress site uses a security plugin that blocks iframes, you may need to whitelist gotimer.org as a trusted source in the plugin settings.

Wix

  1. In the Wix Editor, click Add Elements (the + icon on the left panel).
  2. Go to Embed → Embed a Widget → Custom Embeds → Embed HTML.
  3. An HTML box appears on your canvas. Click Enter Code.
  4. Paste the iframe code and click Update.
  5. Drag and resize the embed box to fit your layout.
  6. Click Publish.

Note: Wix requires a paid plan to use the HTML Embed element on your live site.

Squarespace

  1. Open the page where you want the timer in the Squarespace editor.
  2. Click an existing block area or + to add a new section.
  3. Select Embed or Code block (depending on your template version).
  4. In the code block, select HTML mode and paste the iframe code.
  5. Click Apply then Save.

Note: Squarespace requires a Business plan or higher to render custom code blocks on live pages.

Shopify

  1. In your Shopify Admin, go to Online Store → Pages (or Blog Posts).
  2. Open the page you want to edit.
  3. In the rich text editor, click the < > (Show HTML) button.
  4. Find the location in the HTML where you want the timer and paste the iframe code.
  5. Click Save.

Webflow

  1. Open your project in the Webflow Designer.
  2. In the left panel, go to Add Elements → search for Embed.
  3. Drag the HTML Embed element onto your canvas.
  4. Double-click it to open the code editor.
  5. Paste the iframe code and click Save & Close.
  6. Publish your site.
In Webflow, wrap the iframe in a Div Block with overflow: hidden and position: relative for clean responsive behaviour.

Google Sites

  1. Open your Google Site in edit mode.
  2. Click Insert in the top right menu.
  3. Select Embed.
  4. In the dialog, click the Embed code tab.
  5. Paste the iframe code and click Next, then Insert.
  6. Resize and position the embed on your page.
  7. Click Publish.

Countdown Timer

Free online timer — no signup required

Try the Countdowntimer →
Scout examining website embed code on a glowing tablet
The same embed code works across dozens of website builders and CMS platforms

Tier 2 Platforms

Notion

  1. In your Notion page, type /embed and press Enter.
  2. Paste the GoTimer URL (e.g., https://gotimer.org/pomodoro-timer) into the box.
  3. Click Embed link.
  4. The timer will appear inline. Drag the resize handle at the bottom to adjust height.

Important: Paste just the GoTimer URL — not the full <iframe> tag.

Framer

  1. In your Framer project, press I to open the Insert menu.
  2. Search for Embed and drag it onto your canvas.
  3. In the right panel under Content, enter the GoTimer timer URL.
  4. Adjust width and height in the panel, then publish.

Ghost

  1. In the Ghost editor, type / to open the command menu.
  2. Select HTML card.
  3. Paste the iframe code into the HTML card.
  4. The timer previews in the editor and renders live on your published post.

Weebly

  1. Open the Weebly editor and navigate to your page.
  2. From the element library on the left, drag an Embed Code element onto your page.
  3. Click the element, then Edit Custom HTML.
  4. Paste the iframe code and click Save.
  5. Publish your site.

Blogger (Blogspot)

  1. Open your Blogger post in the editor.
  2. Switch to HTML view.
  3. Paste the iframe code where you want the timer to appear.
  4. Switch back to Compose to preview, then publish.

HubSpot CMS

  1. In HubSpot, open the page or blog post in the drag-and-drop editor.
  2. Add a Rich Text module to your layout.
  3. Click inside the module, then click the < > (source code) icon in the toolbar.
  4. Paste the iframe code into the HTML source and click OK.
  5. Update and publish.

Carrd

  1. Open your Carrd site in the editor.
  2. Click + to add a new element.
  3. Select Embed.
  4. In the embed type, choose Code.
  5. Paste the iframe code into the code box.
  6. Adjust sizing as needed and publish.

Jimdo

  1. In your Jimdo editor, click + to add an element.
  2. Select Widget/HTML.
  3. Paste the iframe code into the field.
  4. Click Save and publish.

Countdown Timer

Free online timer — no signup required

Try the Countdowntimer →

Sizing and Responsive Tips

For responsive layouts (recommended):

<div style="position:relative; width:100%; max-width:700px; margin:0 auto;">
  <iframe
    src="https://gotimer.org/countdown"
    width="100%"
    height="520"
    frameborder="0"
    allow="autoplay"
    title="Free Online Timer"
    loading="lazy">
  </iframe>
</div>

Recommended heights by timer type:

| Timer | Recommended height | |---|---| | Countdown / Pomodoro | 500–540px | | HIIT / Round timer | 540–580px | | Classroom timer | 480–520px | | Chess clock | 520–560px |

Scout with stopwatch choosing the right timer for your website
Choose the timer type that matches your audience's primary use case

Which Timer Should You Embed?

All GoTimer timers are free, require no signup, and work on any device.

Countdown Timer

Free online timer — no signup required

Try the Countdowntimer →

Frequently Asked Questions

Can I embed a timer on my website for free?
Yes. GoTimer offers free timer pages — Pomodoro, countdown, HIIT, classroom, meditation, and more — that can be embedded on any website using a simple iframe snippet. There is no account required, no subscription, and no branding fees. Just copy the iframe code and paste it into your site.
What is an iframe and how does it work for embedding timers?
An iframe (inline frame) is a standard HTML element that loads another webpage inside a box on your page. When you embed a timer via iframe, the timer runs live on your visitor's screen as if it were part of your site — without them needing to open a new tab. The timer handles all its own logic; your site just displays it.
Will an embedded timer slow down my website?
Embedded iframes load independently from your main page, so a well-hosted timer like GoTimer will not meaningfully slow your site. The timer loads asynchronously in its own sandbox. If you are concerned about page speed, place the iframe below the fold or use lazy loading (add loading="lazy" to the iframe tag).
Does embedding a GoTimer timer require coding knowledge?
No. You only need to copy one block of HTML code and paste it into your website builder. Every major platform — WordPress, Wix, Squarespace, Webflow, and others — has a way to paste HTML code without touching any other files. The instructions differ slightly per platform, but none require programming knowledge.
Can I customize the size of the embedded timer?
Yes. The iframe width and height attributes control the size. Set width to 100% for a responsive timer that fills its container, or use a fixed pixel value (e.g., width="700") for precise sizing. Height between 480 and 600 pixels works well for most GoTimer pages. You can also wrap the iframe in a CSS container to control its appearance further.
Which GoTimer pages can I embed?
All of GoTimer's timer pages support iframe embedding. This includes the Pomodoro timer, countdown timer, HIIT timer, classroom timer, meditation timer, breathing timer, study timer, chess clock, egg timer, round timer, and all the fixed-duration timers (5-minute, 10-minute, 25-minute, and so on). Use the URL of whichever timer fits your use case as the iframe src.
My website builder says iframes are not allowed. What can I do?
Some hosted platforms restrict iframe embeds on certain plan tiers — Squarespace requires a Business plan or above for code injection, and Wix requires a paid plan for HTML embed elements. If your platform blocks iframes entirely, the next best option is a prominent text link or button that opens the GoTimer page in a new tab, which gives visitors the same timer without leaving your site.
Back to all articles