The Countdown Widget allows you to add a customizable countdown timer to your website, perfect for events, promotions, and limited-time offers.
Activate the widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the widget, and click on the switch to activate it. It will now be available in your Elementor interface.
Widget options
Timer section
- Type: Select between “Fixed” and “Evergreen” countdown types.
- End Date: Set the end date and time for the “Fixed” countdown type.
- Hours: Specify the number of hours for the “Evergreen” countdown type.
- Minutes: Specify the number of minutes for the “Evergreen” countdown type.
- Reset: Toggle to allow the countdown to reset when it expires (available for “Evergreen” type).
- Alignment: Align the countdown timer to the left, center, or right.
- Number Separator: Toggle to show or hide the separator between numbers.
Content section
- Labels: Customize the singular and plural labels for days, hours, minutes, and seconds.
Expire Action section
- Expire Action: Select what happens when the countdown expires (“Nothing”, “Show Text”, “Show Template”, or “Redirect to URL”).
- Expire Text: Enter the text to display when the countdown expires (available if “Show Text” is selected).
- Expire Template: Choose an Elementor template to display when the countdown expires (available if “Show Template” is selected).
- Expire URL: Enter the URL to redirect to when the countdown expires (available if “Redirect to URL” is selected).
Style tab
Customize the appearance of your countdown timer under this tab. You have various options to ensure the widget matches your website’s design and branding perfectly.
Wrapper Style
- Adjust padding, background color, border settings, border radius, and box shadow for the countdown timer’s wrapper.
Elements Style
- Customize the size, gap, background color, border settings, border radius, and box shadow for individual countdown elements.
Numbers Style
- Modify padding, margin, border radius, color, background color, and typography for the countdown numbers.
Labels Style
- Adjust padding, border radius, background color, color, and typography for the countdown labels.
Expired Content Style
- Customize padding, text color, and background color for the expired content message.
Separator Style
- Set the color and size of the number separator.
Usage tips
- Use the “Fixed” countdown type for events with a specific end date.
- Use the “Evergreen” countdown type for ongoing promotions or offers.
- Ensure the labels are clear and easy to understand for your audience.
- Test the countdown timer to make sure it functions as expected.
- Customize the style settings to match your website’s design for a seamless integration.
Conclusion
The Countdown Widget is a versatile tool for creating urgency and excitement on your website. With extensive customization options, you can tailor the countdown timer to fit your needs and enhance user engagement.