Embed the Tithe Calculator

Put the free Tithes.app calculator on your church site, blog, or stewardship page. Choose a style, set the width, and copy the code. No account, no cost.

Leave blank to hide the heading.

Use % for a responsive width, or px for a fixed size. The embed never exceeds its container.

Paste this where you want the calculator to appear. The small script auto-sizes the iframe height as people use it.

What the widget does

It's the same calculator that runs on the Tithes.app homepage, packaged as an iframe you can drop into any page. A visitor types a paycheck amount, picks how often they're paid, and gets their 10% tithe instantly. The math runs entirely in their browser. No income numbers are sent to your server or ours, and there's nothing to install, configure, or keep updated on your end.

Church websites are the obvious home for it: a giving page, a stewardship class, a new-members section. But it fits anywhere people think about giving, like ministry blogs and personal finance sites. If your readers ever wonder what ten percent of their paycheck comes to, the widget answers without sending them somewhere else.

How to add the Tithe Calculator to your website

  1. Pick Full or Compact above. Full matches the homepage calculator; Compact fits sidebars and narrow columns.
  2. Set the heading and its alignment, or clear the heading to hide it entirely.
  3. Set the width. Use % for responsive layouts, px for a fixed size.
  4. Click Copy code and paste the snippet into your page's HTML.

The live preview shows exactly what your visitors will see. The included attribution link helps people find the full calculator and supports keeping this tool free.

What the code looks like

Here's the default snippet, full style at 100% width. Yours will differ a little depending on what you pick above. 

<iframe src="https://www.tithes.app/embed/?variant=full" title="Free Tithes Calculator" data-tithes-calculator style="width:100%;max-width:100%;border:0;height:490px;" loading="lazy"></iframe>
<p style="font-size:12px;text-align:center;margin:8px 0 0;"><a href="https://www.tithes.app" target="_blank" rel="noopener">Free Tithes Calculator provided by Tithes.app</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://www.tithes.app")return;var d=e.data||{};if(d.type==="tithes-embed-height"){document.querySelectorAll("iframe[data-tithes-calculator]").forEach(function(f){f.style.height=d.height+"px"})}});</script>

Three pieces: the iframe that loads the calculator, the attribution link, and a few lines of script that resize the iframe as people use it. That's the whole footprint.

Common questions

Does it cost anything?

No. No account, no API key, no email capture. The only ask is the attribution link under the calculator, which stays in the snippet.

Will it slow my site down?

It shouldn't. The iframe loads lazily, so it doesn't compete with your page's first paint, and the embed itself is a small page with no ad scripts or trackers.

Does it collect my visitors' data?

No. The calculation happens in the visitor's browser, and the numbers they type never leave it.

Will it work on WordPress, Squarespace, or Wix?

Yes. The snippet is plain HTML, so any platform with an HTML or embed block can run it. On WordPress use a Custom HTML block; on Squarespace and Wix use their code embed elements.