1. Home
  2. Docs
  3. wiseCampaign Free
  4. StockBar
  5. How to add StockBar on WooCoomerce Products

How to add StockBar on WooCoomerce Products

The StockBar feature in the wiseCampaign plugin allows WooCommerce store owners to display a dynamic StockBar on product pages and shop pages. This feature is designed to grab customer attention and boost sales by showcasing product availability.

Screenshot 2025 03 14 at 1.03.12%E2%80%AFPM
How to add StockBar on WooCoomerce Products 7

Before enabling StockBar make sure you have added Product Stock details under WooCommerce Product Inventory Setting.

Screenshot 2025 03 14 at 1.13.30%E2%80%AFPM
How to add StockBar on WooCoomerce Products 8

How to Enable StockBar for Any Product

Follow these steps to enable and customize the StockBar:

1. Enable StockBar

Screenshot 2025 03 14 at 12.41.09%E2%80%AFPM
How to add StockBar on WooCoomerce Products 9
  1. Navigate to your WordPress dashboard.
  2. Go to wiseCampaign > Settings.
  3. Locate the StockBar section and click the Enable StockBar button.

2. Select a StockBar Template

Screenshot 2025 03 14 at 1.06.25%E2%80%AFPM
How to add StockBar on WooCoomerce Products 10

Once the StockBar is enabled:

  1. You will be redirected to the StockBar Templates page.
  2. Choose one of the two available template options:
    • Solid Color StockBar
    • Gradient Color StockBar

3. Customize StockBar Design

Screenshot 2025 03 14 at 1.01.56%E2%80%AFPM
How to add StockBar on WooCoomerce Products 11
  1. Click on the StockBar Design tab.
  2. Adjust the StockBar colors to match your brand by selecting your preferred colors.
  3. Click Save Changes to apply your design.

4. Configure StockBar Display Settings

Screenshot 2025 03 14 at 1.01.47%E2%80%AFPM
How to add StockBar on WooCoomerce Products 12
  1. Go to the StockBar Settings tab.
  2. You will find two display options:
    • Display on Shop Page: This will show the StockBar beneath the product images on the shop page.
    • Display on Single Product Page: This will show the StockBar on individual product pages.
  3. Select your desired display options.
  4. Click Save Changes.

Once configured, the StockBar will dynamically appear on your selected pages, helping to create a sense of urgency and encouraging customers to make a purchase.

For further assistance, feel free to reach out to our support team.

How can we help?