25 – Countdown
    • 1 Minute to read
    • Dark
      Light

    25 – Countdown

    • Dark
      Light

    Article summary

    Description

    A countdown timer block with lots of editable features is an extremely useful tool in terms of call-to-action. This is now compatible across all known email clients, with a slight exception for some desktop Outlook versions. It renders the countdown, but the timer movement is static and will not be seen to physically count down, as in all other email clients. The time will change on each open instead.

    The countdown End Time needs to use the UTC timezone.

    Default block view

    Desktop

    Mobile

    Formatting options

    Padding

    This refers to the space between the block's content and its border. This can be edited as per the requirements using the panel on the right side (Details tab)

    Option

    Details

    Default

    Padding

    Top and bottom

    0

    Countdown Layout

    Here, all the countdown layout settings can be set.

    Option

    Details

    Default

    Image

    Background Image URL

    https://amundsen.shortest-route.com/cts-demo/imgproxy/img/2040384506/600x400.png

    Layout

    Captions Stacked

    Captions Stacked

    Countdown width

    Countdown width

    400

    Countdown Height

    Countdown Height

    120

    Countdown Settings

    Here, all the settings for the countdown can be set.

    Option

    Details

    Default

    End Date

    Add date

    2023-06-23

    End Time

    Captions Stacked

    22:00

    Date captions

    Date captions (separated by comma)

    Days, Hours, Min, Sec

    Message when time is up

    Countdown Height

    The time is up!

    Block Background Color

    Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.

    Option

    Details

    Default

    Background Color

    Block Background Color

    #ffffff

    Count-Down Link

    It allows us to add the link to the Count-Down timer.

    Option

    Details

    Default

    Countdown Link

    Countdown Link

    https://mapp.com

    Countdown Design

    Here, you can add all the design elements.

    Option

    Details

    Default

    Countdown Options




    Font name

    OpenSans

    Font Size

    30

    Tile text Color (Do Not Add #)

    000000

    Tile background Color (Do Not Add #)

    ffffff

    Compatibility

    For a few versions of desktop Outlook the timer movement is static and will not be seen to physically count down as it does in all other email clients, including mobile. The time will change on each open instead. 


    Was this article helpful?