Shipping Cost on Product Page

Shipping Cost on Product Page is a plugin for your WooCommerce shop allowing your customers to calculate and see the shipping price of the product they are currently viewing and their current cart content directly on the product pages even before reaching the cart or checkout. Once the customer enters the shipping destination details in a dedicated form on the product page, the shipping cost is calculated the same way it is done in WooCommerce cart and checkout by default. Provide your customers with the shipping price info much faster, avoid surprises and reduce the amount of the abandoned carts in your store with Shipping Cost on Product Page plugin!

Requirements

The Shipping Cost on Product Page is a stand-alone plugin. In order to work properly it does not require any additional plugins to be installed and active. It's fully compatible with WooCommerce default mechanisms and shipping methods, Flexible Shipping (including its PRO version), Live Rates plugins and should also work fine with any other 3rd party solutions.

Installation

Installation Guide →

Configuration

Once the Shipping Cost on Product Page plugin is installed and activated, the following Shipping Cost on Product Page option should appear at WooCommerce → Settings → Shipping:

Shipping Cost on Product Page at WooCommerce Shipping settings

Click it to reach the Shipping Cost on Product Page General Settings:

Shipping Cost on Product Page General Settings

Enable / Disable

– tick this checkbox to turn on the plugin functionalities and enable the shipping cost calculation directly on the product page.

Once it is done and the changes are saved, your customers will be able to use the shipping price calculator even before reaching the cart or checkout.

How to use the Shipping Cost Calculator on the Product Page

After enabling the plugin functionalities in the aforementioned General Settings, the following link will appear on the product pages in your shop:

Shipping Cost on Product Page - Calculate shipping price link

Click it to display the shipping destination mini-form:

Shipping Cost on Product Page - Shipping price calculator mini-form

Fill in its fields with the address you want the currently viewed product and/or your current cart content to be shipped to and use the Calculate link below:

Shipping Cost on Product Page - Calculate link

Please mind that you can use the CSS classes to fully customize the way how the Calculate shipping price, Calculate and Enter a different address links look like to make them all fit your currently used theme.

The shipping cost of all the available shipping methods for the entered destination will be calculated and displayed on the product page the same way it is done in the WooCommerce cart or checkout:

Shipping Cost on Product Page calculated

Use the plugin