Countdown container block
A countdown timer with a label and a button. The block is also available in the Image banner section.
Container
| Setting |
Description |
| Show container |
Puts the countdown on a filled container. With this off, the timer is shown without a background. The two settings below appear only when this is on. Default: On. |
| Color scheme |
Color scheme of the container. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Background color |
Background of the container: Primary or Secondary. Default: Primary. |
Label
| Setting |
Description |
| Label |
Text shown above the timer, for example “Sale ends in”. Supports inline formatting. Leave empty to hide the label. The four settings below appear only when a label is entered. |
| Label preset |
Typography preset used for the label: H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: H3. |
| Label font family |
Font used for the label: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Color |
Label color: Heading, Text or Accent. Default: Heading. |
| Text style |
Letter case of the label: Normal, Uppercase or Lowercase. Default: Normal. |
Timer
| Setting |
Description |
| End date |
Date and time the countdown counts down to. Example: Dec 31, 2030 or Dec 31, 2030 20:00. Default: Dec 31, 2026. |
| Timer behavior |
What happens when the timer ends: Stop and show zeros, Restart when finished (cycle) or Hide when finished. Default: Restart when finished (cycle). |
| Cycle hours |
Length of each repeated cycle. Available only when the timer restarts. Range: 1–48 h, step 0.5. Default: 2.5 h. |
Numbers
| Setting |
Description |
| Numbers size |
Size of the timer numbers on desktop. Range: 14–56 px. Default: 32 px. |
| Numbers size mobile |
Size of the timer numbers on mobile. Range: 14–56 px. Default: 24 px. |
| Numbers font family |
Font of the numbers: Heading large, Heading small, Body or Accent. Default: Body. |
| Numbers color |
Color of the numbers: Heading, Text or Accent. Default: Text. |
Unit texts
| Setting |
Description |
| Days text |
Word shown under the days number. Default: Days. |
| Hours text |
Word shown under the hours number. Default: Hours. |
| Minutes text |
Word shown under the minutes number. Default: Minutes. |
| Seconds text |
Word shown under the seconds number. Default: Seconds. |
| Text size |
Size of the unit texts on desktop. Range: 10–32 px. Default: 14 px. |
| Text size mobile |
Size of the unit texts on mobile. Range: 10–32 px. Default: 12 px. |
| Text font family |
Font of the unit texts: Heading large, Heading small, Body or Accent. Default: Accent. |
| Text color |
Color of the unit texts: Heading, Text or Accent. Default: Text. |
| Setting |
Description |
| Button label |
Text on the button. Default: Button label. |
| Button action |
Link opens a page; Copy code copies a discount code to the customer’s clipboard. Default: Link. |
| Button link |
Page the button leads to. Available only when Button action is Link. |
| Button copy code |
Code copied when the button is clicked. Available only when Button action is Copy code. Default: DISCOUNT10%. |
| Button style |
Primary, Secondary, Outline or Inline. Button styles are edited in Theme settings → Buttons. Default: Primary. |
| Button icon |
Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: None. |
| Button icon position |
Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right. |
Padding
| Setting |
Description |
| Top, Bottom, Left, Right |
Space inside the container on desktop. Range: 0–100 px, step 1. Default: 24 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile |
Space inside the container on mobile. Range: 0–100 px, step 1. Default: 20 px. |
App blocks can also be added to a slide.
