For website owners

Embed these calculators

Every calculator on this site can be dropped into your own page with one line of HTML. They're free to use, on any site, commercial or not. No sign-up, no API key, no tracking of your visitors.

The only condition is the attribution link — keep the "Powered by Punchtotal" line that comes with the code, and we're square.

How it works

Paste the snippet where you want the calculator to appear. It loads in an iframe from this site, so it stays up to date automatically — when a federal holiday rule changes or a calculation improves, your embedded copy gets it without you touching anything.

Everything runs in your visitor's browser. Nothing they type is sent anywhere, by us or by you, which means embedding a calculator doesn't change your own privacy obligations.

<iframe src="https://punchtotal.com/embed/time-card-calculator/"
        width="100%" height="900" loading="lazy"
        style="border:1px solid #ccc;max-width:820px"
        title="Time card calculator by Punchtotal"></iframe>
<p style="font:13px sans-serif">Powered by
  <a href="https://punchtotal.com/">Punchtotal Time card calculator</a>
</p>

<iframe src="https://punchtotal.com/embed/hours-and-minutes-calculator/"
        width="100%" height="920" loading="lazy"
        style="border:1px solid #ccc;max-width:820px"
        title="Hours and minutes calculator by Punchtotal"></iframe>
<p style="font:13px sans-serif">Powered by
  <a href="https://punchtotal.com/">Punchtotal Hours and minutes calculator</a>
</p>

<iframe src="https://punchtotal.com/embed/work-days-in-a-year/"
        width="100%" height="840" loading="lazy"
        style="border:1px solid #ccc;max-width:820px"
        title="Work days in a year by Punchtotal"></iframe>
<p style="font:13px sans-serif">Powered by
  <a href="https://punchtotal.com/">Punchtotal Work days in a year</a>
</p>

<iframe src="https://punchtotal.com/embed/pay-periods-in-a-year/"
        width="100%" height="820" loading="lazy"
        style="border:1px solid #ccc;max-width:820px"
        title="Pay Periods in a Year Calculator by Punchtotal"></iframe>
<p style="font:13px sans-serif">Powered by
  <a href="https://punchtotal.com/">Punchtotal Pay Periods in a Year Calculator</a>
</p>

<iframe src="https://punchtotal.com/embed/military-time-converter/"
        width="100%" height="640" loading="lazy"
        style="border:1px solid #ccc;max-width:820px"
        title="Military time converter by Punchtotal"></iframe>
<p style="font:13px sans-serif">Powered by
  <a href="https://punchtotal.com/">Punchtotal Military time converter</a>
</p>

Sizing it

The heights above are sensible defaults on a desktop-width column. If your layout is narrower the calculator will be taller, so raise the number until the scrollbar disappears.

If you'd rather it resize itself, add this once, anywhere on the page. The embed reports its height and this adjusts the frame to match:

<script>
window.addEventListener('message', function (e) {
  if (!e.data || !e.data.punchtotal) return;
  document.querySelectorAll('iframe[src*="punchtotal.com/embed/"]')
    .forEach(function (f) { f.style.height = e.data.height + 'px'; });
});
</script>

Rules, such as they are

• Keep the attribution link. It's the only thing being asked in return, and it needs to be a real, followable link — not an image, not a nofollow.
• Don't rehost the code. Copying the calculator's HTML and JavaScript onto your own server isn't covered by this. The iframe is.
• Don't imply endorsement. Embedding a tool doesn't make us a partner in whatever you're selling.
• No warranty. The figures are computed from published rules and checked against primary sources, but the same terms apply here as anywhere on the site — this is a calculation tool, not payroll or legal advice.

Something else you need?

If you want a calculator that isn't here, or a variant with different defaults for your industry, say so on the contact page. Requests from people actually using these things carry weight.