A countdown creates urgency, and urgency moves people to act. The Countdown Timer widget in Master Addons for Elementor drops a timer on any page that ticks down to a date you set, with ten ready-made style presets and control over every label, unit, and color from the Elementor panel.
It fits sales, launches, webinars, and back-in-stock notices, anywhere a deadline pushes a decision. You pick a target date, choose a preset like Card or Circle, decide which time units to show, then style it to match your brand. Below is a run through every setting.
What the Countdown Timer widget does #
The widget counts down to a date and time you set, showing years, months, days, hours, minutes, and seconds. You decide which of those units appear, what each one is labeled, and how the whole thing looks through a set of style presets.
It has three tabs: Content for the date, units, and presets, Style for the colors and spacing, and Advanced for the usual Elementor options. There is also a repeat option for timers that should restart instead of hitting zero once.
Before you start #
- WordPress with Elementor installed and active.
- Master Addons for Elementor installed and active. New to the plugin? See the installation guide.
- The target date and time you are counting down to.
How to add the Countdown Timer widget #
In the Elementor editor, open the Elements panel and search for Countdown Timer, or scroll to the Master Addons section. Drag it onto your page. It loads with a working timer so you can see the units right away.
Set the date and repeat option #
Open the Content tab. The Timer section holds the basics.
- Countdown Date & Time: the moment the timer counts down to. Pick it from the date picker.
- Repeat countdown: turn this on for a recurring timer that restarts after it ends, handy for weekly deals.
Countdown settings: layout, units, and labels #
The Countdown Settings section controls what the timer shows. A Layout switcher sets the arrangement (inline, block, grid, or list), and the Style Preset dropdown changes the whole look in one click.
- Separator: the character shown between units, like a slash or colon. Leave it empty for none.
- Show Years, Month, Days, Hours, Minutes, Seconds: a toggle for each unit, so you can show only the ones that matter.
- Unit Labels: rename each unit (Years, Days, and so on), which helps when you are working in another language.
Choose a style preset #
The Style Preset dropdown is where the widget stands out. It ships with ten looks: Default, Card, Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline, and Neumorphic. Each one restyles the timer without touching your content.
The Circle preset wraps each unit in a ring, and pairing it with the Gradient option gives the numbers a colored fade.
The Outline preset keeps it light, with each unit in a bordered box and no fill.
Style the timer #
The Style tab is split into Common Style, Counter Style, Seperator, and Label, plus Patterns (a Pro option). The Common Style section sets the size and frame of each unit box.
- Width and Height: the size of each unit box.
- Alignment: left, center, or right within the column.
- Box Shadow, Background Type, and Border Radius: the look of the boxes.
- Margin and Padding: spacing around and inside each box.
Counter, separator, and label styling #
The Counter Style section goes deeper, with a separate background for each unit (Month, Day, Hour, Minute, Second) plus the number’s color, typography, and hover state. The Seperator and Label sections then style the divider and the unit text.
The result on the page #
Publish or preview and the timer ticks down live in the preset and colors you picked. Here is the Card preset, a clean set of unit boxes with the number above each label.
Common use cases #
- Sales and promotions counting down to the end of a discount.
- Product launches building anticipation for a release date.
- Webinars and events showing time left until the start.
- Coming soon pages with a timer to launch day.
- Limited offers using the repeat option for recurring weekly deals.
Tips for working with the Countdown Timer widget #
- Show only the units you need. A timer for a one-day flash sale does not need years and months.
- Match the preset to the page. Neon and Gradient suit bold landing pages; Minimal and Outline fit clean layouts.
- Use the repeat option for evergreen deals. It restarts the timer so a recurring offer always looks live.
- Rename labels for your audience. The label fields make translating the units quick.
- Pair it with a button. A timer next to a clear call to action turns urgency into clicks.
Frequently Asked Questions #
What is the Countdown Timer widget in Master Addons?
It is an Elementor widget that counts down to a date and time you set, showing years, months, days, hours, minutes, and seconds. It comes with ten style presets and full control over labels, units, layout, and colors, all set from the Elementor panel.
How many style presets does the Countdown Timer have?
Ten: Default, Card, Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline, and Neumorphic. You switch between them from the Style Preset dropdown, and each one restyles the whole timer without changing your date or unit settings.
Can I make the countdown repeat?
Yes. The Timer section has a Repeat countdown toggle. With it on, the timer restarts after it reaches zero instead of stopping, which works well for recurring weekly deals or evergreen offers that should always look active.
Can I hide some of the time units?
Yes. The Countdown Settings section has a separate Show toggle for years, months, days, hours, minutes, and seconds. Turn off the ones you do not need, so a short sale can show just days, hours, minutes, and seconds.
Can I change the unit labels?
Yes. Each unit has its own label field in Countdown Settings, so you can rename Years, Days, Hours, and the rest. This makes it easy to translate the timer into another language or shorten the labels to fit a tight layout.
Wrapping up #
The Countdown Timer widget turns a deadline into a live, styled timer that pushes visitors to act. Set your date, pick from ten presets, choose which units to show, then style the boxes, numbers, and labels to match your page. For more time-based tools, see the Business Hours widget, browse the full Master Addons widgets and extensions, and check the pricing page for what each plan includes.
