[WordPress] 外掛分享: Product Badges For WooCommerce

首頁外掛目錄 › Product Badges For WooCommerce
WordPress 外掛 Product Badges For WooCommerce 的封面圖片
600+
安裝啟用
★★★★★
5/5 分(6 則評價)
5 天前
最後更新
問題解決
WordPress 5.5+ PHP 7.4+ v1.1 上架:2022-06-10

內容簡介

Product Badges For Woocommerce 是一個外掛,用於在商店頁面、單個產品頁面和類別頁面上獲得額外獎章。

Woocommerce 新增了一個獎章,有助於輕鬆創建產品徽章。此外掛提供了一個易於使用的用戶界面,用於為所有Woocommerce產品創建所有產品標籤。

當產品缺貨時,也可在外掛中提供 Woocommerce 已售完的標籤,可以幫助您。

如果您希望在您的 Woocommerce 網站中設置已售完的標籤,那麼我們可以執行相應的標籤設置。

PRODUCT BADGES FOR WOOCOMMERCE 的功能:

易於使用
您可以添加新的產品徽章。
您可以選擇顯示標籤。
選擇產品徽章位置。
自定義標籤字體大小、顏色和背景顏色。
添加產品折扣文字。
您可以選擇標籤形狀或圖像徽章。
產品徽章條件式地添加,包括產品和標籤的限制。
WPML 支持

🌟文檔 | 🌟示範 | 🌟購買 Pro 版本 | 🌟技術支援

FREE GIFTS PRODUCT FOR WOOCOMMERCE PREMIUM 的功能:

在單個產品頁面上顯示標籤。
上傳自定義徽章。
條件式地根據類別和價格添加產品徽章。

貢獻和翻譯

Product Badges For Woocommerce 已被翻譯成多種語言,包括中文、荷蘭語、俄語、西班牙語等。通過添加您的本土語言,幫助本地化 Woocommerce。點擊此處貢獻代碼,為此處貢獻代碼。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Product Badges For WooCommerce」→ 直接安裝(推薦)

原文外掛簡介

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

Install and activate the plugin (WooCommerce must be active).
Go to WooCommerce → Product Badges in your WordPress admin.
Click Add New Badge and fill in the Badge Name.
Use the four setting tabs — Default Settings, Label Design, Product Settings, and Badge Schedule — to configure every aspect of your badge.
Watch the Live Preview update in real time on the right side of the screen.
Set your display conditions and optional schedule, then click Save.
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.

延伸相關外掛

文章
Filter
Mastodon