Skip to lesson content

Add a countdown

Last updated: September 8, 2026 · 1 min read

Display time remaining until a target date.

A countdown is a display block. Expiration does not itself close the catalog or manage a promotion.

Follow these steps

  1. 1

    Set the target

    PropertiesTarget Date

    Insert a countdown from Elements > Interaction. Choose a date/time, enter a title, and set title visibility. The date input uses your device’s local time zone.

  2. 2

    Choose appearance

    PropertiesStyle

    Choose boxes, flip, inline, or minimal styling. Toggle days, hours, minutes, and seconds separately, along with their labels.

  3. 3

    Set colors and type

    PropertiesColors

    Set block/box background, number, label, and separator colors, then number and label sizes. The title should make the countdown’s purpose clear.

  4. 4

    Set expiration display

    PropertiesExpiration

    Configure number animation and the expiration message. Check the target time and expired-state text in preview. This is separate from the catalog’s access-expiration settings.

Check your result

Check the result in preview, then verify the reader experience in the published version.