Net Pay Calculator Embed

Embed Our Calculator on Your Site

Add the Net Pay Kenya calculator to your website with a responsive embed that stays easy to preview, easy to copy, and easy to test before you publish.

Live preview

See the Net Pay embed in a controlled preview area before using it on your own site.

Copy embed code

Use the iframe snippet below as the starting point for adding the calculator to your page.

Fast and responsive

Plan the embed for desktop, tablet, and mobile layouts without needing the full calculator page.

Live preview

Your embed code

Copy and paste this snippet into your site.

<iframe
  id="netpay-embed-frame"
  src="https://netpaykenya.org/embed/preview.html"
  width="100%"
  style="border:0;width:100%;min-height:960px;"
  loading="lazy"
  title="Net Pay Kenya Calculator"
  referrerpolicy="strict-origin-when-cross-origin">
</iframe>
<script>
  (function () {
    var iframe = document.getElementById('netpay-embed-frame');
    if (!iframe) return;

    window.addEventListener('message', function (event) {
      if (event.origin !== 'https://netpaykenya.org') return;
      if (event.source !== iframe.contentWindow) return;

      var data = event.data || {};
      if (data.type !== 'netpay:embed:resize') return;

      var height = Math.max(Number(data.height) || 0, 960);
      iframe.style.height = height + 'px';
    });
  })();
</script>

Copy the iframe snippet below and place it inside a custom HTML block on your site.

Frequently Asked Questions

These answers focus only on embedding the Net Pay calculator and preparing it for a real host page.

1 What can I embed from this page?
This page is only for the Net Pay calculator embed. The idea is to give site owners one focused payroll tool that estimates gross pay, statutory deductions, and take-home pay without exposing the full Net Pay Kenya page layout, long article content, or unrelated calculators inside the same embed workflow.
2 Does the embed include the full article and site layout?
No. The embed should stay focused on the Net Pay calculator itself. That means the host page gets the calculator interface and result area, while the full site header, footer, long explanation sections, and FAQ content remain on Net Pay Kenya rather than being pushed into the embedded version.
3 Will the Net Pay embed work on mobile devices?
Yes. The embed is intended to stay usable across desktop, tablet, and mobile widths, including narrow content columns. The host page should still give the iframe enough vertical space, but the calculator itself should stack fields, buttons, and result panels cleanly on smaller screens without forcing horizontal scrolling.
4 Why use an iframe for the embed?
An iframe keeps the Net Pay calculator isolated from host-site CSS and JavaScript. That separation matters because payroll tools can break easily when a host site injects global button, form, table, or font styles. The iframe approach makes the embed safer, more predictable, and easier to support across many different sites.
5 Can I test the embed before I publish it?
Yes. This page is meant to lead into a dedicated preview workspace where the embed can be checked at different widths before it is added to a live site. That preview step is important because it lets you test whether the calculator still feels clean and readable inside your real content area before publishing it.
6 Should the embed stay full width in my page layout?
In most cases, yes. The safest first setup is to let the iframe expand to the full width of the host content area while keeping enough minimum height for the calculator and results. A cramped narrow box usually makes payroll inputs and totals harder to read, especially on phones.
7 Will the embed still link back to Net Pay Kenya?
Yes. Attribution back to Net Pay Kenya should remain part of the embedded experience so users can open the original calculator when they need the full version, extra explanation, or the broader payroll tools available on the main site.
8 Can I use the embed on WordPress or similar CMS pages?
In most cases, yes, provided the platform allows iframe embeds or a custom HTML block where the snippet can be pasted. Many site builders, CMS platforms, and blog editors support this, but some locked-down editors may strip iframe markup or require a custom-HTML widget.
9 Can I change the look of the calculator inside the iframe?
The host page can control the iframe container around the calculator, such as page spacing or section width, but the embedded calculator itself should remain controlled by Net Pay Kenya. That keeps the embedded tool readable, consistent, and less likely to break when copied across different host sites.
10 What comes after this page?
The next step is the dedicated preview page, where the Net Pay embed can be tested in real time before the final embed-specific JavaScript workflow is added. That preview flow should help confirm sizing, responsiveness, and general fit before the snippet is published on another site.