Product Badges For WooCommerce vs Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

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.

Compress images, optimize images, and enable image lazy load automatically with the powerful Smush image optimizer to keep your WordPress site fast, without losing quality. Smush makes it easy to optimize images, compress images, and deliver images faster across your entire WordPress site. This all-in-one image optimizer automatically reduces image file sizes, enables image lazy load, and serves modern formats like WebP and AVIF, all without breaking image quality or adding extra work. Whether you’re running a blog, store, or portfolio, Smush helps you optimize images at scale and keep your site fast with a trusted WordPress image optimizer. Trusted by 1+ Million Sites | 4.8/5 Star Rating Get everything you need to optimize images and speed up your site. Smush works out of the box with no complicated setup – just install and let it handle the rest. Compress images without losing quality Reduce image file size automatically while keeping your images sharp and clear. Smush is an easy-to-use image optimizer which let’s you compress images using both lossless and lossy compression, giving you the best balance of quality and performance without extra work. You can also compress images outside the media library using Directory Smush, making it easy to optimize images stored in theme folders, plugins, or other directories on your server. Lazy load images for faster pages Enable image lazy load across your site so images load only when needed. This image optimizer improves initial page speed and creates a smoother experience for visitors without extra configuration. Serve WebP and AVIF images automatically (PRO) Convert images to WebP and AVIF and serve them automatically to supported browsers. Smush helps you optimize images using next-gen formats to reduce file size and improve load times across your WordPress site. Deliver images faster with an Image CDN (PRO) Serve images through a global image CDN to reduce latency and improve load times for visitors around the world. 119 global CDN servers Up to 500 GB of bandwidth Faster image delivery based on visitor location Improved performance for image-heavy and high-traffic sites Automatically resize and fix image dimensions (PRO) Eliminate common PageSpeed warnings and improve layout stability with automatic image sizing. Smush dynamically resizes images to perfectly fit their containers, regardless of original size, helping fix the “Properly size images” warning in Google PageSpeed Insights. It also automatically adds missing width and height attributes to your images, improving rendering speed and reducing layout shifts. This helps you meet the “Ensure images have explicit width and height” recommendation without any manual work. Optimize your entire site, automatically Smush works across your whole site as a powerful image optimizer to optimize images as you upload them and maintain performance over time without manual work. Optimize images automatically on upload Compress images in bulk or individually Works with your existing media library No need to re-upload images Enable image lazy load across your site Convert images to WebP and AVIF Deliver images with an integrated image CDN Automatically resize and serve correctly sized images Optimize images outside the media library with Directory Smush Built for performance Smush improves page speed and overall performance by reducing image weight and improving how images are delivered. Reduce page load times Improve user experience Better performance for image-heavy pages Supports image lazy load and preload images (PRO) for faster perceived performance Works with your existing setup Smush is built to work with your current WordPress setup, including popular themes, page builders, and plugins. Compatible with Gutenberg, Elementor, WPBakery, and more Works with WooCommerce stores No need to change your workflow Easy to enable and configure Designed to be simple You don’t need to be a performance expert to optimize images with Smush image optimizer. Works out of the box Simple settings when you need them No technical knowledge required Safe to use on any site Why choose Smush? There are plenty of image optimization plugins, but Smush focuses on making it easy to optimize images, compress images, and improve performance without complexity. As a leading WordPress image optimizer, Smush gives you powerful optimization tools without the technical hassle. Trusted by over 1 million WordPress users Built specifically for WordPress Regular updates and improvements Backed by the WPMU DEV team Get started in minutes Install Smush, activate it, and start to compress images, optimize images, and enable image lazy load right away. This easy-to-use image optimizer helps most sites see improvements immediately without changing how they upload or manage images. About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you! Contact and Credits Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.