Product Badges For WooCommerce

Beschreibung

Product Badges For WooCommerce is the most powerful and flexible badge and label plugin for WooCommerce stores. Whether you want to highlight a sale, announce a new arrival, flag out-of-stock products, or run a time-limited promotion, this plugin gives you complete control over every badge — its shape, color, text, position, display conditions, and schedule — all from a clean, intuitive admin panel with a real-time Live Preview.

Stop losing customers to missed promotions and unnoticed products. Eye-catching product badges guide shoppers, boost click-through rates, and increase conversions across your shop page, category pages, and single product pages — without writing a single line of code.

🌟 Documentation | 🌟 Live Demo | 🌟 Support

🏷️ Why Product Badges For WooCommerce?

Most badge plugins offer a basic „Sale“ sticker and nothing more. Product Badges For WooCommerce gives you:

• 10 professionally designed badge shapes — rendered pixel-perfectly on the frontend
• Full color, font, and size control — every visual property is customizable
• Conditional display rules — show the right badge to the right product at the right time
• Scheduled badge visibility — set exact start and end dates and times for any badge
• Text and image badge types — use custom text or upload your own badge graphic
• Real-time Live Preview — see exactly how your badge looks before you save
• Zero coding required — everything is managed through a visual, tab-based admin interface

✨ Features

10 Fully Customizable Badge Shapes
Choose from 10 distinct shapes to match your store’s style:
Square, Rectangle, Diamond (rotated square), Star Burst, Tag / Bookmark, Collar, Rounded Rectangle, Oval, Circle, and Corner Badge (triangle ribbon). Every shape is rendered using mathematically correct dimensions and clip-path values so the frontend always matches the Live Preview exactly.

Text Badges
Add any custom text to your badge — discount amounts, product labels („New“, „Hot“, „Trending“, „Limited“), seasonal announcements, and more. Control font size, font weight (normal or bold), text color, and background color independently for each badge.

Image Badges
Switch from text to an image badge in one click. Choose from 4 built-in badge images (badge.png, badge1.png, badge2.png, badge3.png) or upload any custom graphic from your WordPress media library. Ideal for brand-specific stickers, award seals, and illustrated labels.

Real-Time Live Preview
As you adjust shape, color, text, size, and position in the admin form, the Live Preview panel updates instantly — no page reload, no guessing. What you see in the admin is exactly what your customers see on the frontend.

Flexible Badge Positioning
Place your badge at four standard corners: Top Left, Top Right, Bottom Left, or Bottom Right. Need pixel-perfect placement? Use the Custom Position option and enter exact top, right, bottom, and left offset values in pixels for fine-grained control.

Conditional Display Rules — Show Badges on the Right Products
Each badge has its own independent conditional display logic. Available conditions in the free version:

• All Products — apply the badge store-wide, automatically
• Selected Products — search for and select specific individual products by name with live product search

Additional conditions (By Price, By Category, By Tag, and Out of Stock) are available in the Pro version. See the Pro section below for details.

Badge Schedule — Start & End Date / Time
Set an exact start date, start time, end date, and end time for every badge. Badges appear and disappear automatically based on your schedule — perfect for flash sales, seasonal promotions, Black Friday campaigns, and limited-time offers. No manual toggling required.

Show on Shop & Category Pages
Enable or disable each badge independently for the main WooCommerce shop loop and category archive pages, giving you precise control over badge visibility.

Manage Multiple Badges
Create and manage an unlimited number of badges from the Badge List view. Edit, duplicate logic, or delete any badge with one click.

Lightweight & Performance-Friendly
CSS and JavaScript assets are enqueued only on pages where badges are actually displayed. Badge markup is generated server-side in PHP, keeping your frontend fast and lean. The plugin replaces only the specific WooCommerce product-image template it needs — all other templates remain untouched.

Developer-Friendly Architecture
Built using a React-powered admin UI (WordPress block editor components), a custom REST API (pbfw/v1), and standard WooCommerce hooks and filters. No shortcodes to memorize, no widget blocks to drag — just a clean admin page at WooCommerce → Product Badges.

🛒 Perfect For

• Highlighting sale, clearance, and discount products
• Marking new arrivals, bestsellers, featured items, and trending products
• Displaying „Out of Stock“, „Low Stock“, or „Coming Soon“ warnings
• Running time-limited flash sales and seasonal promotional campaigns
• Distinguishing product categories visually across a large catalog
• Any WooCommerce store that wants to increase product page engagement and conversion rates

🔧 How It Works

1. Install and activate the plugin (WooCommerce must be active).
2. Go to WooCommerce → Product Badges in your WordPress admin.
3. Click Add New Badge and fill in the Badge Name.
4. Use the four setting tabs — Default Settings, Label Design, Product Settings, and Badge Schedule — to configure every aspect of your badge.
5. Watch the Live Preview update in real time on the right side of the screen.
6. Set your display conditions and optional schedule, then click Save.
7. Your badge is immediately live on your store — no cache clearing required.

📋 Admin Interface Overview

The badge form is organized into four intuitive tabs:

Default Settings
Toggle badge visibility on/off, choose badge position (Top Left, Top Right, Bottom Left, Bottom Right, or Custom), and enter custom pixel offsets.

Label Design
Select badge type (Text or Image), choose a badge shape, set badge text, pick background and font colors using the color picker, and adjust font size and font weight. The Live Preview panel on the right reflects every change in real time.

Product Settings
Choose your conditional display rule: All Products (site-wide) or Selected Products (with live product search). Additional Pro conditions — By Price, By Category, By Tag, and Out of Stock — are unlocked in the Pro version.

Badge Schedule
Set an optional start date + time and end date + time. Leave blank to show the badge indefinitely.

🚀 Pro Version Features

The Pro version of Product Badges For WooCommerce unlocks powerful conditional display rules and advanced features for stores that need more targeting precision and flexibility.

Show Badge on Single Product Page
In the free version, badges appear on shop and category listing pages only. The Pro version adds the ability to independently enable or disable each badge on the single product page — giving you full control over where every badge appears across your entire store.

By Category — Target Products in Specific Categories
Show a badge only on products that belong to one or more chosen categories. The Pro category picker includes a live search so you can find and assign categories instantly, even in large stores. Add as many categories as you need per badge.

By Tag — Target Products by Product Tag
Display a badge only on products that carry specific WooCommerce product tags. Like the category rule, the tag picker supports live search and multi-tag selection. Perfect for tagging „New Arrival“, „Staff Pick“, or any custom label-driven tag.

By Price — Show Badges Based on Product Price
Trigger a badge automatically based on the product’s price using one of three rules:

• Greater Than — show on any product priced above a set value
• Less Than — show on any product priced below a set value
• Between — show on products whose price falls within a minimum and maximum range

Ideal for surfacing budget picks, premium products, or mid-range highlights without manually selecting products.

Out of Stock — Automatically Badge Unavailable Products
Automatically display a custom badge on any product that is out of stock. No manual selection needed — the rule checks WooCommerce stock status in real time, so your badge appears and disappears as stock changes.

Priority Support
Pro users get access to dedicated, fast-track support from the plugin development team. Skip the queue and get answers when you need them.

All Future Pro Updates Included
The Pro roadmap includes badge animation effects, additional display conditions, multi-language badge text, and more. Pro license holders receive all future updates at no extra cost.

👉 Upgrade to Pro to unlock all features.