HubSpot Marketplace Module

Announcement Bar Pro for HubSpot CMS

Sticky Notification Bar with Countdown Timer, Rotating Messages & Dismiss Memory

A premium announcement bar module with dismiss memory, countdown timer, rotating announcements, and complete style control. Sticky or fixed positioning for promotions, product launches, maintenance alerts, and any message that needs attention. Five color presets and 60+ style controls.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $7.99

Everything you need in an announcement bar

timer

Countdown Timer

Live countdown with configurable end date and customizable time labels for days, hours, minutes, and seconds. Expired state text when the countdown reaches zero. Countdown colors and padding are independently configurable from the Style tab.

notifications_off

Dismiss with Memory

Close button with localStorage memory that remembers visitor preference for a configurable number of days. Each module instance uses a unique storage key so multiple bars on the same site do not interfere with each other.

rotate_right

Rotating Announcements

Cycle through up to 10 announcements with automatic transitions. Each announcement has its own text, link, and icon. Single persistent message mode also available for simpler use cases.

color_lens

Five Color Presets

Info (blue), success (green), warning (orange), promotion (purple), or fully custom. Every preset can be further refined since all other style fields still apply on top of the preset background color.

swap_vert

Flexible Positioning

Static, sticky, or fixed positioning with configurable offset from the edges. When border radius is set with a max-width, the bar becomes a floating card that stays inset from viewport edges on all screen sizes.

palette

60+ Style Controls

15 color fields for bar, text, links, dismiss button, countdown, icon, and border. Google Font picker with size and weight controls for title, link, countdown, and dismiss. Layout controls for gap, padding, radius, shadow, z-index, and mobile responsiveness.

What you can build with Announcement Bar Pro

Announcement Bar Pro adds persistent notifications to any HubSpot page without touching your theme code. Here are common use cases teams set up in minutes.

Flash sale countdown

Run a promotion with a live countdown timer, discount code, and a link to your pricing page. The promotion preset gives you a purple background out of the box. When the timer expires, the bar shows a configurable message like "Sale ended" or switches to your next promotion.

Product launch announcement

Announce a new feature, product release, or version update with a sticky bar that stays visible as visitors scroll. Dismiss memory ensures returning visitors only see the announcement once. Set the memory duration to 7 or 14 days so the bar reappears for major updates.

Maintenance and downtime alerts

Use the warning preset for scheduled maintenance notices. The orange background signals urgency without alarm. Fixed positioning keeps the alert visible on every page. When the maintenance window passes, remove the module or update the message to confirm resolution.

Rotating news ticker

Cycle through up to 10 announcements with automatic transitions. Use this for event dates, product highlights, company news, or rotating CTAs. Each announcement has its own text, link, and icon so you can promote multiple initiatives from a single bar.

Works with any HubSpot theme

Announcement Bar Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page. No theme dependency, no jQuery, no external libraries. Pure vanilla JavaScript with zero hardcoded values. Multiple instances on the same page are fully isolated via scoped CSS.

Questions

Can I show different bars on different pages?

add

Yes. Drop separate module instances on different templates. Each instance uses its own storage key for dismiss memory, its own content, and its own styling. No conflicts between instances.

Does the countdown update in real time?

add

Yes. The timer updates every second using vanilla JavaScript. When the countdown expires, it displays a configurable expired state text. No external dependencies.

Can I make it a floating card instead of a full-width bar?

add

Yes. Set a border radius and max-width in the Style tab. The bar becomes a floating card centered on the page with rounded corners and optional shadow. It stays inset from viewport edges on all screen sizes.

Do you offer support?

add

Yes. Documentation included, plus email support for setup and customization questions. Response time is within 5 business days.

Add an announcement bar to your HubSpot site

Sticky notification bars with countdown timers, rotating messages, dismiss memory, and 60+ style controls. Five presets, nothing hardcoded.

Get the Module arrow_outward

Related modules: Mega Menu Pro · Social Proof Pro · Blog Carousel Pro · All Modules