SWSiteWidgetKit

Free notice widget

Announcement bar widget

Add a small, clear site-wide notice for offers, opening hours, alerts or important updates.

High visibilityUseful notices without a full pop-up.
Flexible CTASend visitors to the relevant page.
Compact embedWorks in headers, sidebars and content blocks.
Widgets / Announcement Bar Widget

Build the announcement bar

Where to use an announcement bar widget

An announcement bar is one of the most versatile embeddable widgets for small websites. It sits at the top of a page (or in a content block) and gives visitors immediate context before they scroll further.

Common use cases:

Promotional offers

"Free delivery this week" or "20% off until Friday" —” time-sensitive messaging that encourages action without interrupting browsing.

Opening hours and availability

Show adjusted hours for bank holidays, seasonal closures, or weekend-only availability. Update it once and it appears across every page the widget is embedded on.

Important alerts

Service disruptions, delivery delays, maintenance windows, or weather-related changes. Visitors see it immediately.

Site-wide notices

New location announcements, rebrand updates, or compliance notices like cookie policy changes and privacy updates.

Related widgets: Opening hours widget, Booking CTA widget, Countdown timer

How it works

The announcement bar widget is a simple HTML embed that renders a styled notification bar you can place anywhere on your site. Customise the text, call-to-action button, link, and colour in the form above, then copy the generated code into your page.

Key features:

  • Customisable colours: match the bar background to your brand palette using the colour picker above.
  • Optional CTA button: include a button that links to a product page, contact form, or more information. Leave the CTA fields blank for a text-only notice.
  • Responsive design: the bar adapts to mobile screens €” text wraps naturally and the CTA button stays tappable.
  • Lightweight: no external dependencies beyond the embed itself. Does not slow down your page.

How to add it to your website

CustomiseSet the announcement text, CTA, link and colour in the form above. The preview updates live as you type.
CopyCopy the generated embed code from the text area.
PasteAdd the code to your CMS, website builder or HTML embed block. Preview on desktop and mobile, then publish.
Attribution: free widgets include a visible powered-by link. To remove attribution, contact us about removing attribution for a small fee.