The Elementor Event Countdown Widget allows you to quickly and simply create beautiful event countdown content. As a result, you can see how much time is remaining for a specific event in days, hours, minutes, and so on.
How to use the Event Countdown Widget of HTMega Addons
Steps of adding Event Countdown Widget
Make sure you have installed and activated The Event Calendar plugin. You need to create a Form through Gravity Forms. You can check out their documentation to get started with The Event Calendar.
![](https://wphtmega.com/wp-content/uploads/2022/07/the-event-countdown-1.png)
Step 1: Create Add New Event
![](https://wphtmega.com/wp-content/uploads/2022/07/the-event-countdown-2.png)
Step 2: How to Enable Countdown Widget?
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-1.png)
Step 3: How to use the Event Countdown Widget?
To add the Countdown widget, search by “Countdown” and use the widget that has the “HT badge”
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-2.png)
Drag and drop the HT Mega Countdown widget onto the Page Template.
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-3.png)
Step 4: How to customize the Event Countdown Widget?
Countdown: Event Countdown (Yes or No) and select your Event
![](https://wphtmega.com/wp-content/uploads/2022/07/the-event-countdown-3.png)
Style: You have 4 different styles of Countdown. You can choose your style from the selected options.
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-4.png)
Time Setting and Label Setting: You can change the time setting and label Setting according to your need
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-6.png)
Event Button: You can change the Event Button text and icons according to your needs
![](https://wphtmega.com/wp-content/uploads/2022/07/the-event-countdown-4.png)
Step 5: How to customize the Event Countdown Style?
Count Layout: You can customize the style of the Count Layout as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-7.png)
Count Area: You can customize the style of the Count Area as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-8.png)
Timer: You can customize the style of the Timer as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-9.png)
Label: You can customize the style of the Label as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/countdown-10.png)
Button Style: You can customize the style of the Button Style as you like
![](https://wphtmega.com/wp-content/uploads/2022/07/the-event-countdown-5.png)
Usage Examples
Here are some live use cases for the Event Countdown widget. Follow this link to see more Demos
![Event Countdown Widget](https://wphtmega.com/wp-content/uploads/2022/07/htmega-event-calender-1.png)
Was this helpful?
Good job! Please give your positive feedback
How could we improve this post? Please Help us.