Free Shipping Bar
The Free Shipping Bar is an effective tool to motivate customers to increase their order size by showcasing how much more they need to spend to qualify for free shipping. This feature, found under Appearance -> Customize -> WooCommerce -> General Settings, can be turned on or off and can be strategically placed on different pages to maximize its impact and encourage larger purchases.
Setup Instructions
Before the Free Shipping Bar can be displayed, you need to set up a shipping zone in WooCommerce. Follow these steps:
Step 1
Navigate to WooCommerce -> Settings in your WordPress dashboard.
Navigate to WooCommerce -> Settings in your WordPress dashboard.
Click on the Shipping tab.
Click Add shipping zone and configure the zone details.
Step 2
Set up a Zone Name, for example "Worldwide"
Choose a geographical region under Zone regions
Add a Shopping method by clicking the "Add shipping method" button
Step 3
Choose a shipping method, in this case choose Free shipping
Click the "Continue" button, to continue to the next step
Step 4
Name the shipping method, we've chosen "Free Shipping"
Choose when to apply the free shipping, we've chosen "A minimum order amount" to spend to get a free shipping.
Set a Minimum order amount, e.g. $150
Click "Create and save" to finalize.
Now that you’ve created the shipping zone in WooCommerce, you can proceed with customizing the Free Shipping Bar. The options for configuring its appearance and messages are detailed below.
Free Shipping Bar Options
Now that you’ve added free shipping zones in WooCommerce, you can configure the Free Shipping Bar to enhance its visibility and impact. The options are located under Appearance -> Customize -> WooCommerce -> General Settings, you can turn it on or off from there directly . The options for customization are explained below.
Locations to Show
Select where you want the Free Shipping Bar to appear on your site. You can choose multiple locations to maximize its visibility:
Mini Cart Drawer: Displays the bar in the mini cart drawer.
Cart Page: Shows the bar on the cart page.
Checkout Page: Appears on the checkout page.
Product Page: Visible on individual product pages.
Initial Message
Enter a custom message to prompt customers to spend more to qualify for free shipping. For example, "Spend $50 more to enjoy free shipping."
Qualified for Free Shipping Message
Enter a message to congratulate customers who meet the free shipping threshold. For example, "Congratulations! You qualify for free shipping."
Available Shortcodes
Use shortcodes to personalize the messages:
[amount_left]Displays the amount remaining to reach the free shipping threshold.[min_amount]Shows the minimum amount required to qualify for free shipping.
Last updated
