Is the Sleep Age Calculator widget free to embed?

Yes. The widget is free for unlimited use on personal blogs, publications, wellness sites, university resource pages, and corporate intranets. The only requirement is that the attribution link below the iframe stays intact.

Does the embedded widget collect data from my readers?

No. All sleep age calculations run client-side in the user's browser. No personal data is sent to a server, no accounts are required, and the iframe loads no third-party trackers.

Will the widget slow down my page?

No. The iframe uses native lazy-loading, so the calculator only loads when a reader scrolls near it. The host page's Largest Contentful Paint is unaffected.

Can I customise the widget colours or remove the attribution?

The widget inherits a neutral palette that fits most sites. The attribution link is required and must remain visible. For custom colour themes or white-label embeds, contact us.

Does the iframe work on mobile?

Yes. The widget is mobile-first and responsive. The iframe expands to the container width and the calculator UI adapts down to 320 px screens.

Embed the Sleep Age Calculator on Your Site (Free Widget)

Free forever

Unlimited embeds. No usage limits, no signup, no API key. Use on as many pages as you like.

Privacy-first

Calculations run in the reader's browser. No data leaves their device. No third-party trackers in the iframe.

One line of HTML

Drop in an iframe. Works in WordPress, Webflow, Ghost, Substack, Squarespace, and plain HTML.

Copy & paste

Pick the snippet that matches your platform. The default 720 px max width fits most blog content widths and centers automatically.

Standard iframe (recommended)

Works in any HTML editor — Ghost, Substack, Webflow, raw HTML.

<iframe
  src="https://sleep-age-calculator.vercel.app/embed/sleep-age"
  title="Sleep Age Calculator"
  width="100%"
  height="900"
  loading="lazy"
  style="border:0;border-radius:16px;max-width:720px;width:100%;"
  referrerpolicy="no-referrer-when-downgrade"
></iframe>
<p style="font-size:12px;text-align:center;margin-top:8px;">
  Powered by
  <a href="https://sleep-age-calculator.vercel.app/" target="_blank" rel="noopener">Sleep Age Calculator</a>
</p>

Responsive container

Use this if your site has a non-standard content width or you want explicit control over the wrapper.

<div style="position:relative;width:100%;max-width:720px;margin:0 auto;">
  <iframe
    src="https://sleep-age-calculator.vercel.app/embed/sleep-age"
    title="Sleep Age Calculator"
    loading="lazy"
    style="display:block;width:100%;height:900px;border:0;border-radius:16px;"
    referrerpolicy="no-referrer-when-downgrade"
  ></iframe>
  <p style="font-size:12px;text-align:center;margin-top:8px;color:#6b7280;">
    Powered by
    <a href="https://sleep-age-calculator.vercel.app/" target="_blank" rel="noopener">Sleep Age Calculator</a>
  </p>
</div>

WordPress (with iframe shortcode plugin)

Requires the free iframe plugin by webvitaly. Otherwise, use the Standard snippet inside a Custom HTML block.

[iframe src="https://sleep-age-calculator.vercel.app/embed/sleep-age" width="100%" height="900"]

Just want a text link?

If iframes aren't allowed on your CMS (some newsletters, Medium, etc.), a plain link works fine.

<a href="https://sleep-age-calculator.vercel.app/" target="_blank" rel="noopener">
  Take the free Sleep Age Calculator &rarr;
</a>

One small ask

Each snippet includes a small attribution line below the calculator (“Powered by Sleep Age Calculator”). Please keep it intact — it's how readers find the full set of free sleep tools, and it's the only thing we ask in return for the unlimited free license.

What your readers get

Their biological sleep age in 60 seconds, scored against ten evidence-based factors.
A 0–100 sleep score with a category (Excellent through Critical) and an estimated REM/Deep/Light stage breakdown.
Personalized recommendations ranked by impact on their score.
Clinical red-flag detection when input patterns match known sleep-disorder phenotypes (with a clear “see a doctor” prompt rather than a diagnosis).

Embed FAQ

Is the widget free to embed?

Yes — free for unlimited use on personal blogs, publications, wellness sites, university pages, and corporate intranets. The only requirement is that the attribution link stays intact.

Does it collect any data from my readers?

No. All calculations run client-side in the reader's browser. No personal data is sent to our server, no accounts are required, and the iframe loads no third-party trackers or ad scripts.

Will it slow down my page?

No. The iframe uses native lazy-loading — the calculator only loads when a reader scrolls near it. Your page's Largest Contentful Paint is unaffected.

Can I customise the colours or remove the attribution?

The widget uses a neutral palette that blends with most sites. The attribution link is required and must stay visible. For custom theming or a white-label embed, contact us.

Does it work on mobile?

Yes. The widget is mobile-first and responsive — it adapts down to 320 px screens.

What's the canonical URL Google should index?

The embed page itself is set to noindex. Search engines should index the canonical calculator at https://sleep-age-calculator.vercel.app/. This is intentional — embed iframes shouldn't compete with the canonical page.

Questions or custom requests?

For white-label embeds, custom themes, or partnership requests, get in touch.