Countdown Widget

SOLVE
Regular Contributor

Hi everyone!

 

Has anyone been able to create a countdown widget that could be placed on a landing page or in emails? 

 

We're hosting an event and would like to show a countdown to various deadlines.

 

I've been able to do it before using Javascript but I was wondering if there was a better way.

 

Thanks!

 

1 Accepted solution

Accepted Solutions
Highlighted
HubSpot Product Team
HubSpot Product Team

Hey @LCSKMiller,

 

Currently using JS would be the easiest way to achieve this.

 

If for any reason you cannot use a script to do this I have found a pure css one created online here:

http://codepen.io/kindofone/pen/DkhAz

 

However, there is probably more work behind this than there would be a simply JS count down timer. 

 

Reply
0 Upvotes
11 Replies 11
Highlighted
HubSpot Product Team
HubSpot Product Team

Hey @LCSKMiller,

 

Currently using JS would be the easiest way to achieve this.

 

If for any reason you cannot use a script to do this I have found a pure css one created online here:

http://codepen.io/kindofone/pen/DkhAz

 

However, there is probably more work behind this than there would be a simply JS count down timer. 

 

Reply
0 Upvotes
Highlighted
New Contributor

Hi Tom,

I would like to also add a countdown timer to an event landing page but absolutely have no idea on how to do this. The countdown is to the upcoming GDPR date, 25th May and would like to add this to the event landing page. https://info.infinigate.co.uk/gdpr-partner-forum-deadline-day-and-beyond#register-form

 

Is there a Hubspot article guide that explains how to do this or a way to help?

 

Thank you.

Hanie

Reply
0 Upvotes
Highlighted
HubSpot Product Team
HubSpot Product Team

Hey @Hanie as per my comment above, there is no HubSpot module to do this. You would need to do this through a custom module using Javascript. 

Reply
0 Upvotes
Highlighted
New Contributor

Hi again @Tom

Thanks for the prompt response. My question was more about if there is a way for someone in Hubspot to help with adding the javascript element but I suppose I will try to figure it out myself.

Kind regards,

Hanie

Reply
0 Upvotes
Highlighted
HubSpot Product Team
HubSpot Product Team

Hey @Hanie My apologies for minsunderstanding your question! 

 

We don't have an designer team available within HubSpot, but our design partners are fully certified by HubSpot and available to assist with any custom design within HubSpot: https://app.hubspot.com/partner-directory

Reply
0 Upvotes
Highlighted
Top Contributor | Partner

Use JS it will the eazy way to do Countdown Widget, Just try the links, you just only need to css the Countdown timer portions

http://jsfiddle.net/prajavk/QC87u/

 

Thanks

Reply
0 Upvotes
Highlighted
Regular Contributor

We actually ended up going with a third party and it worked great! Except for Outlook because Outlook = problem child. 

 

It was called Motionmail and there are free or paid options

Reply
0 Upvotes
Highlighted
New Member

I use the https://promofeatures.com/ service in it, you can create timers for both the web site and email.

Reply
0 Upvotes
Highlighted
New Member

You can use https://timergif.com/ as well. It's super easy to use and has a free option. Here is an example:

 

Reply
0 Upvotes
Highlighted
New Contributor

Hi. This is a great free solution, thank you! How can I manipulate the HTML to make the image size responsive please for emails? It's currently extending beyond the frame of the email.

Here's the html: 

 Thanks!
Reply
0 Upvotes
Highlighted
New Member

https://mailtimers.com

is a good solution for you