Creating a Single or Multiple Top Bars
To create single or multiple top bars for notifications in WooCommerce using the “Top Bar for WooCommerce” plugin, follow these steps:
Creating a Single Top Bar:
Install and Activate the Top Bar for WooCommerce Plugin.
Go to your WordPress Admin Panel. Navigate to “Top Bar” in the plugin’s settings. Click on “Add New Top Bar.”
Configure Top Bar Settings:
Customize the settings for your single top bar:
Add Title: Provide a title for your top bar to help you identify it.
General Settings for Top Bar:
- Bar Position:
- Top of Page
- Bottom of Page
- Bar Style:
- Fixed
- Sticky
- Bar Height (px)
- Bar Content Width (%)
- Bar Priority
Configure Content Settings:
Customize the content for your top bar:
- Bar Text
- Enable Call to Action
- Call to Action Button Text
- Call to Action Button Link
- Enable Timer
- Start Date
- End Date
Styling the Top Bar:
Customize the appearance of your top bar:
- Background Settings for Top Bar
- Background Color
- Background Image
- Text Settings for Promo Bar:
- Font Color
- Font Size (px)
- Font Family
- Button Settings for Top Bar:
- Background Color
- Font Color
- Font Size (px)
- Custom CSS for Top Bar
Conditions Settings:
- Applied On
- Whole Website
- Selected Items
- Products
- Categories
- Pages
- Blog Posts
Save and Activate:
After configuring all the settings for your single top bar, save your changes and activate it. You can also preview how it will appear on your website.
Creating Multiple Top Bars:
To create multiple top bars, repeat the process by going to “Add New Top Bar” and configure each top bar with its own unique settings, content, and conditions. Assign different priorities to control the display order of multiple top bars.
By creating and customizing single or multiple top bars, you can effectively promote products or events, convey important messages, and engage with your website visitors. Each top bar can be tailored to specific needs and conditions.
