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.

Style

Heading

Leave blank to hide the heading.

Heading alignment

Width

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

Live preview

Embed code

<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>

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

How to add the Tithe Calculator to your website

The embed runs entirely in the visitor's browser — nothing is sent back to your server, and the math is the same simple 10% you get on the homepage tithe calculator. The included attribution link helps people find the full calculator and supports keeping this tool free.