Examples › Event registration › HubSpot

Event registration countdown timer for HubSpot

A navy event timer that counts down to the registration deadline, not the event itself. That's the deadline that actually drives sign-ups.

Use this design Live example: Summit 26 is a demo brand created by ClickTimer. The demo restarts at 3 days 6 hours left on every visit.
Summit 26Registration closes Friday at noon
3 DAYS Registration for Summit 26 closes Friday noon Seats are limited and registration closes Friday at noon. Live countdown timer example Register now
Design specs

What this timer is made of

Demo brandSummit 26 (fictional)
OfferRegistration for Summit 26 closes Friday noon
Counts down toFriday 13 November 2026, 12:00 CET
ModeFixed date: the same deadline for everyone
FontMontserrat
Colours#FFFFFF digits on a photo background
BackgroundYour own photo, added in the builder's Background tab
LabelsDAYS · HRS · MIN · SEC
Expired state“Registration is closed. Join the waitlist.”
Copy

Subject lines and copy that go with it

Subject line 1Registration closes Friday at noon
Subject line 23 days to register for Summit 26
Subject line 3Last morning to register
PreheaderSeats are limited and registration closes Friday at noon.
ButtonRegister now
Schedule

When to send it

  1. 3 weeks beforeSpeaker line-up.
  2. 1 week beforeAgenda and timer.
  3. 3 days beforeReminder.
  4. Deadline morningFinal call.
HubSpot

Add it to HubSpot in 4 steps

  1. Use this designOpen the builder below and set your date and time zone.
  2. Copy the timerClick Get embed code, then Copy code.
  3. Add it to your emailIn a HubSpot marketing email, add a Rich text module, open Advanced > Source code and paste the code.
  4. TestThe link set in ClickTimer is already in the code. Send yourself a test and check Gmail, Outlook and Apple Mail.

Full HubSpot 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

Should the timer count to the event or to registration?

To registration. It's the action you want, and it's the deadline that applies to the reader.

Can I show a waitlist after the deadline?

Yes. Make the expired image a waitlist message.

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