Free Webmaster Embed Widget
Embed Free Work Hours & Time Card Calculator On Your Site
Complete weekly timesheet calculator tracking daily clock-in/out, lunch deductions, overtime rates, and gross wages. Tailored for HR Portals, Freelancer Communities & Contractor Intranets. 100% free with no ad popups, no API keys, and responsive layout.
Free forever
Zero ad banners
Mobile responsive
HTTPS secured
Customize Embed Options
Widget Height650px
HTML iFrame Code
<!-- Free Work Hours & Time Card Calculator by Ubify Tools --> <iframe src="https://tools.ubify.app/embed/hours-calculator" width="100%" height="650" style="border:1px solid rgba(255,255,255,0.15); border-radius:12px; max-width:100%; box-shadow:0 4px 20px rgba(0,0,0,0.08);" title="Work Hours & Time Card Calculator" loading="lazy"> </iframe> <p style="font-size:11px; color:#888; text-align:right; margin-top:4px;"> Free Calculator by <a href="https://tools.ubify.app" target="_blank" rel="noopener noreferrer" style="color:#3b82f6; text-decoration:underline;">Ubify Tools</a> </p>
WordPress / CMS Shortcode
[iframe src="https://tools.ubify.app/embed/hours-calculator" width="100%" height="650" frameborder="0" style="border:1px solid #e2e8f0; border-radius:12px;"]
Recommended For:
- Company intranets helping remote employees verify weekly timesheets
- Freelance job boards providing billing estimation tools
- Small business resource portals assisting with payroll calculations
Live Embedded Sandbox
How to Embed This Calculator on Any Platform
1. WordPress (Block & Classic)
In the Gutenberg block editor, add a Custom HTML block, paste the snippet, and hit publish. In Elementor, drag the HTML widget into your column.
2. Webflow, Wix & Squarespace
Add an Embed or Code component to your page canvas. Paste the iframe snippet directly and set container width to 100%.
3. React / Next.js / Vue
Render the iframe JSX with src="https://tools.ubify.app/embed/hours-calculator", loading="lazy", and responsive inline styling.