Skip to main content

Embed a live population counter

Copy one line of HTML to put a live world or country population counter on your site. Pick the counter, theme and width below, check the preview, and paste the code in. Free, no script, no account.

Live preview

World population clock by populationclock.org

Embed code
<div style="width:340px;max-width:100%">
  <iframe src="https://populationclock.org/embed" width="340" height="150" style="border:0;overflow:hidden;width:100%;max-width:100%" title="World population live counter" loading="lazy"></iframe>
  <p style="margin:4px 0 0;font:12px/1.4 system-ui,sans-serif;text-align:center">
    <a href="https://populationclock.org/" target="_blank" rel="noopener">World population clock</a> by populationclock.org
  </p>
</div>

Paste it into any web page. The counter updates in every visitor’s browser, with no script to load and no account to create. Figures are UN World Population Prospects 2024, medium variant.

The credit line is optional and the widget works the same without it. We would rather you kept it, because it tells your readers where the number came from and lets them check it, but nothing here requires it.

Installing it

The snippet is ordinary HTML. Paste it anywhere your page accepts markup. A complete working page looks like this, and you can save it as a .html file and open it to check the widget before putting it on a live site:

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>Population counter test</title></head>
<body>
  <h1>World population</h1>

  <div style="width:340px;max-width:100%">
    <iframe src="https://populationclock.org/embed" width="340" height="150"
            style="border:0;overflow:hidden;width:100%;max-width:100%"
            title="World population live counter" loading="lazy"></iframe>
    <p style="margin:4px 0 0;font:12px/1.4 system-ui,sans-serif;text-align:center">
      <a href="https://populationclock.org/" target="_blank" rel="noopener">World population clock</a> by populationclock.org
    </p>
  </div>

</body>
</html>

If your editor has a dedicated block for embeds or custom HTML, use that one. Most rich-text editors strip<iframe> out of a normal paragraph, which is the single most common reason a pasted snippet vanishes on save. We have not tested every content management system, so rather than guess at menu names: look for whichever block is described as HTML, embed, or code, and paste the whole snippet into it unchanged.

If something looks wrong

The counter is missing after I saved the page
Your editor almost certainly removed the <iframe>. Paste into an HTML or embed block rather than a text block. If your platform blocks iframes entirely, there is no workaround from our side, and linking to the counter is the better option.
It is cut off, or there is a scrollbar inside it
The frame is narrower than its contents. Pick a wider option in the Width control above and copy the code again, or set the wrapper to full width so it takes the width of your column.
The number does not move
The counter needs JavaScript inside the frame. If the reader has it off, or an extension blocks third-party frames, the starting figure still shows but does not tick. The figure itself is correct either way.
It does not match another population clock
Different sites use different source revisions, different UN variants and different ways of spreading the year’s growth across it. Ours is UN World Population Prospects 2024, medium variant, interpolated between 1 January values. We explain the differences here.

Where the numbers come from, and when they change

The widget is a small iframe serving one page from populationclock.org. That page carries the UN’s projected population for 1 January of this year and the next, and interpolates between them according to how far through the year it is. It is the same method and the same data as the counter on this site, so the two never disagree.

Two different things are sometimes both called “updating”, and it is worth separating them. The displayed number recalculates on every page load in your reader’s browser, so it is never stale. The underlying dataset is UN World Population Prospects 2024, processed on 2026-06-15, and it changes only when we import a new UN revision, which we do by hand. We are not fetching anything from the UN at page load, and a new revision does not appear here on its own. What is true is that when we do publish one, every embed already installed picks it up with no change to the code on your page.

Full detail on the interpolation, the variants and the rounding is on the methodology page.

Related