[Solved] Woocommerce Shipping Zones Not Showing In Cart and Checkout Page

Normally, when you setup multiple shipping zones for your store, in cart and checkout page, you should see the option to select:

change address to australia

However, for some reasons, you don’t see that option. All you see is something like this:

You wonder, why the shipping zones option doesn’t show up? Well, the fix is quite simple. Let’s go to WooCommerce->Settings->General and scroll down to General Option:

As you can see, my settings prevent me from selling to any countries other than Afghanistan. So, if you have shipping zones that cover Europe, make sure the selling locations include Europe and shipping locations option is enabled, like this:

woocommerce settings to enable shipping

Make sure you click on save changes at the bottom of the screen.

Now, if you go to the cart page, you can see the option to change the address and select shipping zone:

That’s it! If you have the problem fixed, that’s great! If you still need assistance, please let me know via the comment section below or via my contact page. Make sure you check the following resources out to have more control over your shipping:

Get Quality WooCommerce Tutorials Delivered To Your Emails Daily

No spam, only quality content

How To Setup Different WooCommerce Shipping Rates By Country

It is not uncommon to sell internationally. The problem arises when you need to handle shipping to different countries. For example, your store is located in the US. Your customers are in the US, the UK, Australia and Vietnam. You want to setup the shipping fee as following:
  1. For customers in the US, the shipping cost would be flat $5
  2. For customers in the UK, the shipping cost would be flat $15
  3. For customers in Australia, the shipping cost would be flat $10
  4. For customers in Vietnam, the shipping cost would be flat $8
Let’s learn how to setup your shipping method to achieve the structure above.

How To Setup Different WooCommerce Shipping Rates By Country

Here are the steps we are going to do:
  1. Add different shipping zones for each country
  2. Add flat rate shipping for each shipping zone
There are only two steps. It’s just simple like that.

Add different shipping zone for each country

Based on the shipping structure mentioned at the beginning of the post, we are going to need 4 shipping zones for each zone, we need a flat rate shipping fee. Let’s learn how to setup one shipping zone and fee. You can do exactly the same for other zones. First, go to WooCommerce->Settings->Shipping and click on Add shipping zone: add-shipping-zone-woocommerce

Add flat rate shipping for each shipping zone

Next, click on Add shipping method: add flat rate shipping method select Flat rate and then click on Add shipping method. Then we have something like this: woocommerce shipping zone flat rate Next, we are going to setup flat rate fee for the zone. Let’s click on the Edit link below the Flat rate title: setup flat rate shipping fee for zone As discussed above, the shipping rate for Australia is $10. You can set the method title to anything you like. Click on Save changes: As you can see, the Save changes button is inactive. That means WooCommerce has saved the settings for us. If you see the button is active (text color is white), just click on it to save the settings. Now, if you go to WooCommerce->Settings->Shipping, you’ll see the shipping zones you created: all shipping zones in woocommerce

Test the shipping cost for different countries

Now, let’s make a test purchase. I’m going to order some pairs of shoes on the store. adding item to cart In this example, I ordered 10 pairs. Let’s go to cart: You can see that the shipping rate is $8 and it’s the flat rate shipping for Vietnam. As I’m not logged in, WooCommerce determined the shipping method by my IP address (I’m living in Vietnam right now). You can also notice that WooCommerce told us that the cost is only an estimate. To know the exact shipping cost, let’s click on Calculate shipping and change my address to Australia: change address to australia After clicking on Update, you can see that the shipping fee is now $10, instead of $8. You can go ahead and change the address to an US or UK address, the shipping cost will update accordingly.

Conclusion

As you can see, WooCommerce provides us some flexibility when setting flat rate shipping for different countries. Using WooCommerce default settings, you can also set shipping fee per product if you like. If you need more advanced shipping fee structure, you may need to use a plugin to achieve that.  

Get Quality WooCommerce Tutorials Delivered To Your Emails Daily

No spam, only quality content

How To Set Woocommerce Custom Shipping Cost Per Product

The goal

Learn how to set custom shipping cost per product in WooCommerce.

The method

We are going to use WooCommerce shipping class to set different shipping cost per product.

What is a WooCommerce shipping class

This is the definition of shipping class on WooCommerce documentation. I think it’s clear enough:
Shipping classes can be used to group products of similar type and used by some shipping methods, such as Flat Rate Shipping, to provide different rates to different classes of product.
For example, for a specific shipping zone, when you select a shipping method, inside the shipping method, you can set many shipping classes. Each class can have different cost. This makes it very easy for us to set different shipping cost for each product.

