Product Page Shipping Calculator shows available shipping methods and costs directly on the WooCommerce product page.
Customers enter a delivery location and see which shipping methods apply, without adding the product to the cart or going to checkout. Results appear without a page reload.
Go to:
WooCommerce > Shipping Calculator
The settings page has these tabs:
Open the Basic setting tab. Set where the calculator appears, how results load, and how quantity is handled. Open the Labels tab to set button text and messages customers see.
Click Save Changes.
For a basic setup:
Customers can then click Select delivery location, enter an address, and see shipping methods for that address.
Controls where the calculator appears on the product page. Found under Basic setting.
What to select:
[pi_shipping_calculator] manually on the product page.Example: Choose shortcode mode and add [pi_shipping_calculator] to the product page content when automatic position does not fit your theme.
Shortcode works only on product pages. It shows an error when shortcode mode is not enabled. It does not show for virtual or out-of-stock products.
Controls where the calculated result appears. Found under Basic setting.
What to select:
Controls whether the address form starts expanded or collapsed.
Controls whether results load automatically.
Use this when the product page is cached. The saved customer location is loaded dynamically instead of from cached page content.
When to use it: Enable it if caching causes wrong customer location to appear.
Controls whether the quantity selected on the product page affects the estimate.
Example: Customer sets quantity to 3. With Calculate for the quantity selected (more accurate), estimate uses 3 plus any same product already in cart.
When enabled, other products in the cart are ignored during calculation. Result reflects only the product being viewed.
When to use it: Enable when viewed product has different shipping cost than rest of cart and you want isolated estimate.
Example: Cart has product B. Customer views product A. With this enabled, result shows cost for product A only.
Found under Labels tab, section Product page calculator labels. Message shown when no location is entered yet, or when auto-loading is disabled and no calculation ran.
Default: Insert your location to get the shipping method
Found under Labels tab, section Product page calculator labels. Text inside button that opens the calculator form.
Default: Select delivery location
Found under Labels tab, section Product page calculator labels. Submit button inside address form.
Default: Update Address
Found under Labels tab, section Product page calculator labels. Heading shown above list of available methods.
Default: Shipping methods available for your location:
What to enter: You can use [country] to show selected country name.
Example: Enter Shipping methods available for [country]:. If customer selects India, heading reads Shipping methods available for India:.
Found under Labels tab, section Product page calculator labels. Message shown when location is entered but its shipping zone has no methods.
Default: No shipping methods available for your location
Found under Labels tab, section Product page calculator labels. Used on variable products before variation is chosen. Calculator stays hidden until in-stock, non-virtual variation is selected.
Default: Select variation
If left empty, no message is shown.
0 price next to free method.Found under Remove fields tab. Each is on/off. Default is off, meaning field is shown.
Important: If your shipping zones depend on a field, do not remove it. Zone matching will fail.
Country field rule: Country dropdown is removed only when store ships to exactly one country and Remove country field is enabled. When store ships to more than one country, this option is not available.
The same tab has separate options for the popup address form. Those affect popup form only, not product-page calculator.
Found under Design tab.
Found under Design tab.
Found under Design tab.
Found at Products > Edit product > Shipping calculator.
Setting: Disable shipping cost
Calculator also does not show for virtual products. Tab is not shown for grouped products.
Goal: Standard calculator below Add to cart.
Configuration:
| Option | Value |
|---|---|
| Position of the calculator on product page | After add to cart button |
| Shipping calculator form default state | Closed by default |
| Auto calculation of shipping method | Enabled |
Result: Customer clicks Select delivery location, enters address, sees methods without page reload.
Goal: Place calculator manually when theme position does not fit.
Configuration: Set Position of the calculator on product page to Use shortcode [pi_shipping_calculator] to insert manually.
Result: Add [pi_shipping_calculator] to product page. Automatic output stops.
Goal: Show shipping based on selected quantity.
Configuration: Set Product Quantity Field to Calculate for the quantity selected (more accurate).
Result: Quantity 3 on product page produces estimate for 3 plus same product already in cart.
Goal: Ignore rest of cart.
Configuration: Enable Show shipping cost of the individual product only.
Result: Viewing product A while cart has product B shows cost for product A only.
Goal: Personalize result heading.
Configuration: Set Above the shipping method list to Shipping methods available for [country]:
Result: Selecting India shows Shipping methods available for India:.
Under Basic setting > Position of the calculator on product page: before or after Add to cart button, or manually with [pi_shipping_calculator].
Under Basic setting > Position of the calculator result. Four positions: before or after Calculate Shipping button, or before or after shipping form inside hidden container.
See Product Quantity Field. Use Calculate for the quantity selected (more accurate) when shipping cost depends on quantity.
Yes. Enable Show shipping cost of the individual product only.
Yes. Edit product, open Shipping calculator tab, set Disable shipping cost to Disable calculator.
Yes. Customer must select variation first. When no product variation is selected message covers unselected state.
That option works only when store ships to single country. Set WooCommerce > Settings > General > Shipping location(s) to one country first.
Check per-product Shipping calculator setting is not Disable calculator, check product is not virtual, and check Position of the calculator on product page.
Position of the calculator on product page must be set to Use shortcode [pi_shipping_calculator] to insert manually, and shortcode must be on product page.
Enable Load user location data via AJAX.
Set Product Quantity Field to Calculate for the quantity selected (more accurate).
Enable Show shipping cost of the individual product only.
Check WooCommerce > Settings > Shipping > Shipping zones has matching zone with at least one method, and check removed fields are not needed for zone matching.