Booster
4.6/5
WooCommerce Left to Free Shipping

Description

With WooCommerce Left to Free Shipping module you can display left to free shipping info. On settings page you can add “left to free shipping” info to cart, mini cart and checkout pages. To add info on other pages you can use:

  • Booster – Left to Free Shipping widget,
  • [wcj_get_left_to_free_shipping content=””] shortcode or
  • `wcj_get_left_to_free_shipping( $content );` function.

In content you can use: %left_to_free% and %free_shipping_min_amount% shortcodes, which will be replaced by appropriate amounts.

After your customer reaches the free shipping minimum amount, you can display customized Message on Free Shipping Reached. You can set it empty if you wish.

Please note, that depending on the “Position” you select, your customer may have to reload the cart page to see the updated left to free shipping value. For example, if you select “After cart totals” position in “Info on Cart”, then left to free shipping value will be updated as soon as customer updates the cart. However if you select “After cart” position instead – message will not be updated, and customer will have to reload the page. In other words, message position should be inside that page part that is automatically updated on cart update.
Some positions may require adding additional HTML. For example, as “Info on Checkout: Order review: After shipping” position is inside the HTML table, you need to wrap your message in `<tr>…</tr>`, e.g.:
</p>
<p>%left_to_free% left to free shipping

Left to Free Shipping Feature 1

Left to Free Shipping Feature 2

 

Left to Free Shipping Feature 3

Add to cart Notice Section

There are two options.

  1. Enable/Disable Option: This checkbox allows you to toggle the functionality on or off, enabling or disabling the Add to Cart Notice feature.
  2. Custom Message Input: You can enter a personalized message to be displayed in the Add to Cart Notice. Additionally, you can use the following placeholders:
    • %left_to_free%: Represents the calculated value indicating the remaining amount needed to qualify for free shipping.
    • %free_shipping_min_amount%: Displays the minimum amount required for free shipping to be applied.
    • %cart_total%: Shows the total value of all items currently in the shopping cart.

Left to Free Shipping Feature 4

Progress Bar Section

  1. Choose an option to display a progress bar on the front end. The selected options will replace the ‘Left to Free Shipping’ info with a progress bar. You can also utilize the following options : Cart, Mini Cart and Checkout.
  2. Customizable Progress Bar: Customize the appearance of the progress bar with the following options:
    • Progress Bar Color: Modify the color of the progress bar.
    • Progress Bar Background Color: Change the background color of the progress bar.
    • Progress Bar Text Color: Adjust the color of the text displayed on the progress bar.

Left to Free Shipping Feature 5

Shipping Bar Section

  1. Choose an option to display a shipping bar on the front end at the top of the page or bottom of the page. The selected options add the ‘Left to Free Shipping’ info with a shipping bar. You can also utilize the following options : Cart, Mini Cart, Shop, Archive, Home and Checkout pages.
  2. Customizable Shipping Bar: Customize the appearance of the shipping bar with the following options:
    • Shipping Bar Appearance: Select the enable or disable option to show the shipping bar.
    • Shipping Bar Position: Select the Shipping bar position by selecting option. There are two options: 1) Top of page 2) Bottom of page .
    • Shipping Display Pages: Select the pages to show the shipping bar like Home page , Cart page, Checkout page and many more.
    • Shipping Message Template: Customize the message shown in the shipping bar.
    • Shipping Mobile Display: Click the checkbox to show the shipping bar in the mobile display.
    • Shipping Bar Colors: Modify the color of the shipping bar.

Woocommerce Left to Free Shipping Feature 4

Shipping Discount Section

  1. Choose an option to display a shipping discount to all the available shipping methods on the front end. The selected options add the ‘Shipping Discount’. You can also utilize the following options : Cart and Checkout page.
  2. Customizable Shipping Discount: Customize the appearance of the shipping discount with the following options:
    • Enable Shipping Discount : Select the enable or disable option to add the shipping discount.
    • Discount Type: Select the discount type like fixed amount or percentage.
    • Discount Value: Enter the amount to add the discount.

Woocommerce Left to Free Shipping Feature 5

Accessible through:
  • WooCommerce > Settings > Booster > Shipping & Orders > Left to Free Shipping for WooCommerce
Tested on woocommerce-iconWooCommerce 10.7.0 and wordpress-iconWordPress 6.9.4