How to set custom shipping cost per product using shipping classes

This is our setup: We have two products, a hat and a vase. A vase requires a more careful shipping method because it’s fragile while a hat can use less secure shipping method. Now, we are going to create two shipping classes:
  1. Fragile product shipping
  2. Normal product shipping
As you can guess, the vase will use the first class, the hat will use the second.

Add shipping classes

Let’s go to WooCommerce->Settings->Shipping class and add these two classes: add new shipping class Let click on the “Add shipping class” at the bottom right. You will see there are input boxes appear for you to enter the details. Don’t worry if you don’t see the place to enter shipping cost. We’ll do it later in shipping zones. Now click on Save Shipping classes and you are done. Our next step is to create a zone and add shipping methods (if you haven’t got any).

Add shipping zone and shipping method

Let’s click on Shipping zones and click on Add shipping zone. You’ll see an interface appears to enter the zone details. In my example, I use Asia as my zone but you can use any other zones if you like. add shipping zone Now click on Add shipping method. We are going to use the flat rate method. Now, click on the edit link under the flat rate method: setting cost for shipping class Here you can see that there are settings to enter Shipping class costs. In this example, I set 20 for the Fragile product shipping class and 5 for Normal product shipping. Now, click on Save changes, click Save changes again on the add shipping zone screen and you are done with setting up shipping classes.

Set shipping class per product

Finally, we are going to set the shipping class for our products. setting shipping class Let’s go to the product data area (right under the product description area) and click on shipping. When you click on the “Shipping class” drop down, you’ll see the two options we’ve just created. Select Fragile product shipping for the vase and Normal product shipping for the hat. Now, let’s add vase and hat to cart and go to the cart page. You’ll see the shipping cost is added accordingly:
shipping cost for vase
Shipping cost for vase
shipping cost for hat
Shipping cost for hat
shipping cost for both
shipping cost for both

Conclusion

As you can see, using shipping class can let us setup some flexible shipping for our product. There is no limit of number of shipping classes you can create so you can easily have many shipping options.

Get Quality WooCommerce Tutorials Delivered To Your Emails Daily

No spam, only quality content

How To Set Woocommerce Shipping Rates By Country

The goal

With the introduction of shipping zones, creating shipping rates by country is super easy. We are going to learn how to create flat rates shipping for two different countries in this post.

The setup

For this example, we are going to create flat shipping rate for Vietnam and Germany. The store is located in Vietnam so the flat rate for this country is $5. Shipping to Germany will be higher, $15 in our case.

The implementation

Let’s go to WooCommerce->Settings->Shipping and click on Add shipping zone. Add a shipping zone for a country Let’s go ahead and enter zone name and zone regions. In the image above, we created a shipping zone for Germany. Now, let’s go ahead and click on Add shipping method for this zone. We are going to create one flat rate shipping method for each zone. Click on add shipping method, you will get a shipping method like below. Click on the edit button to enter its details: flat rate shipping for country Click on Save changes and you are done for Germany. Let’s do the same for Vietnam. You’ll get something like this after creating flat shipping for these two countries. flat rate shipping for two countries Vietnam and Germany Now you are done. Let’s place test order and see how the shipping based on country works.

Place a test order

Now we have a test order. Let’s go to the cart page, you will see the appropriate shipping rate applied: shipping rate by country applied As you can see, the shipping fee is $5, which is exactly what we set when we created the shipping method for Vietnam.

Wait! It doesn’t work for me

If you find the method above doesn’t work for your store, chances are some other plugins or custom code has modified one of the shipping hooks. (`woocommerce_package_rates` for example). In such case, you may need to find the plugin that does that and deactivate it for this method to work.

Conclusion

As you can see, you can easily set flat shipping for each country. You are not limited to shipping based on countries though. If you want a simpler shipping structure, you can set a flat rate for regions like Asia/Africa… However, doing so reduce the level of control over your shipping rates. The choice is yours.

Get Quality WooCommerce Tutorials Delivered To Your Emails Daily

No spam, only quality content

Woocommerce Weight Based Shipping Without Plugin

Having a weight based shipping fee structure is very common in stores. However, this option is not support by default in WooCommerce. If you want to have weight-based shipping, you may need to use a plugin or you can go without one. However, without a plugin, you need to enter some code in the function.php file of your theme.

Some cautions before continuing

