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