top of page
Search
  • Writer's pictureLisa

How to create Magento 2 countdown timer

Updated: Jan 19, 2021


Hi there! You want to inspire customers on your website in the high-sales season, don’t you? Take it easy with Magento 2 countdown timer extension! With only 2 steps, you yourself can design your own countdown timer for your online store. Let's see how it work.


Step 1: Create a new rule

From backend, navigate to Rules > Add New Rule, then you can build a countdown clock for your product.


Step 2: Configure the countdown timer

This step is the main part of making an eye-catching countdown clock.

General

  • Title: Enter the name for the countdown clock or campaign

  • Enable: Select “Yes” to enable this module on the product page

  • Store View: Set the store view for the clock

  • Customer Groups: Choose the group of customers that you want to display clock

  • Show Product List Page: Select “Yes” to show the countdown clock on the product list page like Homepage, Search page, Wishlist page, compare page.

  • Position On Product Page: Choose the position of the countdown clock on the product page

  • Start Time: Set the start time for the countdown clock

  • End Time: Set the end time for the countdown clock

  • Exclude Day of Week: Choose the day of the week to inactive the countdown clock

  • Link: Insert a link to another page you want to navigate to

  • Sort Order: Specify countdown timer position if there are several widgets in the same block. The first position is 0.

Layout

  • Format Date: Choose the format of the clock that suitable for the campaign duration

  • Text Before Clock: Add sale message or text before the clock

  • Text After Clock: Add text after the clock

  • Class CSS: Name the class you want to customize

  • Custom CSS: Add all CSS you want to customize for the countdown clock

  • Template: Choose the template for the countdown clock

There are 10 types of countdown clocks that can be configured text color and background-color.


Conditions

In this field, you can apply rules for countdown timer to assign products via SKU, price, category, etc. so that you can save time a lot. Moreover, with preview functionality, you can check whether the product is active with countdown clock or not.

Final thought

Try Magento 2 Countdown Timer extension to build many stunning clocks for your promotion campaign. Get more information about countdown timer here.



6 views0 comments
bottom of page