How to embed the timer widget
Choose the countdown duration, customize the title, colors, font, size, and timer settings, then copy the generated iframe code and paste it into your website.
Timer Widget
Free Website Widget. Create a customizable countdown Timer widget and embed it on your website using a simple iframe code.
Live Preview
See exactly how your widget will look before copying the embed code
Embed Code
<iframe
src="https://www.smartclocktools.com/embed/timer?title=TIMER&showAddMinute=true&showAdd5Minute=true&showAdd30sec=true&hours=0&minutes=5&seconds=0&showHours=true&playSound=true&language=en&background=%23ffffff&panelBackground=%23f8fafc&textColor=%23111827&accentColor=%232563eb&secondaryColor=%2364748b&font=system-ui&fontSize=52&borderRadius=20&shadow=md&width=420&height=360"
width="420"
height="360"
loading="lazy"
style="border:0;overflow:hidden;"
title="SmartClockTools Widget"
></iframe>Customize
Presets
Where to use an online timer
A timer widget is useful for classroom activities, workouts, presentations, meetings, productivity sessions, quizzes, training platforms, games, and timed exercises.
Custom countdown timer for your website
Set the starting hours, minutes, and seconds and customize the timer appearance to match your website. Visitors can control the countdown directly inside the embedded widget.
Frequently Asked Questions
Customize the widget using the settings above, preview the result, and copy the generated iframe code when you are ready. The embed code can be added to websites and website builders that support HTML or iframe embeds.