Adding a Countdown

Adding a Countdown


A countdown block serves for displaying backward counting to indicate the time remaining before an event that is scheduled to occur. Use countdown to announce the discount period or special offer, estimate the time left before the launch of a new product, etc.

Follow the instructions below to see how you can set up the countdown on your site.


Tip: the countdown block suits well for creating a pop-up window. Learn more about the pop-ups functionality in the article Adding and customizing a pop-up.

Adding a countdown

1. Open the blocks gallery in our editor and navigate to the Countdown tab to choose the needed block:


Note: you can also add a countdown element to the existing block on your site. For that, follow the instructions in the article Adding elements.

2. Press on the countdown element to set the final date:

3. To edit the countdown, click on the element itself and press "gear" to access its settings:
4. In the Style tab you can change the countdown type and date options:
5. Navigate to the Content tab in order to rename the countdown labels:

6. Publish your site for the changes to take effect.


Tip: customize the look of your countdown block according to the steps in the article Changing the design of a block.


    • Related Articles

    • Adding Elements

      Most blocks in our editor are fully customizable. Therefore, you can enrich the look of your blocks by adding new elements to them — for example, icons, dividers, lists, etc. Tip: see the article Adding a custom block to create your block from ...
    • Adding Google Maps

      Adding Google Maps to your site will benefit both you and your customers, providing your visitors with a detailed visual guide on how to find your company. Adding Google Maps 1. Firstly, add a block which contains a map from the Contact tab in our ...
    • Adding A logo

      Logotype is a text or graphic representation of a company name, trademark, abbreviation, etc. Adding a logo to the header or footer helps you create an authentic design for your website and become more recognizable among others. In this article, you ...
    • Adding a Table

      A table is a data structure that organizes information into rows and columns. It is commonly used for representing scheduling or contact information on the site. Adding a table 1. To set up a table on your site, open the editor and add ...
    • Adding a Button

      Buttons can be used for site navigation and as call-to-action. You can add a button to almost any block in the editor. Adding a button 1. To add a new button, hover over the block and click on the "plus" sign where you'd like to place it: 2. Choose ...