How to show shipping costs on product pages in WooCommerce

Go to WooCommerce > Settings > Shipping and check that your delivery regions and methods are correct. Add the shipping methods customers should see, such as flat rate, free shipping, local pickup or a carrier-based method.

WooCommerce uses the customer’s matched shipping zone to determine the available rates. If no zone matches, the customer may see no shipping method at all.

Edit the product and open its shipping settings. Confirm that the product has the correct weight, dimensions and shipping class where your rules depend on them. Incorrect or missing data can produce a rate that looks wrong on the product page or disappears at checkout.

If you use product-specific shipping, configure the product’s rate table as well. Product-specific costs can be added to other shipping methods, so check that you are not charging the same amount twice.

For a fixed or simple message, add shipping information to the product short description, an accordion, or your product template. For example, write “Standard delivery: £5” or “Free delivery over £50”. This is the quickest route when every customer pays the same amount.

This method is only a notice. It does not calculate rates from the customer’s postcode, country, quantity, product weight or selected variation. WooCommerce’s built-in calculator is designed for the cart, while product-page estimates need custom development or an extension.

For live estimates, install and activate a WooCommerce shipping calculator extension, then open its settings under WooCommerce > Settings. Enable the calculator and choose which product types, categories, tags or brands should display it.

Depending on the extension, customers can enter a destination and see available methods before adding the product to the cart. Configure whether the results appear as an in-page table or popup, and place the calculator above or below the add-to-cart button.

Open a product page in a private browser window and test postcodes in each shipping zone. Change the quantity and, for variable products, test several variations if their weight, dimensions or shipping class differ.

Compare the product-page estimate with the cart and checkout totals. The common failure is a calculator using incomplete product data or a different package rule, which can make the displayed amount differ from the final charge. Also test free shipping, local pickup and addresses outside your normal zone.

If a fixed message is enough, keep the manual display and link customers to your shipping policy. If customers need an upfront, location-based price, use Shipping Cost on Product Page PRO. It is suited to real-time estimates based on the customer’s location and can display multiple shipping methods directly on the product page.

Set up the store’s shipping zones and methods first, then use the plugin to show the calculator only where it helps. This avoids presenting an estimate that WooCommerce cannot reproduce during cart or checkout.