Product Badge Design

In the Settings -> Design tab, you can fully control the appearance of all elements of the bonus system on the front. Stylize the design of the bonus points widget and other elements of the bonus system on the front side with the ability to upload your own icons, change the color, font, etc.

Set up Bage Design

The badge on the product card has a very important purpose – firstly, to attract the buyer to the purchase of this particular product. Secondly, inform the user how many bonus points he will receive for the purchase of this product.
  • Example in Catalog:
Set up Bage Design
  • Example on Product Page:
Example on Product Page
To configure it – go to Settings -> Design tab.
Badge product balance
The following bage appearance settings are available to you:
  • Use icon. Upload your unique Bonus Points icon for your product badge by inviting users.
Shop with Bonus Points
  • Show bonus point. Specify whether to display the exact number of points received for this product.
Example Product Bage
  • Color product badge. Specify the background color for the product bage.
  • Font. Set the font for the product bage.
  • Show. Specify where exactly to show the product badge.
Bage on/under image
If you chose to display the badge on the product image, then you can customize the location in more detail:
  • Start for shop page. Start for a better position on the shop page.
Start for product page. Start for a better position on the product page.
Loyality Rewards
In this way, you can customize the design to exactly match the style of your store.   Check out our documentation to learn more about other WooBeWoo Reward Points for Woocommerce options. Also, if you have any questions, please contact us and we will be happy to help you.
Latest Articles

Buy Now Bundle and save over 60%

Buy now