Shipping Threshold Bar for WooCommerce

Description

Shipping Threshold Bar for WooCommerce helps store owners motivate shoppers to add more items to their cart by showing a clear free shipping progress bar. The bar displays how much more a customer needs to spend to unlock free shipping, updates with the cart, and can be shown in key shopping locations across your WooCommerce store.

Use it to promote your free shipping threshold, reduce cart abandonment, and encourage higher average order value with a lightweight, customizable WooCommerce shipping bar.

Key Features

• WooCommerce free shipping progress bar with live cart progress.
• Auto-detect the free shipping threshold from WooCommerce shipping methods.
• Manual free shipping threshold option for custom campaigns.
• Multiple display placements: top banner, mobile sticky footer, cart page, checkout page, product page notice, and floating widget.
• Shortcode support with [shipthba_bar].
• Dedicated block editor block for adding the bar in Gutenberg and block-based layouts.
• Elementor widget for adding the free shipping bar in Elementor pages and templates.
• Custom progress, almost-there, and success messages.
• Message tokens for {remaining}, {percent}, {threshold}, and {subtotal}.
• Show or hide the progress percentage.
• Hide the bar when the cart is empty.
• Exclude virtual products from the progress calculation.
• Exclude downloadable products from the progress calculation.
• Exclude selected product categories from the progress calculation.
• Customize bar color, track color, text color, and background color.
• Adjust border radius, bar height, and font size.
• Solid and striped progress bar styles.
• Built-in theme presets: Minimal, Bold, Soft Rounded, Premium, and Festive.
• AJAX refresh support so the free shipping bar stays in sync with cart changes.
• Compatible with WooCommerce legacy cart and checkout pages.
• Compatible with WooCommerce cart and checkout blocks, including block checkout.
• Compatible with WooCommerce High-Performance Order Storage (HPOS).

Compatibility

Shipping Threshold Bar for WooCommerce works with classic WooCommerce templates and modern block-based stores:

• WooCommerce legacy cart page.
• WooCommerce legacy checkout page.
• WooCommerce cart block.
• WooCommerce checkout block.
• WordPress block editor through the Smart Shipping Bar block.
• Elementor through the Smart Shipping Bar widget.

Flexible Display Options

Choose exactly where the free shipping message should appear:

• Top banner – show the bar at the top of store pages.
• Sticky footer bar on mobile – keep the offer visible on mobile devices.
• Inline cart bar – display progress above cart totals.
• Checkout bar – remind customers before payment.
• Product page notice – encourage shoppers near the add-to-cart area.
• Floating widget – show a small floating progress widget on screen.

Custom Messages

Create customer-friendly messages for each cart state:

• Progress message for shoppers who have not reached the threshold.
• Almost-there message when the cart reaches your chosen percentage.
• Success message after free shipping is unlocked.

Available message tokens:

• {remaining} – amount still needed for free shipping.
• {percent} – current progress percentage.
• {threshold} – free shipping goal amount.
• {subtotal} – current qualifying cart subtotal.

Shortcode

Add the free shipping progress bar anywhere shortcodes are supported:

[shipthba_bar]

You can also pass a placement context:

[shipthba_bar placement="custom"]

Block Editor and Elementor

The plugin includes a Smart Shipping Bar block for the WordPress block editor. Add it to pages, posts, templates, or block-based WooCommerce layouts where you want to show the free shipping progress bar.

If Elementor is active, the plugin also provides an Elementor widget so you can place the free shipping bar inside Elementor pages and templates without using a shortcode manually.