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:

• Example on Product Page:

To configure it – go to Settings -> Design tab.

The following bage appearance settings are available to you:

• Use icon. Upload your unique Bonus Points icon for your product badge by inviting users.

• Show bonus point. Specify whether to display the exact number of points received for this product.

• 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.

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.

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.