Embed builder

Embed the Scientific Notation Calculator on your site

Drop a fully working sci notation on your blog, landing page, or course in two clicks. Three sizes, a theme picker, optional brand-color override, automatic resize. No signup, no JavaScript dependencies, no fees — and zero ads inside the embed.

Live preview

full · auto

Auto-resizes via postMessage. On your site the iframe height matches the calculator content exactly — no scrollbar.

Copy code

<iframe
  src="https://calcbold.com/embed/scientific-notation-calculator"
  data-calcbold-slug="scientific-notation-calculator"
  loading="lazy"
  scrolling="no"
  style="border:0;width:100%;"
  title="scientific notation calculator — CalcBold"
></iframe>
<script defer src="https://calcbold.com/embed.js"></script>

How embedding works

CalculationRuns entirely inside the iframe — no data leaves the visitor's browser.
Auto-resizeThe embed posts its height via postMessage; the loader script resizes the iframe to match — no scrollbar, ever.
BrandingA subtle "Powered by CalcBold" link footer keeps the free tier free. Pro tier (coming) removes it.
UpdatesCalculator improvements ship to every embedded copy automatically — never re-paste code.

Common questions

Is this really free?

Yes. The embed itself, the resize loader, the API behind every answer, and the supporting platform are all free. The "Powered by CalcBold" footer link is the only catch — and you can remove it on a Pro plan when that ships.

Does this work on WordPress / Webflow / Substack / Notion?

The HTML iframe snippet works on any host that allows raw HTML (Webflow custom-code blocks, WordPress Custom HTML block, Substack Pro, Ghost, hand-coded sites). The JS snippet works when iframes are stripped but scripts allowed. A dedicated WordPress plugin shortcode lands in the next phase (K.4).

How does the embed affect my site speed?

The iframe loads lazily (loading="lazy") and is served from a Cloudflare edge cache. The resize loader is < 1 KB gzipped, deferred, and cached for 24 h. Net impact on Core Web Vitals: zero on LCP/CLS, negligible on INP.

Will my visitors see ads inside the embed?

No. The /embed/*surface is ad-free by design — both for cleaner UX on your site and to comply with AdSense's "widget designed to leech revenue" policy. Ads run on the main calc page, where the "Powered by" click-through lands.