Delivery Calculator

Recently, we had a client who wanted a delivery calculator for their eCommerce store, which was built using the Chromium theme.

Fortunately, adding this feature was easy because there are several plugins available that meet this requirement.

The store’s shipping rates are integrated with StarShippit, meaning all the rates displayed on the checkout page are pulled directly from StarShippit.

For this project, I used the Product Page Shipping Calculator plugin. This free plugin generates WooCommerce shipping rates and allows you to set up a shipping calculator programmatically on any page of the site. It also supports creating multiple shipping profiles based on delivery locations.

With the functionality in place, we needed to enhance the frontend design. The plugin’s default styles were too generic and didn’t match the theme’s design.

Finally, I placed the shortcode on each product page, right below the “Add to cart” button in the sidebar.

Here’s how it looks.