calc.embed

Embed These Calculators

Q: Do I need to credit PercentageOfCalculator.com?

The embedded widget includes a small 'Powered by' attribution link by default. We ask that you leave it in place, but the calculator itself is free to use either way.

Add a working calculator to your own site in one paste. Free, no signup, no API key — just copy the code below.

Percentage Calculator

The full 3-in-1 percentage calculator — % of a number, what percent one number is of another, and % change — with live explanations.

<iframe
  src="https://percentageofcalculator.com/index-embed.html"
  width="100%"
  height="650"
  style="max-width:480px; border:none; border-radius:8px;"
  title="Percentage Calculator"
  loading="lazy">
</iframe>

Recommended: width: 100% with max-width: 480px, height 650px. Works in a sidebar or narrower column too.

More Calculators (full hub)

A grid linking out to all 12 calculators on the site — percentage, discount, tax, tip, salary, compound interest, and more.

<iframe
  src="https://percentageofcalculator.com/more-calculators-embed.html"
  width="100%"
  height="950"
  style="max-width:640px; border:none; border-radius:8px;"
  title="More Calculators"
  loading="lazy">
</iframe>

Recommended: width: 100% with max-width: 640px, height 950px (12 cards in a 2-column grid). Increase the height if you add more surrounding padding.

Embedding tips

Responsive width: both snippets use width:100% with a max-width, so they'll shrink to fit a narrow column or sidebar automatically.
Fixed height: iframes don't auto-resize to their content, so the height is fixed at a size that comfortably fits everything without scrolling. If your embed looks cut off, increase the height value.
Attribution: each widget includes a small "Powered by PercentageOfCalculator.com" link — please leave it in place.
No ads inside the embed: the embedded widgets don't carry any ads of ours, so they won't compete with anything already on your page.
Theme: embeds use a fixed light theme so they sit reasonably well on most backgrounds, regardless of your site's own dark/light mode.

Frequently asked questions

Quick answers to common embedding questions.

Is embedding these calculators free?

Yes. There's no signup, no API key, and no usage limit. Just copy the iframe code and paste it into your page.

Do I need to credit PercentageOfCalculator.com?

The embedded widget includes a small "Powered by" attribution link by default. We ask that you leave it in place, but the calculator itself is free to use either way.

Will the embedded calculator match my site's design?

The embed uses a clean, neutral light theme designed to sit reasonably well on most site backgrounds. It runs inside an iframe, so it keeps its own styling rather than inheriting your site's CSS.

Does the embedded widget slow down my site?

The widget loads lazily and runs independently in its own frame, so it shouldn't block your page's main content from loading. It's a lightweight page with no heavy scripts or images.