Max Addons Free Shipping Bar allows you to display a dynamic banner on your WooCommerce websites informing customers if their order qualifies for free shipping.
It also encourages customers to add more items to their cart to reach the free shipping threshold, potentially increasing your store's revenue.
This guide will walk you through all the available options and features of the Free Shipping Bar element in Bricks Builder.
Getting Started#
Before using the Free Shipping Bar element, ensure that you have the following tools installed and activated:
Steps to Get Started#
- Open the WooCommerce Single Product Page using the Bricks Builder editor.
- In the element search bar, type "free shipping".
- Add the Free Shipping Bar element to your page. Ensure that you are using Max Addons by checking for the "Max" tag in the top-right corner of the element.
Once added, the customization options will appear in the left sidebar.
Customization Options in the Content Tab#
Content tab consists of three main sections:
- FREE SHIPPING NOTICE
- PROGRESS BAR
- SUCCESS MESSAGE
Free Shipping Notice#
- Free Shipping Notice Type: Choose between Default or Custom.
- Default: Uses a pre-defined message.
- Custom: Allows you to create a personalized message to match your store's branding and tone.
Progress Bar#
- Show Progress Bar: Enable or turn off the progress bar toggle.
- Show Price: Display the remaining amount needed to qualify for free shipping.
- Typography: Adjust the font style and size of the price text.
- Height: Customize the progress bar's height.
- Bar Color: Choose the color of the progress bar.
- Bar Background Color: Set the background color behind the progress bar.
- Bar Border: Customize the border of the progress bar.
Success Message#
- On Success: Choose one of the following actions when free shipping is achieved:
- Show Success Message: Display a confirmation message to the customer.
- Hide Notice & Progress Bar: Remove the Free Shipping Bar once the goal is met.
- Custom Success Message: Define a unique message to be shown upon qualification.
- Typography: Adjust the font and styling of the success message to match your design.
This was the complete overview of the Free Shipping bar element. Hope this helps!