Shipping Calculator Product and/or Cart Page - Local delivery

Shopify Discussion
,
1

Hi,

I am looking for quotes on the following work:

We use the Local delivery option in Shopify that is setup with 3 x postcode zones and different costs per zone. Depending on the postcode the customer selects, is what we charge for freight.

We charge freight per order NOT per product.

I have two aims:

  1. The customer can check and see the freight cost in the product page and the cart by entering their postcode.

OR

  1. The customer can check and the freight cost in the Cart by entering their postcode.

If their postcode is not available, it needs to tell them that we do not deliver to the selected area.

Any work must be compatible with future theme updates etc.

The website is: www.bafurnitureclearance.au

Look forward to hearing back from someone with a good solution :slightly_smiling_face:

Thanks

Dave

2

According to your store Dave @BAFC I see that you are using the Dawn theme, and you can add a Shipping calculator section in your card, so the desired results can be archivable, If It’s not that you want, please provide further context. Best Regards :slightly_smiling_face:

3

Hi Stefan,

Thanks for your reply.

Can you please explain/elaborate on this comment:

" I see that you are using the Dawn theme, and you can add a Shipping calculator section in your card"

Regards

Dave

4

  1. Go to your online store theme click three dots and edit code

  2. In the snippets folder create a file called “eg-shipping-calc” and paste the code below

{% liquid
  assign title = 'Calculate Shipping Rates'
  assign btn_label = 'Calculate'
  assign btn_label_loading = 'Calculating...'
%}

  #### 
    {{ title }}
  1. Save it and now in the sections folder create a section named “shipping-calculator” and paste this code below
{% render 'eg-shipping-calc' %}

{% schema %}
{
  "name": "Shipping Calculator",
  "presets": [
    {
      "name": "Shipping Calculator"
    }
  ]
}
{% endschema %}

  1. Save it and exit the code editor, now go to your online store click customize go to your cart, and add a section named “Shipping Calculator” and save it.

  2. Congrats now add your product to your cart go to your cart page and calculate the shipping!

5

Hi Stefan,

Thanks for this.

I will follow your instructions and see if I can get this to work.

I will report back afterwards.

Regards

Dave

6

Hi Alex,

Thanks for this.

I found out, that most app providers cannot integrate with the local shipping - manual postcode rates that I use in shopify.

They can work with the general rates, but this means that you have to select entire states, and cannot drill down to specific postcodes for the shipping.

I found a solution via adding meta objects in the admin, and a code snippet that connect to the local shipping section, and now have a cart calculator.

Thanks anyway.

Cheers,

BAFC

8

Nice setup, and yeah this is doable but usually needs a custom solution or app. Shopify by default doesn’t show delivery cost upfront like that, so you’d need something that checks the postcode and maps it to your delivery zones in real time. Adding it on the cart page is the easier and more reliable option, but it can also be done on the product page with a bit more work.

9

Hi Anderson,

You are correct — this generally requires either a custom-built solution or an app that can properly handle postcode-level logic rather than broad state-based shipping zones.

We ran into exactly the same issue ourselves with Shopify, particularly for bulky furniture deliveries where shipping rates can vary significantly between individual postcodes within the same state.

Because of that, we ended up developing our own platform called ShippingIQ (www.shippingIQ.com.au), which is part of the NexusIQ suite of products for importers, wholesalers and retailers.

At the moment, ShippingIQ is being launched initially for WooCommerce, however Shopify support and integrations are already in development. The system can also be used standalone online, or businesses can contact us regarding custom integration into their existing website/platform.

The main goal is to provide more accurate postcode-based freight calculations, especially for industries where standard courier-style flat rates don’t work well.

Interesting to see others running into the same limitations within Shopify’s native shipping setup.

Cheers,
Dave

11

Hello @BAFC

This can be done cleanly without modifying core Shopify Checkout logic by using a postcode rate lookup widget linked to your existing shipping zones. On product page and cart you can insert a small script that reads the postcode, executes your zone rules, and returns your correct flat freight per order. If there is no match, it can block with a “no delivery to this area” message.

For maintainability, best is a lightweight app or custom app that ties into Shopify’s delivery profiles rather than theme edits so it won’t break with future theme updates.

12

Thanks for your reply
I found a great free solution: shippingiq.com.au
I integrated this with my store and added my freight rates and it does the rest!
Took all the pain away and doesn’t matter if I upgrade my theme.