Works on any site
The iframe is plain HTML and does not depend on a framework, plugin or API integration.
Free website widget
Add a Clock Out Calculator to Your Website
Help employees, shift workers and HR readers calculate when their workday ends without leaving your page. The calculator is free, responsive and runs without an account or API key.
Get the embed codeFree to useMobile friendlyNo visitor data entry is sent to you
Live widget preview
Install in about two minutes
One snippet, no maintenance
Copy the code below into an HTML or custom-code block. My Clock Out hosts the calculator, so improvements appear automatically.
Copy and paste
Responsive iframe code
<iframe
src="https://www.myclockout.com/embed/clock-out-calculator"
title="Clock Out Calculator"
width="100%"
height="620"
loading="lazy"
style="border:0;border-radius:24px;max-width:560px"
></iframe>
<p>
<a href="https://www.myclockout.com/" target="_blank" rel="noopener">
Clock Out Calculator by My Clock Out
</a>
</p>No JavaScript or API key required.
- 1
Copy the code
Use the button or select the snippet manually.
- 2
Paste it into your page
Use an HTML block in WordPress, Webflow, Squarespace, Wix or your CMS.
- 3
Preview and publish
Check the width on mobile. Increase the height if your theme enlarges form controls.
Designed for useful content
A practical tool your readers can use immediately
Responsive by default
A fluid width lets the calculator fit article columns, resource pages and mobile screens.
Clear and accessible
Labeled fields, keyboard controls and live results make the tool straightforward for more visitors.
Before you install
Embed widget FAQ
Is the clock out calculator widget free?+
Yes. You can embed the widget without an account, subscription or API key.
Can I change its size?+
Yes. Keep width at 100% for responsive layouts and adjust the height value if your page needs more or less vertical space.
Does the widget calculate overnight shifts?+
Yes. When work and break time cross midnight, the result is labeled as the next day.
Can visitors open the full calculator?+
The attribution link opens My Clock Out in a new tab, where visitors can use sharing, reminders and additional work-time tools.
More free tools