Countdown for Elementor is a new component will enable you to organize your promotions on a range of products, physical or software, with a countdown timer that can stimulate your visitors’ need to buy.
In this tutorial, we’ll show you how to select the most appropriate type of countdown with multiple configurations for each element.
Turn on the countdown component
The Elementor plugin is installed and active.
The EAC components plugin is installed and active.
In the admin panel select EAC components link and Advanced tab then activate the Countdown option and save settings.
Countdown and Evergreen settings
Please note: the date you select or enter must be in the following format: Y-m-d H:i (2024-09-24 19:44)
In the Settings section you’ll need to choose the type of timer, either with a due date that will be the same for all users who visit your site (Due date) or a target date (Evergreen) that will be specific to each user who visits your site. For the latter, you need only specify the number of hours and minutes remaining before the deadline.
You select the date either with the Date/Time picker interface or with the dynamic ACF tags you’ve previously entered.
Select a specific skin, knowing that you can define the design in the Style section.
Finally, select the actions that will be launched after the date or duration has elapsed. You can hide the Countdown, and/or display a message and/or redirect the user to another page after a certain period of time.
Select and display the content
In the Content section, you’ll define whether the display is to be in block or online mode.
Add a title and value it. The title can be modified online in preview mode
Select the digits (Days, Hours, Minutes and Seconds) to be displayed and their labels. Each label can be modified online in preview mode.
Nothing more nothing less…
Apply style globally and to content
The global style applies only to the container that contains the component’s significant elements.
Define its width for all screen resolutions in Responsive mode.
Background color, border type and color, internal margins.
For the content, you define the title style, the margins between items, the color of digits and their labels, the background color and the application of a border and drop shadow.
