Examples › Webinar › Kit

Webinar countdown timer for Kit (ConvertKit)

A minimal timer for creators running a live session. Put it in the invitation and in every reminder: registrations climb when people can see how close the start is.

Use this design Live example: Fieldnotes Studio is a demo brand created by ClickTimer. The demo restarts at 1 day 8 hours left on every visit.
Fieldnotes StudioLive on Thursday: write a newsletter people finish
1 DAY Live workshop: write a newsletter people finish Free, live, 60 minutes. The timer shows when we start. Live countdown timer example Save my seat
Design specs

What this timer is made of

Demo brandFieldnotes Studio (fictional)
OfferLive workshop: write a newsletter people finish
Counts down toThursday 12 November 2026, 18:00 CET
ModeFixed date: the same deadline for everyone
FontMonospace
Colours#0C0A09 digits on a photo background, 1px #E7E5E4 border
BackgroundYour own photo, added in the builder's Background tab
Labelsdays · hrs · min · sec
Expired state“We're live. Join the room.”
Copy

Subject lines and copy that go with it

Subject line 1Live on Thursday: write a newsletter people finish
Subject line 2Tomorrow, 6pm: see you there?
Subject line 3Starting in 1 hour
PreheaderFree, live, 60 minutes. The timer shows when we start.
ButtonSave my seat
Schedule

When to send it

  1. 7 days beforeInvitation (D-7).
  2. 1 day beforeReminder (D-1).
  3. 1 hour before'Starting in 1 hour' (H-1).
  4. Start timeLate openers see 'We're live' instead of a zero.
Kit (ConvertKit)

Add it to Kit (ConvertKit) in 4 steps

  1. Use this designOpen the builder below and set your date and time zone.
  2. Copy the HTML codeSave the timer and click Get code.
  3. Add an HTML blockIn your Kit broadcast or sequence email, click + and choose HTML (not an image block).
  4. Paste and sendPaste the code, send yourself a test, then schedule.

Full Kit (ConvertKit) 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

Image block or HTML block in Kit?

HTML block. It keeps the timer live and clickable.

Does it work in Kit sequences?

Yes, for a fixed date. Every subscriber in the sequence sees the time left to the same event.

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