UK Prayer Times

For mosques & websites

Embed our free Zakat calculator

Add a full UK Zakat calculator — live gold & silver nisab, metals by weight or value, debts and 2.5% worked out — to your mosque, charity or blog website with one copy-and-paste.

Quick Answer

Copy the iframe embed code below and paste it into any HTML block (WordPress Custom HTML, Wix Embed HTML, Squarespace Code Block). The calculator is free forever, auto-resizes to its content, and requires only that you keep the UK Prayer Times attribution link.

Last updated

1. Copy the embed code

<iframe
  src="https://prayer-times.co.uk/embed/zakat-calculator"
  id="ukpt-zakat-iframe"
  width="100%"
  height="760"
  scrolling="no"
  style="border:0;max-width:720px;display:block"
  title="Zakat Calculator — UK Prayer Times"
></iframe>
<script>
window.addEventListener('message', function (e) {
  if (e.data && e.data.type === 'ukpt-zakat-resize') {
    var f = document.getElementById('ukpt-zakat-iframe');
    if (f) f.height = e.data.height + 24;
  }
});
</script>

2. Paste it into your site

The snippet works anywhere HTML embeds are allowed:

The included script resizes the iframe automatically as the calculator grows — no inner scrollbars. Adjust height="760" if you want a different starting height.

3. Live preview

Exactly what your visitors will see:

Conditions of use

Embed FAQ

Is the Zakat calculator embed really free?
Yes — free forever, for any website. We ask only that you keep the "UK Prayer Times" attribution link beneath the calculator. Reselling the embed or offering it as a paid/white-label product is not permitted.
How do I embed the calculator in WordPress?
In the block editor, add a "Custom HTML" block where you want the calculator to appear and paste the embed code. It also works in the classic editor via the Text (HTML) tab. No plugin is required.
How do I embed the calculator in Wix or Squarespace?
On Wix, add an "Embed HTML" element and paste the code. On Squarespace, add a "Code Block" (available on Business and Commerce plans) and paste the code. The iframe auto-resizes to fit its content in both.
How does the auto-resize script work?
The calculator page uses postMessage to send its height to your page. The small script in the embed code listens for these messages and adjusts the iframe height automatically, so the calculator never shows an inner scrollbar.
Will the embed slow down my website?
No. An iframe loads independently of your page — it doesn't block rendering or affect your Core Web Vitals, and the calculator only fetches live metal prices once it loads.
Can I remove the attribution link?
No — the attribution link is the only condition of free use. If you need a white-label or custom integration, please get in touch via the suggestion form and we can discuss partnership options.
Open the full calculator → Prayer times widget