Countdown Timer [M2]
Hungersoft’s Countdown timer extension is a simple and easy-to-use extension that allows you
to quickly display (multiple) countdown timers on any page or section of your Magento 2.x webshop.
The extension uses standard Magento Widgets functionality to display countdown timers.
That means you can display the countdown timer widget on any category page, product page or cms page. Since it uses the widgets functionality, you can create global countdown timers or you can also countdown timers in specific pages and static blocks as well.
You can also easily schedule your countdown timer’s start and end time.
A countdown timer is a great tool to make any event more thrilling and exciting. It builds up the hype and expectation as time passes. It helps visitors feel more connected and attracted to
the upcoming events and promotions.
Displaying a countdown timer on category or products pages tells the visitors that the sale price is available only for limited time and hence gives them an urge to buy it before the time runs out.
Hungersoft’s Countdown Timer extension uses Magento widgets to display the countdown timers on frontend. This gives you all the options and freedom that comes with using widgets.
Magento widgets allow you to display different types of content (images, text, links, interactive elements etc.) at specific locations in your webshops frontend. You can use widgets to display static or real-time content and dynamic data as well. Widgets are especially useful when you want to create attractive and interactive landing pages for your customers. They help you to improve your marketing campaigns by displaying promotional content. Using widgets strategically can be a great way to display interactive elements and have call-to-action blocks on frontend.
You can read more about Magento widgets and the process to create them from the official Magento user guide.
Configuration options available for your countdown timer:
Start time: From this field, you can configure when the exact date and time when the countdown timer will start. Countdown timer will be visible on the storefront once this time has reached or passed (not before). This can be useful for scheduling your timers for the future.
End time: From this field, you can set the exact date and time when you want your countdown timer to stop. This is usually when your promo ends (ex: the date-time you set for your special price, active time for catalog rules etc.)
Before countdown text: You can enter your introduction or promotional text in this field. This text will be displayed above the countdown time. This field is compatible with HTML tags so you can use them to style your content as per your requirements.
After countdown text: You can enter informational text in this field. This text will be displayed below the countdown timer. This field is compatible with HTML tags so you can use them to style your content as per your requirements.
Link: You can add a local or external link from this url. It is useful when you want your visitors to click on the timer and redirect to some specific landing page.
Timer style: You have 3 options to choose from here:
- Simple: it will display the countdown timer in a simple style. There will just be digits.
- Round: this will give round borders to the timer blocks.
- Square: this will give square borders to the time blocks.
Label position: This option works only when you have selected Round or Square style options. You have 2 options to choose from here:
- Outside: This option will display the labels (weeks, days, hrs, mins and secs) outside the round/square borders.
- Inside: This option will display the labels (weeks, days, hrs, mins and secs) inside the round/square borders.
Show Weeks: If you select ‘Yes’ here it will display the week block in countdown timer.
It is useful when the countdown completion point is weeks away.
Show days: If you select ‘No’ here it will display the ‘days’ block in your countdown timer.
It is useful when the countdown completion point is days away.