FAIR

Federated and Independent Repositories

Royal Progress Bar for WooCommerce

Plugin Banner

Royal Progress Bar for WooCommerce

by EsLaM Hamed

Download
Description

Royal Progress Bar for WooCommerce displays a beautiful glassmorphism progress bar across your store to encourage customers to add more items to their cart and unlock free shipping.

Key Features

  • Auto-Detect Threshold — Automatically reads your WooCommerce shipping zones to find the free shipping minimum.
  • Manual Threshold — Set any custom amount as the free shipping goal.
  • Customizable Colors — Choose gradient start and end colors to match your brand.
  • Multiple Placements — Automatically displays on the Product page, Cart page, and Checkout page.
  • WooCommerce Blocks Support — Compatible with the new block-based Cart and Checkout.
  • Real-Time Updates — Progress bar animates when cart contents change.
  • Toast Notifications — Celebrates when the customer reaches the free shipping goal.
  • Lightweight — No bloat, no unnecessary features. Just a fast, clean progress bar.
  1. Upload the plugin folder to /wp-content/plugins/, or install the .zip file via the WordPress dashboard.
  2. Activate the plugin through the ‘Plugins’ menu.
  3. Navigate to WooCommerce > Free Shipping Bar to configure threshold and colors.
  1. Admin settings panel with threshold and color customization.

    Admin settings panel with threshold and color customization.

  2. Progress bar displayed above the Add to Cart button on a product page.

    Progress bar displayed above the Add to Cart button on a product page.

  3. Progress bar inside the cart summary before the order total.

    Progress bar inside the cart summary before the order total.

Does it auto-detect my free shipping threshold?

Yes. When “Auto-detect” is enabled, the plugin reads your WooCommerce shipping zones to find the free shipping minimum amount automatically.

Can I set a manual threshold?

Yes. Disable auto-detect and enter any amount you want as the free shipping goal.

Where does the progress bar appear?

The bar appears automatically on three pages:
1. Product Page — Above the Add to Cart button.
2. Cart Page — Inside the cart summary, before the total.
3. Checkout Page — Inside the order summary, before the total.

Does it work with WooCommerce Blocks?

Yes. The plugin is fully compatible with the block-based Cart and Checkout pages.

Can I customize the bar colors?

Yes. You can set custom gradient start and end colors from the settings page.

1.1.0

  • Improved: Streamlined settings — threshold and colors only.
  • Improved: Hardcoded optimized placements for maximum conversion.
  • Improved: Assets load only on relevant WooCommerce pages.
  • Improved: WooCommerce Blocks compatibility.
  • Added: HPOS compatibility declaration.
  • Added: uninstall.php for clean removal.

1.0.0

  • Initial release.
Back to top