Drive action with an announcement banner

When you want to share something important with your site visitors, like a deadline, event, or urgent message, you don’t want users to miss it. The Announcement Banner is a simple, effective way to surface high-priority information at the top of every page, where it's most likely to be seen and acted on.

Using Announcement Banners Effectively

Learn when announcement banners are most effective, what messages they are best suited for, and how to use them without overwhelming visitors. (3 min)

Example of an Announcement banner

Announcement banner example

Using an announcement banner

Best for

Things like Giving Day, admissions deadlines, or weather-related alerts, anything urgent or meant to reach all site visitors.

Component used

Announcement banner 

What It does

Shows a persistent, site-wide, short, eye-catching message with an optional link at the very top of every page.

Setup tips

  • Keep the message focused, brief and clear
  • Make it stand out: Use a contrasting background color scheme like Light Primary or White to attract attention
  • Display during a scheduled time to maximize impact
  • Complement the message with an icon

Pros & cons

Added benefit

  • Responsive banner
  • Sticks to the top of pages
  • Appears on every page for maximum visibility

Potential drawbacks

  • If overused, message will be ineffective (banner blindness)
  • Can be closed by user and does not reappear
See also: