1. Documentation /
  2. Top Bar

Top Bar

Steps to Add a New Notification Bar

↑ Back to top

After activating WooCommerce Top Bar plugin, you can see the “Top Bar” in the WordPress Admin menu. Click to add a new notification bar.

Step 1: General Settings:

↑ Back to top

In the settings, you can specify the basic options for your new top bar which includes,

  • Bar Position
  • Height
  • Content Width (This is the percentage width of the content inside the bar.)
  • Priority

Select Top Bar Position

Step 2: Content

↑ Back to top

Here you can specify the content that should appear in the notification bar along with the button. You also specify start and end date as well as enable/disable countdown timer.

Step 3: Style

↑ Back to top

You can utilize the following options to style content of your notification bar.

  • Customize font color, size & family
  • Add a custom background image or use any color
  • Customize button background color, text color, font size & font family
  • If you are pro, you can add custom CSS to enhance design

Step 4: Conditions

↑ Back to top

Using conditions, you can specify where do you want to show your notification bar. You can choose to display it on specific products, categories, pages, and blog posts

Attach to specific products

Configurations Settings:

↑ Back to top

Click on settings under the top bar menu to access the configuration page. Here you can configure Countdown Timer settings.

Countdown timer settings:

↑ Back to top



The most customizable ecommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment