WebTools

The WebTools handbook

Add a calculator to your website

Choose a calculator, copy a snippet and paste it into your site's HTML. No account or API key.

Last reviewed

1. Choose your calculator

Every calculator is available, with the same calculations, input help and disclaimers as the full page.

Preview the embedded calculator

2. Copy one of these snippets

Option A: iframe, no host JavaScript

Works in a custom HTML block, including editors that remove scripts but allow iframes. The frame is 900 pixels tall and scrolls when needed. Change its height to fit your layout.

<iframe src="https://webtools.raturi.in/embed/sip-calculator/" title="SIP Calculator by WebTools" width="100%" height="900" loading="lazy" referrerpolicy="no-referrer" style="width:100%;border:0"></iframe>
<p><a href="https://webtools.raturi.in/sip-calculator/" target="_blank" rel="noopener noreferrer">Open SIP Calculator on WebTools</a></p>

Option B: auto-resizing JavaScript

The loader adds an iframe and adjusts its height as the calculator changes. Your editor must allow external scripts. Add the snippet once for each calculator you want to show.

<script src="https://webtools.raturi.in/embed.js" data-tool="sip-calculator" async></script>
<p><a href="https://webtools.raturi.in/sip-calculator/" target="_blank" rel="noopener noreferrer">Open SIP Calculator on WebTools</a></p>

3. Paste, preview and check

  1. Paste the snippet into your page's HTML or custom HTML block, not a rich-text paragraph.
  2. Keep the fallback link, and give the calculator the full available width. Check your published page on a phone and with the keyboard.
  3. Keep the visible “Powered by WebTools” credit, explanation link and disclaimers. Do not cover, crop or remove them.
  4. Open an input's help guide and change a value to confirm that the calculator works.

Permissions, licence and credits

Hosted embeds are free for personal and commercial websites with visible WebTools credit. They are provided as is, without an uptime promise. WebTools source is proprietary: this is not permission to copy, modify or rehost the source.

Read the licence and third-party credits, terms of use and privacy policy. For different arrangements, contact Nitin Raturi.

Privacy and security

Calculations run inside the iframe. Embeds load no WebTools analytics or ads. The optional loader exchanges only protocol identifiers and frame height, never calculator inputs, results or text. Your site's own analytics and privacy practices are separate.

Loading an embed contacts WebTools' host, Cloudflare, which processes technical request information to serve it. The supplied iframe uses a no-referrer policy. Do not add sensitive input values to an embed URL; query strings in any requested URL can reach the host.

If an embed does not load

  • Use the dedicated /embed/<slug>/ address. Ordinary WebTools pages deliberately block framing.
  • If your site has a Content Security Policy, allow https://webtools.raturi.in in frame-src. For Option B, also allow it in script-src. Host style rules must permit the frame's width and border styling, or apply your own .webtools-embed-frame CSS.
  • Some website editors and blockers remove external scripts. Try Option A, or keep the full-calculator link.
  • Use an HTTP or HTTPS page, not a local file or sandbox with an opaque origin. Do not add a sandbox that disables scripts or same-origin loading; it prevents calculator hydration or automatic sizing.
  • If automatic sizing is unavailable, the iframe remains scrollable. There is a 30,000-pixel sizing limit for very long results; the remaining content scrolls inside the frame.
  • With JavaScript disabled, the calculator shows its worked fallback example rather than interactive results. The full page explains the formulas and assumptions.