Embed & Partner

Embed the Zakat Calculator

Add a fully-functional, mobile-friendly Zakat Calculator to your mosque website, Islamic blog, or any web page — free, with a single copy-and-paste. No sign-up or hosting required.

1

Copy the embed code

Click the button below to copy the code, or select all text in the box and copy manually.

<iframe
  src="https://www.zakat-calculator.org.uk/embed/zakat-calculator"
  id="zakat-calc-iframe"
  width="100%"
  height="820"
  frameborder="0"
  scrolling="no"
  title="Zakat Calculator 2026 — World Aid Network"
  style="border:none;max-width:720px;display:block;border-radius:8px;"
></iframe>
<script>
window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'zakat-calc-resize') {
    var f = document.getElementById('zakat-calc-iframe');
    if (f) f.height = e.data.height + 32;
  }
});
</script>
2

Paste into your website

Paste the code into your page's HTML where you want the calculator to appear. It works in WordPress (Custom HTML block), Wix, Squarespace, and any site that allows HTML embeds.

WordPress Wix Squarespace Webflow Any HTML
3

That's it

The calculator auto-resizes to fit its content. Gold and silver prices are pre-loaded. Users can calculate Zakat on cash, gold, silver, stocks, pension, crypto, and business assets.

Live preview

This is exactly what your visitors will see — the full calculator, embedded below.

Frequently asked questions

Is it free to embed?
Yes, completely free. We ask only that you retain the "Powered by World Aid Network" attribution link at the bottom of the calculator.
Will it work on mobile?
Yes. The calculator is fully responsive and works on phones, tablets, and desktops. Set width="100%" (as in the code above) and it will fill the available width.
How does the auto-resize script work?
The embed page uses postMessage to send its height to the parent page. The small script in the embed code listens for these messages and adjusts the iframe height automatically — so the calculator never shows a scrollbar and fits all content neatly.
Can I customise the look or remove the attribution?
The design is fixed to match our brand. If you'd like to discuss a white-label integration or remove the attribution link, contact us and we'll discuss partnership options.
Will the embed slow down my website?
No. An iframe loads independently of your page — it does not block your page's render or affect your Core Web Vitals. The calculator loads only when the user's browser reaches it.
How do I adjust the initial height before auto-resize kicks in?
Change the height="820" attribute in the iframe tag to your preferred starting height (in pixels). The auto-resize script will then adjust it once the calculator renders. 820px is a good default for desktop; try 750px if your layout is narrow.