Add a countdown timer to your website
Show the time left to your sale, launch or event, a daily order cut-off, or each visitor's own offer. Pick a design, paste one line of code, and it counts down by itself.
- Free plan
- No credit card
- Works on any website
yourwebsite.com
The real widget, with a sample business. Try it.
How it works
How to add a countdown timer to your website
Set when it ends, choose a look, paste the code.
Set when it ends
A date and time in your time zone, a time every day (such as 3 pm for same-day dispatch), or a few hours from each visitor's first visit.
Choose the look
Cards, flip tiles, rings, big digits, words, or a slim bar with your button. Your colours, a photo or a blend of two colours behind it, any size.
Paste the embed code
Put it in the page, or pin it to the top or bottom of the screen. Change the date any time; your site follows without touching the code.
Features
A timer that sells, not just ticks
Three kinds of deadline
One moment for everyone, a cut-off that comes back every day on the days you pick, or each visitor's own timer kept in their browser.
Top or bottom bar
Pin it to the edge of the screen as a slim bar with your offer and a button. Visitors can close it for the rest of their visit.
A new colour near the end
The digits change colour in the last hours you choose, so the deadline feels close.
When the time is up
Show a message, hide the timer, keep it at zero, send visitors to another page, or start a visitor's timer again.
Six designs
Cards, flip tiles that turn, rings that empty, big digits, a sentence of words, or one slim line.
Your words, any language
Your own names for days, hours, minutes and seconds, short labels, or none. An Add to calendar link for a date.
Every colour is yours
Digits, tiles, rings and button, on your page, a theme panel, a colour, a blend of two, or a photo.
Fits a phone
The digits shrink to fit a small screen, and people who prefer less motion see them change without animation.
Designs
Six ways to show the time left
The same timer, drawn your way.
Cards
Each unit on its own tile, with its name under it.
Flip
Dark split tiles that turn over as the seconds fall.
Rings
Each unit inside a ring that empties as time runs out.
Bar
Heading, time and button in one slim line.
Everything included
Everything in the countdown timer widget
Every design and setting you can use. Most are on every plan; the few that need a paid plan say so.
What it counts to
- A date and time, in any time zone
- A daily cut-off, on the days you choose
- Each visitor's own timer, from a few minutes to 30 days
- An optional start, so it only shows from that moment
- An Add to calendar link
When it reaches zero
- Hide the timer
- Show your message instead
- Stay at zero
- Send the visitor to a page
- Start again, for a timer that repeats
Designs
- Cards, big digits, flip tiles, rings, a slim bar, or plain words
- In the page, or pinned to the top or bottom of the screen with a close button
- Days, hours, minutes and seconds, each on or off
- Long labels, short ones, or none
Your look
- Sizes, fonts and italics
- Colours for numbers, labels, the heading, tiles, rings and the button
- A different colour in the last hours, so it feels urgent
- Nothing behind it, a panel, your colour, a gradient or a photo
- Width, corners, padding, and left or centre
Words and button
- A heading and a line under it
- A button to a page, an email or a phone number
Who it is for
Where a countdown earns its place
A sale or a launch
Black Friday, a product drop or early-bird prices, pinned as a top bar on every page.
Same-day dispatch
Order in the next 2 hours 14 minutes and it ships today, every weekday.
An event
A webinar, a wedding or an opening, with an Add to calendar link.
Works everywhere
Add your countdown anywhere
Copy the embed code from your dashboard, then:
- WordPress
- Add a Custom HTML block and paste the code.
- Shopify
- Add a Custom Liquid section and paste the code.
- Wix
- Add an Embed Code element and paste the code.
- Squarespace
- Add a Code block and paste the code.
- Webflow
- Drag in an Embed element and paste the code.
- Any HTML site
- Paste the two lines where the timer should appear.
Common problems
Timer not working? Check these first
Most problems have a quick fix. Find yours below.
I closed the top bar and now it's gone
Closing the bar hides it for the rest of that visit, in that browser tab. Open your page in a new tab and it's back. Your visitors get the same choice.
My per-visitor timer won't start over when I test it
Each visitor's timer is saved in their own browser, so it keeps running when they come back. To see what a brand new visitor sees, open your page in a private or incognito window.
It ends at the wrong time
Check the time zone in the widget. A date ends at the same moment everywhere, in the zone you picked. If you chose the visitor's own clock, it ends at that time where each visitor is.
The timer doesn't show at all
If you set a start time, it only shows from that moment. If the time is up and you chose Hide the timer, it's hidden on purpose. A daily cut-off only shows on the days you ticked.
The flip tiles and rings don't move
That device probably has Reduce motion turned on. The digits still change every second, just without the animation.
Nothing shows on my website
Add your website in the Install tab, under Allow your website, then open the live page (not your builder's editor). Still blank? Right-click the spot, choose Inspect, and look for a [widgetpop] line in the Console tab.
Still stuck? Email [email protected] and we usually reply within a day.
Help center
Countdown Timer guides
Step by step, with screenshots of the dashboard.
FAQ
Countdown timer: questions
How do I add a countdown timer to my website?
Create the widget, set the date or time it ends, pick a design and paste the embed code. It counts down by itself.
Does everyone see the same time left?
Yes, for a date: it ends at the same moment everywhere, in the time zone you pick. You can also count to midnight on each visitor's own clock.
Can each visitor get their own timer?
Yes. It starts on their first visit and keeps running when they come back, so a 24-hour offer really lasts 24 hours for each of them.
Can it sit at the top of every page?
Yes. Pin it as a top or bottom bar; it stays at the edge of the screen and visitors can close it.
What happens when the time is up?
You choose: a message, nothing, zeros, another page, or (for a visitor's own timer) a fresh start.
Will it slow down my website?
No. It is one small script that loads after your page and only updates the digits once a second.
More widgets
One account, every widget
Use them together on the same site, from the same dashboard.
Pricing
Start free. Upgrade when it pays off.
No credit card to start. Cancel any time.
Starter
/month
- 1 website
- Unlimited widgets
- Unlimited views
- Remove “Powered by WidgetPop”
- Email support
Pro
/month
- 3 websites
- Unlimited widgets
- Unlimited views
- Remove “Powered by WidgetPop”
- Priority email support
Agency
/month
- 10 websites
- Unlimited widgets
- Unlimited views
- Remove “Powered by WidgetPop”
- Priority email + chat support
Pick any of our widgets on every plan. Analytics included.
Prices in US dollars. Tax, where it applies, is added at checkout.
Add a countdown timer to your site
Free plan, no credit card. Your timer is ready in a minute.
Create your free widget