GintiCalcEvery calculation

Embed

Put a calculator on your website

Every GintiCalc calculator can be embedded with one snippet. It is free, needs no account, and the calculation runs in your visitor's browser.

  1. 1

    Open a calculator

    Find the one that fits your page, enter the numbers you want it to start with if any.

  2. 2

    Press Embed

    The button sits under the calculator. Choose the options and copy the code.

  3. 3

    Paste it in

    Put the code in your page's HTML. Keep the link under it, which is how readers find the full version.

Example: the Percentage Calculator

<iframe src="https://www.ginticalc.com/embed/math/percentage-calculator" title="Percentage Calculator by GintiCalc" width="100%" height="640" style="border:0;max-width:720px" loading="lazy"></iframe>
<p style="font:13px/1.4 system-ui,sans-serif;margin:4px 0 0"><a href="https://www.ginticalc.com/math/percentage-calculator">Percentage Calculator</a> by <a href="https://www.ginticalc.com">GintiCalc</a></p>
<script>window.addEventListener("message",function(e){var d=e.data;if(!d||d.source!=="ginticalc"||!d.height)return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=d.height+"px"}}});</script>

The <script> is optional. Without it the frame stays at 640 px tall.

Fits itself

The frame reports its height to your page, so there is no scrollbar inside it and no gap under it.

Light or dark

Follow the visitor's setting, or pin it to match your site with theme=light or theme=dark.

Pre-filled

Enter your numbers on any calculator, tick “Start with my current numbers” and the embed opens with them.

The one condition

Leave the “by GintiCalc” link that comes with the snippet where it is. That link is the only price. Embedded calculators are not indexed separately; they point to the full page as the original.

Popular to embed

Or browse all calculators and press Embed on the one you want.