With WooCommerce Top Bar extension you can add notification bars at the top or bottom of the page. Highlight your product promotions, sales, and other offers. Add a countdown timer to create urgency in the customers’ minds. Include call to action button and customization animation to attract visitors attention.

Create multiple notification bars and add them to specific products, categories, home, blog, cart, checkout, and other pages. You can style/customize each notification bar with a custom background, text size, text font, countdown timer, and a button. You can also customize button text, background color, and links.

You can choose to make a bar sticky or fixed and display multiple notification bars. A full list of the powerful features of the WooCommerce Top Bar extension includes the following.

Use case:

Use it to promote flash sales on summer and winter wear with an eye-catching countdown timer.
Drive international sales by highlighting the free shipping offers.
Use the bar for announcements of new product launches or for product re-stockings.
Use it for scheduling promotional event, such as Black Friday, Eid, Christmas, etc., in advance.

Features List of WooCommerce Top Bar:

Create multiple visually appealing multiple notification top bars.
Choose the appearance of the top bar based on impact, such as:
- At the top (displayed before the header)
- At the bottom (displayed below the footer)
- Above the footer (displayed above the footer)
Display the top bar on specific products, categories, or countries to make the promotion more relevant.
Make the top bar sticky or fixed for better visibility.
Enhance user engagement by choosing from multiple animations, such as:
- Static (fixed, no movement)
- Sliding (slides from top to bottom)
- Scrolling (moves left to right)
Choose from 5 pre-built templates for quick setup and to create urgency for sales.
Choose a countdown timer from the two available templates:
- Date Range (display only within a specific time frame)
- Reset Timer (reset and display the timer based on a set interval)
Add a custom background image and CSS for advanced styling and design flexibility.
Use a shortcode to display the topbar anywhere on your website.

Create and manage multiple top bars

This extension enables you to create multiple notification bars and attach them to specific products, categories, home, cart, checkout, and other pages. With the Top Bar WordPress feature, you can also add notification bars on blog entries.

Flexible topbar positioning

The WooCommerce Topbar extension allows you to choose the display position of your promotional topbar with ease. It offers pre-built position options, including the top of the page (above the header), the bottom (after the footer), or just above the footer. For enhanced visibility and user engagement, you can also make the topbar fixed or sticky.

Control visibility options:

With WooCommerce Topbar, you can choose exactly where to display your promotional bars across the entire website or on selected products, categories, pages, blog posts, or even specific countries. You can easily run a location-based promotional campaign and target the audience based on their location. It also allows you to set the priority of the topbar and run the promotion in a queue based on its importance.

Animation options:

Make your topbar more attractive and eye-catching by using pre-built animation effects such as static, scrolling, manual, or automated transitions. These animated topbars improve user engagement and highlight important promotions or announcements effectively. It also provides a shortcode that you can easily insert anywhere on your website to display the topbar without any coding.

Customize content, button and more:

The WooCommerce topbar feature allows you to add customized content that aligns with your campaign goals. You can display multiple content slides simultaneously and even include custom images alongside the text for better visual understanding.

You can choose to enable CTA and countdown timer to your new notification bar. The position of CTA button and timer can be adjusted within the topbar content section using variables.