Back to Home

Embed Our Calculators on Your Website

Add free, responsive calculators to your website or blog in under a minute. No sign-up required. Works with any platform.

Why Embed Our Calculators?

Free Forever

No sign-up, no API key, no hidden costs. Just copy, paste, and go.

Light & Dark Themes

Choose a theme that matches your site. Switch with a single URL parameter.

Auto-Resize

The iframe adjusts its height automatically to fit the calculator content.

Fully Responsive

Works on mobile, tablet, and desktop. Adapts to any container width.

250+ Calculators

Finance, math, health, construction, education, and more.

Fast & Lightweight

Lazy-loaded with minimal footprint. Won't slow down your page.

How to Embed

1

Go to any calculator on ganak.app

Browse our 250+ calculators and pick the one you need.

2

Click "Get Embed Code"

You'll find the embed section below every calculator.

3

Choose your theme

Pick light or dark to match your site's design.

4

Copy and paste into your HTML

The code works anywhere you can add HTML.

Example Embed Code

Here's what the embed code looks like for the BMI Calculator:

HTML
<iframe
  id="ganak-calculators-bmi-calculator"
  src="https://ganak.app/calculators/bmi-calculator/?embed=true&theme=light"
  style="border:none;border-radius:8px;width:100%;min-height:400px"
  title="BMI Calculator"
  allow="clipboard-write"
  loading="lazy"
></iframe>
<script>
  window.addEventListener("message", function(e) {
    if (e.origin === "https://ganak.app"
        && e.data && e.data.type === "ganak-resize") {
      var f = document.getElementById("ganak-calculators-bmi-calculator");
      if (f && f.src.indexOf(e.data.id) !== -1)
        f.style.height = e.data.height + "px";
    }
  });
</script>

Customization

Theme

Set the theme parameter in the iframe URL:

?embed=true&theme=light — Light mode (default)

?embed=true&theme=dark — Dark mode

Auto-Resize

The embed code includes a small script that listens for height updates via postMessage. The iframe resizes automatically when content changes. No configuration needed.

Custom Height

The default minimum height is 400px. Change it by editing the min-height in the iframe's style attribute. Auto-resize takes over once loaded.

Platform Guides

WordPress

Edit your post or page, add a "Custom HTML" block, and paste the embed code.

Blogger

In the post editor, switch to "HTML view" and paste the embed code where you want the calculator.

Wix

Add an "Embed HTML" element from the Add menu, then paste the embed code.

Squarespace

Add a "Code" block to your page and paste the embed code.

Shopify

Edit your page or blog post, click "Show HTML" (<>) in the toolbar, and paste the embed code.

Any HTML Page

Paste the embed code directly into your HTML file where you want the calculator to appear.

Embed Terms of Use

By embedding our calculators, you agree to the following:

Free for all websites — personal blogs, business sites, educational portals, and commercial projects.
Keep the attribution visible — the "Powered by ganak.app" bar must remain visible and unmodified.
Do not alter the iframe content — do not inject CSS/JS into the iframe or obscure the attribution bar.
No uptime guarantee — we provide the service on a best-effort basis. We may update calculator functionality at any time.

For full legal terms, see our Terms of Service.

Frequently Asked Questions

Ready to Get Started?

Browse our calculators and grab the embed code from any calculator page.

Browse All CalculatorsView an Example