Notification bar

What it solves & why businesses use it

A notification bar is a non-intrusive tool that allows to deliver important updates, announcements, or offers and ensures that it’s visible to all users. It helps businesses:

• Increase engagement by informing customers about discounts, flash sales, or special offers.


• Alert users to important changes like shipping delays, new policies, or product updates.

When & how to use it

Notification bars are best set to appear on all pages or only specific pages of the site based on business goals. They can be dismissible or sticky, depending on the urgency and nature of the message. Notification bars can deliver important updates at various stages in the user journey:

• Promotions & discounts: When running a limited-time offer or seasonal sale to promote the discount across all pages.


• Shipping information: For ecommerce sites to announce free shipping offers or shipping delays.


• Product restock: Notify users when an out-of-stock item is back in stock or when new arrivals are available.


• Important policy updates: Notify customers about new terms of service, privacy policy updates, or website changes.


• Upcoming events: Promote webinars, product launches, or special events through the notification bar.


• Product updates: Communicate upcoming product features or releases.

How it looks

A notification bar is typically a narrow, banner-like element displayed at the top or bottom of the screen. It’s designed to be short, clear, and actionable.

• Text: Brief and to the point, often with a CTA button.


• Design: Can be customized with colors, fonts, and styling to match the website’s branding.


• Layout: It can either stay visible at the top of the screen while scrolling, or be set as a sticky bar or dismissible for more persistent or temporary messages.

How to set it up

To put up a website announcement bar on your website, here’s what you need to do.

Step 1. Create a new campaign

Select one of our pre-designed website notification bar templates for a fast setup. All templates are fully customizable, allowing you to save time by choosing a ready-made design.

Step 2: Customize

Use the drag-and-drop builder to fully customize your website notification banner and make sure it fits your website’s design and purpose. Double-click the text to change your message.

Adjust the fonts, colors, and button styles so they align perfectly with your branding.

The bar’s position is flexible — you can pin it to the top of the page or make it scroll along with your content, regardless of which template you’re using. Click on the grey zone to deselect the bar and go to the right sidebar. Scroll down to Positioning and select the necessary option.

If you have an international audience, we recommend enabling multiple languages. This allows your alert bar to automatically adapt its content based on the visitor’s preferred language, making your message clear for everyone.

Step 3: Set triggering

Show the notification bar immediately to inform users right away. It should appear on all pages of the site, ensuring maximum visibility. The display of the bar should stop once the user closes it.

Step 4: Save and publish

Save your widget and you’re ready to publish!