Shipping configuration in Wordpress - Mini Project: Build & Apply

Shipping Configuration in WordPress

📖 Scenario: You are building an online store using WordPress and want to set up shipping options for your products.This project will guide you through creating a simple shipping configuration using WooCommerce hooks and filters.

🎯 Goal: Set up a shipping method configuration in WordPress that defines shipping zones, adds a flat rate shipping method, and enables free shipping based on a minimum order amount.

📋 What You'll Learn

Create a shipping zone array with a specific zone name and regions

Define a flat rate shipping method with a fixed cost

Add a free shipping method that activates when the order total reaches a threshold

Hook the shipping methods into WooCommerce using filters

💡 Why This Matters

🌍 Real World

Online stores need shipping configurations to calculate shipping costs and offer free shipping promotions.

💼 Career

WordPress developers often customize WooCommerce shipping methods to meet client requirements.

1

Create the shipping zone array

Create a variable called $shipping_zone as an associative array with the keys 'zone_name' set to 'Local Zone' and 'zone_regions' set to an array containing 'US' and 'CA'.

Wordpress

# Your code here

Hint

Use an associative array with keys 'zone_name' and 'zone_regions'.

2

Define the flat rate shipping method cost

Create a variable called $flat_rate_cost and set it to the string '10.00' representing the flat rate shipping cost.

Wordpress

$shipping_zone = array(
    'zone_name' => 'Local Zone',
    'zone_regions' => array('US', 'CA')
);
# Your code here

Hint

Set the flat rate cost as a string with two decimal places.

3

Add free shipping minimum order amount

Create a variable called $free_shipping_minimum and set it to the integer 50 representing the minimum order amount for free shipping.

Wordpress

$shipping_zone = array(
    'zone_name' => 'Local Zone',
    'zone_regions' => array('US', 'CA')
);

$flat_rate_cost = '10.00';
# Your code here

Hint

Use an integer value for the free shipping minimum order amount.

4

Hook shipping methods into WooCommerce

Add a filter hook using add_filter with the tag 'woocommerce_shipping_methods' and a callback function named add_custom_shipping_methods. Inside the function, add two shipping methods to the $methods array: 'flat_rate_custom' with the class name 'WC_Shipping_Flat_Rate' and 'free_shipping_custom' with the class name 'WC_Shipping_Free_Shipping'. Return the modified $methods array.

Wordpress

$shipping_zone = array(
    'zone_name' => 'Local Zone',
    'zone_regions' => array('US', 'CA')
);

$flat_rate_cost = '10.00';

$free_shipping_minimum = 50;

# Your code here

Hint

Use add_filter to hook your function and add shipping methods to the $methods array.

Practice

1. What is the main purpose of Shipping Zones in WordPress shipping configuration?

easy

A. To group delivery locations for specific shipping methods

B. To set product prices automatically

C. To manage payment gateways

D. To create customer accounts

Solution

1. Step 1: Understand Shipping Zones concept

   Shipping zones are used to group geographic areas where specific shipping rules apply.

2. Step 2: Identify the purpose of zones

   They help assign shipping methods like flat rate or free shipping to those grouped locations.

3. Final Answer:

   To group delivery locations for specific shipping methods -> Option A

4. Quick Check:

   Shipping Zones = Group locations [OK]

Hint: Shipping zones group locations for shipping methods [OK]

Common Mistakes:

• Confusing zones with payment settings
• Thinking zones set product prices
• Assuming zones create user accounts

2. Which of the following is the correct way to add a flat rate shipping method to a shipping zone in WordPress?

easy

A. Go to Shipping Zones > Select Zone > Add Shipping Method > Choose Flat Rate

B. Go to Payment Settings > Add Method > Flat Rate

C. Go to Products > Shipping > Add Flat Rate

D. Go to Users > Shipping > Add Flat Rate

Solution

1. Step 1: Locate Shipping Zones settings

   Flat rate shipping is added inside Shipping Zones by selecting a zone first.

2. Step 2: Add shipping method correctly

   After selecting the zone, you add a shipping method and choose Flat Rate from the options.

3. Final Answer:

   Go to Shipping Zones > Select Zone > Add Shipping Method > Choose Flat Rate -> Option A

4. Quick Check:

   Flat Rate added via Shipping Zones [OK]

Hint: Add flat rate inside Shipping Zones, not payments or products [OK]

Common Mistakes:

• Trying to add flat rate in payment settings
• Looking under products or users instead of shipping zones
• Confusing shipping methods with payment methods

3. Consider this scenario: You have a shipping zone for "Europe" with a flat rate of $10 and free shipping if the order is over $50. What will be the shipping cost for an order of $45?

medium

A. No shipping cost because zone is Europe

B. $0 because free shipping applies

C. $45 because shipping equals order total

D. $10 flat rate applies

Solution

1. Step 1: Check order amount against free shipping condition

   The order is $45, which is less than the $50 minimum for free shipping.

2. Step 2: Apply shipping cost based on conditions

   Since free shipping does not apply, the flat rate of $10 is charged.

3. Final Answer:

   $10 flat rate applies -> Option D

4. Quick Check:

   Order $45 < $50 -> flat rate $10 [OK]

Hint: Check if order meets free shipping minimum first [OK]

Common Mistakes:

• Assuming free shipping applies below minimum
• Confusing shipping cost with order total
• Ignoring flat rate fallback

4. You added a shipping zone but customers report shipping options do not appear at checkout. What is the most likely cause?

medium

A. The product prices are set to zero

B. The shipping zone has no shipping methods assigned

C. The payment gateway is disabled

D. The customer is logged out

Solution

1. Step 1: Verify shipping zone setup

   Shipping zones must have shipping methods assigned to show options at checkout.

2. Step 2: Identify missing shipping methods

   If no methods like flat rate or free shipping are added, no options appear for customers.

3. Final Answer:

   The shipping zone has no shipping methods assigned -> Option B

4. Quick Check:

   No shipping methods -> no checkout options [OK]

Hint: Check if shipping methods are added to zones [OK]

Common Mistakes:

• Blaming payment gateways for shipping issues
• Thinking product price affects shipping options visibility
• Assuming login status controls shipping display

5. You want to offer free shipping only for customers in the US who order more than $100, but charge a flat rate of $15 for all other US orders. How should you configure this in WordPress shipping settings?

hard

A. Set product prices to $100 and enable free shipping globally

B. Create two shipping zones for US, one for free shipping and one for flat rate

C. Create a US shipping zone, add Free Shipping method with minimum order $100, then add Flat Rate method

D. Use payment settings to add free shipping for orders over $100

Solution

1. Step 1: Create a single US shipping zone

   Group all US locations under one shipping zone to manage shipping rules.

2. Step 2: Add Free Shipping method with minimum order amount

   Add Free Shipping method and set minimum order to $100 to apply free shipping conditionally.

3. Step 3: Add Flat Rate method for other orders

   Add Flat Rate method with $15 cost to cover orders below $100.

4. Final Answer:

   Create a US shipping zone, add Free Shipping method with minimum order $100, then add Flat Rate method -> Option C

5. Quick Check:

   One zone with conditional free + flat rate methods [OK]

Hint: Use one zone with free shipping minimum and flat rate [OK]

Common Mistakes:

• Creating multiple zones for same location
• Trying to set free shipping in payment settings
• Changing product prices to control shipping