Copy the code
Paste it where the calculator should appear: an HTML block in WordPress, Squarespace, Wix, Google Sites, or your intranet.
<iframe src="https://hourwage.com/embed/time-card" title="Time card calculator" width="100%" height="980" style="border:0;max-width:100%" loading="lazy"></iframe>
<p style="font-size:13px">Time card calculator by <a href="https://hourwage.com/">HourWage</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://hourwage.com"&&e.data&&e.data.hourwage==="resize"){document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})}});</script>
Without the second snippet the calculator is 980 px tall and scrolls inside its frame if needed. Change height to fit your layout.
Preview
What your visitors get
- Start and end times for each day, unpaid breaks, split shifts and overnight shifts.
- Federal overtime or state rules (California, Alaska, Nevada, Colorado), rounding, hourly pay.
- One or two weeks, a PDF time card with signature lines, CSV for payroll.
- No ads, no pop-ups and no sign-up. Entries stay in the visitor's browser.
Using it for a team or a class? Tell us what would help, for example a different default pay period.
Embedding questions
Is the embedded calculator free?
Yes. You can add it to any website, intranet or class page at no cost. There are no ads inside the calculator and nobody has to sign up.
Does the widget set cookies or collect personal data?
No cookies. The times people enter stay in their own browser. We count anonymous usage (for example, how many times the widget was opened and on which site), without cookies or personal data. See the privacy policy.
Do I have to keep the link under the calculator?
It is not required, but we appreciate it: the link is how other people find the free calculator. Please keep it visible and do not change the wording into keywords.
Will the calculator change?
We fix bugs and keep overtime rules up to date, and your embed updates automatically. The address of the widget stays the same.