Countdown widget

Last updated: November 28, 2023 Written by: Author Magdalena Dejnak
Table of contents show hide
    Table of contents show hide

      The countdown timer can be placed on landing pages, pop-ups, and lightboxes. The widget has two countdown modes, each with a maximum range of 999 days:

      Date counter – you select the date of the event in the settings, and the timer counts down the time left until the event starts or ends.

      Evergreen counter – each unique visitor will see the same countdown range, regardless of when they enter the page. This type of counter can encourage the user to make a decision. For example, if you set the countdown to 15 minutes, each new unique visitor will see a counter that counts down 15 minutes until the event ends or starts. If the same unique user accesses your page multiple times, the countdown doesn't start over – it continues.

      You can set up a URL redirection after each type of countdown ends.

      An example of a countdown on a landing page:

      Example of a countdown on a landing page

      Setting up the countodown

      1. On the left side of the editor, find the Counter widget, then drag and drop it into the active area of the section.

      Find the Counter widget, then drag and drop it into the active area of a landing page

      2. Click on the counter to start editing. Go to the settings either from the context menu or the widget toolbar on the right.

      Go to the counter settings either from the context menu or the widget toolbar on the right

      3. In settings, select the type of counter (1) and configure the countdown. On the left, select which labels to display (2) (days, hours, minutes, seconds).

      In settings, select the type of counter and configure the countdown

      4. Once the countdown has ended, you can redirect visitors to another URL. To do this, in the Action after countdown ends field, select Redirect to URL and enter the address for the redirect.

      The visitor will be redirected to a different address after the countdown has ended in both the date counter and the evergreen counter.

      Once the countdown has ended, you can redirect visitors to another URL

      If you want to permanently redirect the counter page to another address, use the campaign schedule.

      5. Save the changes.

      Design and style

      The counter is fully customizable, and you can change the display of every element. Click on an element, such as the digits, and on the right in the side panel (Digits or Labels tab), you will see editing options for the element.

      Go to General settings to select the viewports, adjust the background, copy the widget ID or add a class.

      Click on a counter element, such as digits, and you will see editing options for the element

      You can find templates in the Counter styles tab (General settings). They're also fully editable.

      Counter style tab

      To use counter styles, select one and Save & close.

      Counter styles templates

      Preview

      To view the counter before publishing, you can either go to the Counter settings (without counting down) or click on Preview in the top right corner of the editor (with counting down).

      Was this manual helpful?