Want to create urgency and drive conversions by adding a countdown timer to your website? The Countdown widget in aThemes Addons for Elementor lets you display a fully customizable timer with fixed or evergreen modes, flexible styling, and configurable expire actions.
In this guide, we’ll walk you through how to use the Countdown widget in aThemes Addons for Elementor.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor.
Activating the Widget
Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for Countdown and toggle it on to activate the widget.
Exploring Widget Options
Configuring the Timer Section
The Timer section controls the core behavior of your countdown. Configure the following settings:
- Type – Choose between Fixed (counts down to a specific date) or Evergreen (resets for each visitor).
- End Date – Set the target date and time for Fixed countdowns.
- Hours/Minutes – Define the countdown duration for Evergreen timers.
- Reset – Toggle this option to reset the Evergreen timer for returning visitors.
- Alignment – Set the horizontal alignment of the countdown timer.
- Number Separator – Toggle to display a separator between the countdown numbers.
Configuring the Content Section
The Content section lets you customize the labels displayed beneath each countdown unit. Edit the singular and plural labels for days, hours, minutes, and seconds to match your language or branding preferences.
Configuring the Expire Action Section
Define what happens when the countdown reaches zero. Choose from the following expire actions:
- Nothing – The timer stays at zero with no further action.
- Show Text – Display a custom text message when the countdown expires.
- Show Template – Display an Elementor template when the timer ends.
- Redirect to URL – Automatically redirect visitors to a specified URL after expiration.
Depending on your selection, configure the Expire Text, Expire Template, or Expire URL fields accordingly.
Customizing the Style Tab
The Style tab lets you customize the visual appearance of your countdown timer to match your site’s design.
Styling the Wrapper
Adjust the overall container styling including padding, background color, border, border radius, and box shadow.
Styling the Elements
Customize individual countdown elements with settings for size, gap, background color, border, border radius, and box shadow.
Styling the Numbers
Control the look of the countdown numbers with options for padding, margin, border radius, color, background color, and typography.
Styling the Labels
Fine-tune the labels beneath each number with settings for padding, border radius, background color, color, and typography.
Styling Expired Content
Customize the appearance of content displayed after the countdown expires, including padding, text color, and background color.
Styling the Separator
Adjust the separator between countdown elements with options for color, size, and typography.
Following Usage Tips
- Set realistic end dates that align with your actual promotions or events.
- Use Evergreen timers for recurring promotions that reset for each new visitor.
- Match the timer design to your site branding for a cohesive look.
- Test all expire actions to make sure the correct behavior triggers when the countdown reaches zero.
That’s it! You’ve successfully learned how to add and customize the Countdown widget in aThemes Addons for Elementor.
Next, would you like to display promotional codes on your pages? Check out our guide on using the Coupon Code widget to learn more.
