Preview
Embed code
Paste these two lines where the calculator should appear:
<div data-calchours="en"></div>
<script async src="https://calchours.com/embed.js"></script>Options as attributes on the div: data-country="US-CA" or "UK" for the rule set, data-mode="week" to start in time card mode. German version: data-calchours="de".
Without a script, as a plain iframe with a fixed height:
<iframe src="https://calchours.com/embed" title="Work hours calculator" width="100%" height="640" style="border:0;border-radius:16px" loading="lazy"></iframe>Terms
- Free for personal and commercial websites, including intranets.
- The line "Work hours calculator by CalcHours" below the widget stays visible.
- Your visitors' entries are stored only in their browsers; the widget sets no cookies and loads no ads.
- The widget is served from calchours.com; rule updates arrive automatically.
Frequently asked questions
Does the widget work on WordPress, Wix or Squarespace?
Yes. Paste the code into an HTML block (WordPress: Custom HTML block, Wix: Embed HTML, Squarespace: Code block). If your platform strips script tags, use the iframe version with a fixed height instead.
Will it slow down my page?
Hardly. The loader is under 1 KB, and the calculator itself loads lazily inside an iframe, so it does not affect your page's own load time. No advertising or tracking scripts are loaded.
Can I change colors or language?
Choose the language with data-calchours="en" or "de" and the rule set with data-country. The widget follows the visitor's light or dark mode automatically. Further theming is not available at the moment.
Related calculators
- Work Hours CalculatorEnter your start time, end time and unpaid breaks to get hours worked for a day, a week or a pay period in hh:mm and decimal hours. Overnight shifts, overtime and pay are handled automatically.
- Time Card Calculator with Lunch and OvertimeFill in clock-in, clock-out and lunch for each day of a weekly or biweekly pay period. The time card totals hours in hh:mm and decimal, splits regular and overtime hours, and can be printed or exported.
- Timesheet template for ExcelTwo templates with working formulas: a weekly time card and a monthly timesheet. Enter clock times; the totals take care of themselves.