Customer StoriesYespo Blog
Guides
Request DemoLogin

Creating Timer

A Timer displays a countdown in the message until a specific date and time.

Countdown timer showing days, hours, minutes, and seconds above a Shop Now button in a promotional email

Use it in emails with a fixed deadline, such as:

  • promotion end
  • event start
  • registration closing

Add a Timer to a Message

  1. Create a new message or open an existing one in Messages → Messages.
Messages navigation menu open with the Messages submenu item and New Email button highlighted
  1. Drag the Timer block from the side panel into the email.
Timer icon highlighted in the Blocks panel with an arrow pointing to the timer icon added inside the email template
  1. Click the timer to open its settings.

Timer Settings

The timer settings include two tabs:

  • Settings
  • Styles
Timer block settings panel with the Settings and Styles tabs, and the timer element highlighted in the email template

Settings Tab

Use this tab to configure the timer behavior and display.

  1. End date— set the moment when the countdown ends. The timer stops after this date.
  2. Time zone — select the time zone used for the countdown.
  3. Size — set the width and height of the timer in pixels.
  4. Link — add the URL that opens when a recipient clicks the timer.
  5. Alternate text — display text if the timer image fails to load.
  6. Display days — display or hide the day counter. If you disable this option, the timer shows the countdown in HH:MM:SS format.
Timer block Settings tab with End Date, Time Zone, Size, Link, Alternate Text, and Display Days fields numbered one through six
  1. Digital Labels — add text labels below the time values.
  2. Labels Letter Case — define the label format: Abc / ABC / abc.
  3. Separator — choose the symbol between time values (a colon appears by default).
  4. Labels language — select the language used for the timer labels.
  5. Alignment — position the timer in the email: left, center, or right.
  6. Retina Display Support — increase timer clarity on high-density screens (LCD and OLED displays on Apple devices).
📘

Note

Enabling the Retina Display Support option may increase email loading ti

Timer block Settings tab with Digital Labels, Labels Letter Case, Separator, Labels Language, Alignment, and Retina Display Support fields numbered seven through twelve
  1. Expiration Image — display an image if the recipient opens the message after the countdown ends.
  2. Hide element — hide the timer in the desktop or mobile version.
  3. Margins — set the outer spacing between the timer block and other email elements.
  4. Include In — control where the block appears:
  1. Anchor link — jump to a specific section of the same email.
🚧

Important

Some email clients do not support anchor links, including Gmail (iOS), Apple Mail (iOS), Outlook.com (Web), Outlook (Android), Outlook (macOS).

Timer block Settings tab with Expiration Image, Hide Element, Margins, Include in, and Anchor Link fields numbered thirteen through seventeen

Styles Tab

Use this tab to configure the visual appearance of the timer.

  1. Digits:
  • font family and size
  • font color
  • advanced color settings (disabled by default)
Timer block Styles tab with Digits Font and Size fields, and the Digits Font Color, Advanced Color Settings, and per-unit digit color options highlighted and labeled one
  1. Labels:
  • font family and size
  • font color
  • advanced color settings (disabled by default)
  1. Separator:
  • font family and size
  • color
  1. Timer Background Color
Timer block Styles tab with Labels, Separator, and Timer Background Color sections highlighted and numbered two through four

Updated 2 days ago

Did this page help you?