Description
DealBadge – Discount Banner for WooCommerce automatically overlays a customizable deal banner on your WooCommerce product cards and single product pages, using discount data from the “Discount Rules for WooCommerce” plugin by Flycart (free version or PRO).
Key features
- Automatically detects active discounts from Discount Rules for WooCommerce (free and PRO)
- Three badge shapes: rectangle bar, circle, and scalloped stamp
- Solid color or two-color gradient backgrounds, with full HEX control
- Optional drop shadow and pulse animation
- Optional prefix text or emoji before the discount label
- Works with AJAX-loaded and infinite-scroll product grids via a MutationObserver
- Configurable CSS selectors so the banner can adapt to different themes and page builders
- Built-in setup guide walking you through connecting Discount Rules for WooCommerce
- Lightweight: assets are only enqueued on the frontend, and banner data is fetched via a nonce-protected AJAX request
Requirements
- WooCommerce (active)
- Discount Rules for WooCommerce by Flycart (free or PRO) — used as the data source for active discounts
This plugin does not modify prices or discount rules. It only reads existing discount information and displays a visual banner.
Screenshots
Installation
- Make sure WooCommerce and Discount Rules for WooCommerce (Flycart) are installed and active.
- Upload the plugin files to the
/wp-content/plugins/shopbadger-discount-bannerdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the “Plugins” screen in WordPress.
- Go to WooCommerce DealBadge to configure the banner appearance, follow the Setup Guide tab, and set the CSS selectors if needed.
FAQ
-
Does this plugin create discounts?
-
No. DealBadge only displays a banner for discounts that are already configured in Discount Rules for WooCommerce by Flycart. It does not calculate or apply discounts itself.
-
Most often, the discount rule’s Badge Text field (inside Discount Rules for WooCommerce) is empty — DealBadge has nothing to display without it. See the Setup Guide tab under WooCommerce DealBadge. If the text is filled in and the badge still doesn’t appear, different themes and page builders use different markup for product cards — use the “CSS Selectors (Advanced)” section to set the correct selectors for your theme.
-
Is PRO required?
-
No, the free version of Discount Rules for WooCommerce is fully supported. The PRO package is also supported when installed alongside the free core plugin.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“DealBadge – Discount Banner for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors
Translate “DealBadge – Discount Banner for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release.
1.1.0
- Added single product page support
- Added circle and star badge shapes with auto-fit text
- Added HEX color picker and live settings preview
- Redesigned settings panel
1.2.0
- Renamed to DealBadge – Discount Banner for WooCommerce
- Redesigned settings panel with a modern card-based layout across three tabs: Badge Design, Setup Guide, and Rate Us
- Replaced the star badge shape with a new scalloped stamp shape
- Added optional two-color gradient backgrounds
- Added optional drop shadow for all badge shapes
- Added a built-in Setup Guide explaining how to connect Discount Rules for WooCommerce and fill in the Badge Text field