Max Addons Product Badges element for Bricks Builder allows you to showcase eye-catching sales badges on your WooCommerce products. These badges help highlight important product details like discounts, new arrivals, and limited-time offers, improving visibility and conversions.
In this guide, we will walk through all the available options and features of the WooCommerce Product Badges element.
Getting Started#
Before using the Product Badges element, ensure you have the following installed and activated:
How to Add the Product Badges Element#
- Open the WooCommerce single product page template in the Bricks Builder editor.
- In the element search bar, search for "Product Badges"
- Add the Product Badges element to your page.
- Ensure the element has the "Max" tag in the top-right corner.
Once the element is added, customization options will appear on the left sidebar.
Customization Options: Content Tab#
Content Tab of the Product Badges element offers multiple customization options to help you control the look and behavior of the badges.
- Badge Type: You can choose how you want the product badge to be displayed.
- Badge Display Type: Text or Image.
If "Text" is selected, the following settings become available:
- Custom Text: Enter any text for the badge (e.g., "Sale," "New," "50% Off").
- Style Options:
- Circle: Displays the badge in a circular shape.
- Outline: Displays the badge with a border outline.
If "Image" is selected, the following settings become available:
- Select Badge Image: Upload a custom badge image for your product.
- Dynamic Data & Custom URL: Pull dynamic data from WooCommerce or link the badge to a custom URL.
This was the complete overview of the Max Addons Product Badges element. We Hope this element helps you create interactive online websites using WooCommerce and Bricks Builder!