Countdown section

The “Countdown” section is a dynamic feature designed to engage your audience and drive urgency. This versatile section allows you to set up a countdown timer to highlight special promotions, upcoming events, or limited-time offers.

Section settings

Image: The section’s image. The image will take up around half the space of the countdown.

Enable image mask: Whether to apply a diagonal mask effect on the image or not.

Image position: Control the position of the image within the section (left or right).

Content alignment on desktop: Control the content (heading, description, button) alignment on desktop viewports (left or center).

Badge text: Adding text to this setting will reveal a small badge above the title of the section.

Heading: The title of the countdown section.

Text: The description of the section.

Button label and Button URL: The call to action button text and link.

Button color scheme: Optionally choose a different color scheme for your button. Ideal when the color of the button clashes with the background.

Countdown date: Enter a date in ISO format (e.g. 2024-01-30 in the format of YYYY-MM-DD). The section will display a countdown up to this date.

Hide section after countdown has expired: Choose whether to hide the section entirely after the countdown has expired (i.e. the date has passed). Alternatively you can show a message to your customers (see below).

Expiration message: If you don’t want to hide the section after the countdown has expired, you can show a message to your customers. The section along with its content and button will still be visible.

Colors

Color scheme: Select one of the predefined color schemes as defined in Theme settings > Colors. For more information regarding the color schemes please refer to our article about creating your own color scheme.

Section spacing

The section spacing settings gives you the option to adjust the top & bottom section spacing values. Please note: If you select a color scheme with a background color, these settings will affect the spacing between the top or bottom of the section and the content of the section.