Hero - Countdown
A full-width hero with a countdown timer.
View a live demo of this section.
Modules
When to Use This Section
The Hero - Countdown section creates immediate urgency and drives action on your most important pages. This full-width hero combines compelling messaging with a real-time countdown timer, making it perfect for event registration pages, product launches, limited-time offers, or webinar sign-ups.
You’ll find this section most effective when placed at the top of landing pages where you need visitors to take immediate action. The countdown timer automatically calculates time remaining until your specified deadline, creating psychological urgency that can significantly boost conversion rates for time-sensitive campaigns.
Customization Options
When you add this section through the HubSpot page editor’s drag-and-drop interface, you can customize the countdown target date and time directly in the module settings. The timer will automatically adjust for your visitors’ local time zones, ensuring accuracy regardless of where your audience is located.
The hero’s background supports both images and videos, allowing you to create visually striking presentations that align with your campaign messaging. You can also adjust the overlay opacity and text positioning to ensure your headline and countdown remain clearly visible against any background.
Best Practices
For maximum impact, use clear, action-oriented headlines that explain exactly what happens when the countdown reaches zero. Consider what occurs after the deadline—whether it’s the end of early-bird pricing, event registration closure, or product availability.
The section works particularly well on dedicated campaign landing pages where you can eliminate navigation distractions and focus entirely on the conversion goal. Test different countdown durations to find what creates optimal urgency without seeming artificial to your audience.