Introduction:
A discount bar is a visual element displayed on product pages that highlights the available discount for a specific product. Its purpose is to show how much money can be saved, attract customers, and make the shopping experience better using the plugin's features.
By using the Discount Rules for Woocommerce plugin, the discount bar becomes a strong tool for promoting products, getting customers more interested, and potentially increasing sales.
This user guide explains how to enable the discount bar feature and the customisable options available in it in detail.
This document will provide a detailed explanation of the following steps:
Enabling/ disabling Discount Bar
Options available in discount bar
Available positions in discount bar
Please note that before proceeding, you must have installed and activated the Discount Rules PRO plugin. It is important to note that this feature requires the PRO version.
Let’s get started,
Enabling/ disabling Discount Bar:
Go to WordPress dashboard -> Woocommerce -> Discount Rules -> choose any one of the created rules
Scroll down to the very end of rule -> Click on the option “Discount Bar (optional) - display discount information”
Here is a screenshot showing the corresponding setting:
Options available in discount bar:
Show Discount Bar ?: You have the option to enable or disable the discount bar for each of the rules you create.
Badge Background color and Text color: Select the background and text colors to personalize your discount bar. Once chosen, you can preview the badge on the left.
Badge Text: Add your desired text to be shown on the product pages.
Additionally, you can utilize the following short codes:
{{title}}: Retrieves the rule title.
{{discount}}: Displays the discount value (e.g., 20% for percentage or $20 for a flat or fixed price).
{{discounted_price}}: Shows the discounted product price.
Available positions in discount bar:
To choose the available positions in discount bar, go to Go to WordPress dashboard -> WooCommerce -> Discount Rules -> Settings
You can find the setting “Position to show discount bar”
The available positions are:
Woocommerce before add to cart form
Woocommerce product meta end
Woocommerce product meta start
Woocommerce after add to cart form
Woocommerce after single product
Woocommerce before single product
Woocommerce after single product summary
Woocommerce before single product summary
Here are few examples of the display positions with screenshots:
Woocommerce before add to cart form:
Woocommerce after add to cart form:
Woocommerce before single product:
Woocommerce product meta end:
Frequently asked questions:
1. Is it possible to display discount information in product / listing pages?
Yes, it is possible. We have events to load the discount information manually through code.
You can use the below event to manually load the discount bar where you want to display :
/*
* Please make sure we are passing the param $product -> Product object.
*/ do_action('advanced_woo_discount_rules_load_discount_bar', $product);
2. Are you looking to show discount information in single product pages?
If so, you can enable this option in such cases.
3. Is it possible to display Discount Bar information only on X products while having Buy X get Y rules ?
In our plugin, the discount bar is a static text and it will be displayed on all products in-listed in a specific rule.
So, it is not possible to show a discount bar only on buy X products.
The above discussed Discount Bar feature requires a PRO version.
Next Steps :
You may also want to check out these helpful guides:
Watch this video to know more about Discount Bar feature:
Still Clear ?
If you need any assistance, please create a support request at our ticket system. We are always happy to assist you :)