To enable weight based shipping for WooCommerce, the first thing you need to do is to make sure your products to have weight. It is not a requirement, however, if your products don’t have weight, what’s the point of using weight-based shipping method? Some of your products don’t have weight is OK. There is another caution you need to know that is which shipping zone is applied when calculating the shipping fee. If you have multiple shipping zones and one zone cover the other (for example, Vietnam is in Asia and you have two shipping zones, one for Vietnam and one for Asia), you need to know that the first shipping zone is applied. Take a look at this screenshot: Shipping zones order. Drag to top to have higher priority The one at the top will be applied (Asia), not Vietnam 2. If you want to apply the shipping zone Vietnam 2, you need to hold the hamburger icon (underlined red) and drag it to the top position.

Our weight based shipping setup

In our example, we are going to have three weight based shipping tier:
  • For packages under 10kg, we charge $10
  • We will charge $20 for packages under 20kg (but more than 10kg)
  • And finally, for packages over 20kg, we charge $50
There is no limit on how many tiers you can set. You can have very complex tiers hierarchy. It all depends on you.

Setting up the shipping tiers in WooCommerce shipping settings

We are going to create a shipping zone that and three shipping tiers. You can proceed as follow: Step 1: Create a new shipping zone by going to WooCommerce->Settings->Shipping zones and click on Add shipping zone. You then enter the name and regions that that you want to use the shipping tiers we are going to create. Create shipping zone Step 2: Create three flat rate shipping tiers Now you can click on Add shipping method and select flat rate: Add a flat-rate tier Click on the Add shipping method button. You will see there is an option like this appears. Click on Edit. Edit a flat rate tier Step 3: Now, enter the details for the tier. As mentioned, we are going to create three tiers. In the image below, we create the last tier, shipping fee for packages that is more than 20kg. You can enter anything in method title. Note that this title will be displayed to your customer when they checkout: Enter details for the flat rate tier After repeating step 2 and 3 two more times, we have something like this: All available tiers

Enter a code snippet in your theme’s functions.php

It is recommended to create a child theme and enter the code snippet in the functions.php file of that theme. However, if you just want to see the result, you can paste the code in your current theme’s functions.php file. Now, let’s go to your theme functions.php file and enter this code:
add_filter( 'woocommerce_package_rates', 'binary_carpenter_weight_based_shipping_tiers', 10, 2 );
   
function binary_carpenter_weight_based_shipping_tiers( $rates, $package ) {
     

    if ( WC()->cart->cart_contents_weight <= 10 ) {
      
    foreach($rates as $key => $value)
    {
      if ($value->cost != 10)
        unset($rates[$key]);
        
    }
       
    } elseif ( WC()->cart->cart_contents_weight <= 20 ) {
       
    foreach($rates as $key => $value)
    {
      if ($value->cost != 20)
        unset($rates[$key]);
        
    }
       
    } else {
       
        foreach($rates as $key => $value)
    {
      if ($value->cost != 50)
        unset($rates[$key]);
        
    }
       
    }
   
  return $rates;
   
}

See the result in action

Now, you can add some products with weight to your cart and see the shipping tiers applied. In the example below, my total weight is 270kg and you can see that the highest tier is applied:  

Use weight based shipping with local pickup

There are times you would want to add another method, local pickup for example. Then, you can replace the code above with this:
add_filter( 'woocommerce_package_rates', 'binary_carpenter_weight_based_shipping_tiers', 10, 2 );

function binary_carpenter_weight_based_shipping_tiers( $rates, $package ) {


    if ( WC()->cart->cart_contents_weight <= 10 ) {

        foreach($rates as $key => $value )
        {

            if ($value->cost != 10  && $value->method_id != 'local_pickup')
                unset($rates[$key]);

        }

    } else if ( WC()->cart->cart_contents_weight <= 20 ) {

        foreach($rates as $key => $value)
        {


            if ($value->cost != 20 && $value->method_id != 'local_pickup')
                unset($rates[$key]);

        }

    } else {


        foreach($rates as $key => $value)
        {

            if ($value->cost != 50  && $value->method_id != 'local_pickup')
                unset($rates[$key]);

        }

    }

    return $rates;

}
As you can see, in each if condition inside foreach, we check if the method has method_id as ‘local_pickup’. If it has, then we keep that method. Now, on the cart page, you can see that the customer has another choice for shipping: weight based shipping with local pickup

Conclusion

As you can see, with a little modification, you can add some interesting shipping tiers to your store. If you find this post useful, please comment and share. Do you think this method can be improved? Please let me know.  

Get Quality WooCommerce Tutorials Delivered To Your Emails Daily

No spam, only quality content