Examples › Abandoned cart › Klaviyo

Abandoned cart countdown timer for Klaviyo

A fixed date can't work in an abandoned-cart flow: Klaviyo sends the email on a different day for every shopper. This evergreen timer gives each recipient 24 hours, counted from the moment their email is sent.

Use this design Live example: Lumen Skin is a demo brand created by ClickTimer. Counting down to 24 hours after each email is sent.
Lumen SkinYou left something behind (10% off for 24h)
23 HOURS Your cart is saved: 10% off for 24h Your 10% code expires when the clock below hits zero. Live countdown timer example Complete my order
Design specs

What this timer is made of

This is an evergreen timer: the embed carries Klaviyo's send-time tag ({% now 'U' %}), so each recipient's countdown starts when their email is sent. In the preview above it starts at the full 24 hours. How evergreen timers work
Demo brandLumen Skin (fictional)
OfferYour cart is saved: 10% off for 24h
Counts down to24 hours after each email is sent
ModeEvergreen: send time + 24 hours
FontPlayfair Display
Colours#7C2D12 digits on a photo background
BackgroundYour own photo, added in the builder's Background tab
LabelsDAYS · HRS · MIN · SEC
Expired state“Your cart is still here. The 10% code has expired.”
Copy

Subject lines and copy that go with it

Subject line 1You left something behind (10% off for 24h)
Subject line 2Your cart is saved, but not for long
Subject line 3Your 10% code expires tonight
PreheaderYour 10% code expires when the clock below hits zero.
ButtonComplete my order
Schedule

When to send it

  1. +1 hourEmail 1: plain reminder, no discount, no timer.
  2. +4 hoursEmail 2: 10% code with this timer.
  3. +20 hoursEmail 3: 'four hours left', same timer.
  4. +24 hoursThe code and the timer expire together.
Klaviyo

Add it to Klaviyo in 4 steps

  1. Use this designOpen the builder below, set your end date and your store's time zone, and match the colours to your brand.
  2. Copy the embed codeSave the timer, then click Get code. You can also export it to Klaviyo from your dashboard once your account is connected.
  3. Add an HTML blockIn the Klaviyo email editor, drag an HTML block where the timer should sit and paste the code.
  4. Preview and sendSend a preview to yourself and check the timer in Gmail and on mobile before you schedule.

Full Klaviyo guide

Make it yours

Start from this design

Set your own date, colours and text. 10,000 impressions a month free, no watermark.

Email countdown timer preview: My Countdown

Full size preview

  • Block width and height size each of the four blocks; padding adds room inside every block and spacing adds it between them.
  • The font size sets the block's size until you set a width or height yourself.
  • Labels add a strip under the blocks, or make each block taller when they sit inside it.
Preview 636 × 231 px

Font

Label font

Follows the font size until you change it.

Colors

Configure per segment Give one segment its own colours — a red Secs over calm Days.
Text Color
Block BG
Block Border Color
Label Color
Dial Color
Dial Track Color
Dial Fill
Width:
Border Radius:

Sizing & Layout

Outside Padding

Room around the whole timer, outside the blocks — where a dial drawn larger than its block can go.

Extras

Labels

The label sits inside each block, under the number.

Space between the numbers and their labels.

Background

Countdown Settings

End Date at

Sign in to your Dashboard and access over 50+ tweakable settings, gradients, and other configurable values to make it truly unique to your brand.

Minimal
Minimal email countdown timer style
Editing
Bold
Bold email countdown timer style
Editing
Festive
Festive email countdown timer style
Editing
Professional
Professional email countdown timer style
Editing
Dark Mode
Dark Mode email countdown timer style
Editing
Transparent
Transparent email countdown timer style
Editing
Gradient Tiles
Gradient Tiles email countdown timer style
Editing
FAQ

Questions about this timer

Where does the timer link to?

If you don't set a link, the Klaviyo embed falls back to the shopper's own checkout URL, {{ event.extra.checkout_url }}.

Does the timer reset if the shopper opens the email again?

No. The deadline is fixed at send time, so re-opens show the time actually left.

The cheapest countdown ever

10,000 impressions free every month, then from €0.23 per 10,000. Credits never expire, no subscription.

Create your countdown, free No watermark · No card