Back to All Modules

Promo Bar

Search (CSOL) Promo Bar in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

Visit the HubSpot Community to network, learn, and grow with Data Hub

Visit Now

Visit the HubSpot Community to network, learn, and grow with Data Hub

Visit Now

Visit the HubSpot Community to network, learn, and grow with Data Hub

Visit Now

Visit the HubSpot Community to network, learn, and grow with Data Hub

Visit Now
Module Preview

FAQ's

How To Use This Module

The Promo Bar highlights a newsworthy mention or an upcoming event, with a CTA to learn more.

Use Cases

Content Options

Content creators can add a heading with customizable semantic level and/or description text. If both are present, they display as separate elements; if only one is provided, it displays as large paragraph text.

Background Themes

Four themed background color options: Light Accent 1 (blue), Light Accent 2 (orange), Dark 1 (gray), and Dark 2 (purple). CTA styling automatically adapts to the background theme.

Minimal Design

Uses extra-small (xs) padding for a compact appearance that draws attention without taking up excessive vertical space.

Guidelines

Character Count

  • Limit header text to ~48 characters
  • Limit heading description to ~150 characters

Similar Modules

Slide-In CTA

A CTA that slides into view as the user scrolls.

What's New?

| v2.13.0 August 2024

  • Added a new "CTA Type" option called "Back to Top" which will move the user to the top of the page if selected.

| v2.12.0 July 2024

  • We have added a new heading text field

| v2.3.0 December 2023

  • Adds background colors of Orange and Purple

| v1.3.6 April 2023

  • We have changed the CTA button color on the blue background from Moon to Celestial and improved accessibility and focus state issues.