Examples › Webinar › HubSpot

Webinar countdown timer for HubSpot

A B2B webinar timer for HubSpot marketing emails. It works in the invitation, the reminders and the 'starting now' email.

Use this design Live example: Northwind SaaS is a demo brand created by ClickTimer. The demo restarts at 6 days 3 hours left on every visit.
Northwind SaaSWebinar: cut onboarding time in half
6 DAYS Webinar: cut onboarding time in half 45 minutes, live Q&A. The timer shows when we start. Live countdown timer example Register
Design specs

What this timer is made of

Demo brandNorthwind SaaS (fictional)
OfferWebinar: cut onboarding time in half
Counts down toWednesday 18 November 2026, 16:00 CET
ModeFixed date: the same deadline for everyone
FontLato
Colours#FF7A59 digits on a photo background
BackgroundYour own photo, added in the builder's Background tab
LabelsDAYS · HRS · MIN · SEC
Expired state“The webinar is live. Join now.”
Copy

Subject lines and copy that go with it

Subject line 1Webinar: cut onboarding time in half
Subject line 2Tomorrow at 4pm CET
Subject line 3We start in 60 minutes
Preheader45 minutes, live Q&A. The timer shows when we start.
ButtonRegister
Schedule

When to send it

  1. 10 days beforeInvitation to your target list.
  2. 3 days beforeReminder to non-registrants.
  3. 1 day beforeReminder to registrants.
  4. 1 hour before'Starting soon' to registrants.
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

Can I use the timer in HubSpot workflows?

Yes, in marketing emails sent by workflows. Sequences send plain-text emails, so use marketing emails for the timer.

Which HubSpot module do I use?

A Rich text module: open Advanced > Source code and paste the embed code. Not an Image module.

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