In the previous documentation, we saw displaying the messages on the Cart page when a discount is applied. Our plugin also allows displaying the discount bar on the individual product pages. It has the ‘Discount Bar’ section located at WooCommerce -> Flexi BOGO -> Discount Rules -> Edit Rule template page.
You can create a rule by navigating to WooCommerce -> Flexi BOGO -> Discount Rules -> Click on the ‘+ Create Rule’ button. You can set up a rule as per your requirements. Don’t forget to click the “Save Rule” button after you’ve created your rule to ensure it’s applied.
It has a setting named ‘Show Discount Bar’ which displays a prominent bar on your product pages that informs customers about the BOGO offer, highlighting the savings they can enjoy with their purchase.
This section has other options also like ‘Badge Background Color’, ‘Badge Text Color’, and ‘Badge Text’ which allows store owners to customize the appearance of the promotional discount bar displayed on your product pages.
Badge Background Color:
This option allows setting up the color of the badge’s background. You can choose a color that stands out and attracts attention, helping customers easily notice the BOGO offer.
Badge Text Color:
This option lets you choose the color of the text within the discount bar.
Badge Text:
This option in our plugin allows you to customize the text displayed on the discount bar. This text communicates the BOGO offer to your customers. You can set various types of text, such as “Buy One, Get One Free” or “BOGO Sale!”.
For example, I have created a rule that offers a “Buy X Get X” promotion. If a customer buys 2 quantities of the product then they will receive one item of the same product for free. You can see how this discount bar appears on the front end of the product.
This way, you can put your best deals on the product pages at the early stage of purchase. This will create a more engaging and user-friendly experience that motivates visitors to buy.