Thiết lập phí vận chuyển WooCommerce (Shipping)

Tạo Website bán hàng WooCommerce

{ 3 comments }

Thiết lập phí vận chuyển WooCommerce (Shipping) là một trong những bước quan trọng trước khi hoàn tất các quá trình thiết lập cho WooCommerce. Sở dĩ tôi chia ra làm nhiều phần vì như vậy sẽ chi tiết và giúp các bạn có thể hiểu sâu, sử dụng WooCommerce dễ dàng hơn.

Và bài viết này chúng ta sẽ cùng tìm hiểu cách thiết lập các mức phí vận chuyển và các hình thức vận chuyển cho WooCommerce từ A-Z

Thiết lập phí vận chuyển WooCommerce – Shipping

Để làm được việc này trước tiên bạn cần truy cập vào bảng quản trị, tìm tới WooCommerce, chọn Settings và chuyển qua tab Shipping.
Mặc định WooCommerce có 5 hình thức tính phí vận chuyển là Miễn phí vận chuyển, Flat Rate, International Delivery, Local Delivery và Local Pickup. Tuy nhiên trong bài viết này chúng ta chỉ quan tâm tới hai hình thức vận chuyển là miễn phí và Flat Rate. Lý do là ở các hình thức còn lại sẽ cần mã bưu chính (Postal Code) – cái mà ở Việt Nam không thường được sử dụng.

I Tùy chọn vận chuyển WooCommerce – Shipping Options

1. Shipping Calculations: Thiết lập chế độ tính phí vận chuyển – giao hàng.

Bật chế độ tính phí vận chuyển WooCommerce

Bật chế độ tính phí vận chuyển WooCommerce

 

Enable shipping: Bật / tắt chế độ tính phí vận chuyển

Enable the shipping calculator on the cart page: Bật / tắt chế độ tính phí vận chuyển trên trang giỏ hàng.

Xem thêm  [Hướng dẫn] Việt hóa WooCommerce và tải File Việt hóa cho WooCommerce

Hide shipping costs until an address is entered: Nếu check vào ô này, giá vận chuyển sẽ bị ẩn cho tới khi khách hàng nhập địa chỉ giao hàng xong. Thường mục này sẽ dành cho Local Delivery hoặc Local Pickup.

2. Shipping Display Mode: Chế độ hiển thị các hình thức vận chuyển với hai lựa chọn

Chế độ hiển thị phương thức vận chuyển WooCommerce

Display shipping methods with “radio” buttons: Hiển thị phương thức vận chuyển kèm theo mức phí với nút lựa chọn dạng radio (hình tròn) không phải checkbox (hình vuông).

Display shipping methods in a dropdown: Hiển thị phương thức vận chuyển kèm theo phí dưới dạng menu xổ xuống.

3. Shipping Destination: Thiết lập địa chỉ giao hàng

Thiết lập địa chỉ vận chuyển WooCommerce

Default to shipping address: Cho phép lựa chọn vận chuyển – giao hàng tới địa chỉ thanh toán hoặc một địa chỉ khác.

Default to billing address: Mặc định sẽ vận chuyển tới địa chỉ của người mua hàng. Tuy nhiên khách hàng vẫn có thể nhập một địa chỉ giao hàng khác.

Only ship to the users billing address: Chỉ giao hàng tới địa chỉ của người thanh toán. Tức là bạn không có 2 lựa chọn địa chỉ thanh toán và giao hàng khác nhau như hai hình thức trên.

4. Restrict shipping to Location(s): Lựa chọn một quốc gia mà bạn sẽ sử dụng dịch vụ vận chuyển.

Bạn có thể chọn 1 nước bất kì ví dụ Việt Nam, nhiều nước hoặc toàn bộ các quốc gia trên thế giới.

Phương thức vận chuyển WooCommerce

5. Shipping Methods: Các phương thức vận chuyển – giao hàng.

Như đã giới thiệu ở trên, chúng ta sẽ chỉ xét 2 hình thức là miễn phí và Flat Rate.

Mặc định hình thức miễn phí vận chuyển – Free Shipping đã được bật.

II. Các hình thức tính phí vận chuyển WooCommerce

Hai hình thức tính phí vận chuyển là Free Shipping và Flat Rate có mối quan hệ bổ xung chặt chẽ cho nhau.

Xem thêm  Phần 4: Cài đặt WordPress trên Localhost (XAMPP)

1. Miễn phí vận chuyển WooCommerce – Free Shipping

Trong phần Shipping Method các bạn nhấn vào nút Settings hoặc ngay dưới tab Shipping ở đầu trang bạn nhấn vào liên kết Free Shipping để thiết lập.

Miễn phí vận chuyển WooCommerce

Enable / Disable: Bật hoặc tắt hình thức tính phí vận chuyển này.

Method title: Tiêu đề của hình thức vận chuyển – giao hàng. Nên đặt là Miễn phí vận chuyển

Method availability: Thiết lập chế độ miễn phí giao hàng sẽ có hiệu lực ở tất cả quốc gia trên thế giới hoặc chỉ 1 vài quốc gia đặc biệt.

Free Shipping Requires: Thiết lập điều kiện để khách hàng được miễn phí giao hàng. Có 4 lựa chọn:

  • N/A: Mọi đối tượng.
  • A valid free shipping coupon: Sử dụng một mã giảm giá để miễn phí vận chuyển.
  • A minimum order amount (defined bellow): Với những đơn hàng có giá trị tối thiểu bao nhiêu thì sẽ được miễn phí. Số tiền tối thiểu để nhận được mức miễn phí giao hàng được nhập vào ô Minimum Order Amount.
  • A minimum order amount OR a coupon: Giống hình thức trên tuy nhiên có thể sử dụng mã giảm giá để thay thế.
  • A minimum order amount AND a coupon: Bắt buộc đơn hàng phải có giá trị tối thiểu được quy định ở ô Minimum Order Amount và bắt buộc phải sử dụng kèm 1 mã giảm giá mới được vận chuyển miễn phí.
  • Minimum Order Amount: Số tiền tối thiểu của một đơn hàng để được giao hàng miễn phí.

2. Flat Rate – WooCommerce

Kéo xuống phần Method Shipping và nhấn vào Settings của Flat Rate.

Vận chuyển Flat Rate WooCommerce

Enable / Disable: Các bạn hãy đánh dấu vào ô này để bật chế độ vận chuyển này.

Method Title: Phần này để trống vì chúng ta sẽ nhập nó ở các bước sau

Availability, Tax Status, Cost per Order giữ mặc định và không nhập gì.

Additional Rates: Phần này là phần quan trọng vì chúng ta sẽ thiết lập được nhiều hình thức vận chuyển khác nhau nữa.

Xem thêm  Phần 5: Chi tiết về trang quản trị WordPress 4.x.x - WordPress Dashboard

Cấu trúc để nhập như sau:

Tên hình thức vận chuyển | Giá | kiểu tính (order, item, class)

Trong đó order là tính theo mỗi đơn hàng, item là tính theo mỗi sản phẩm và class là tính theo một lớp mà bạn sẽ phải quy đinh trong Products –> Shipping Classes.

Ví dụ ở đây sẽ có 3 phương án vận chuyển là:

Vận chuyển bình thường giá 30.000 VNĐ cho mỗi đơn hàng
Chuyển phát nhanh giá 50.000 VNĐ cho mỗi đơn hàng
Chuyển phát đặc biệt giá 100.000 VNĐ cho mỗi đơn hàng.

Vậy tôi sẽ phải nhập vào ô Additional Rates ba dòng sau:

Vận chuyển bình thường | 30000 | order
Chuyển phát nhanh giá | 50000 | order
Chuyển phát đặc biệt | 100000 | order

Sau Khi thiết lập xong các bạn lưu lại Và kiểm tra khi thanh toán sẽ thấy hình như sau:

Xem trước tính phí vận chuyển WooCommerce

Xem trước tính phí vận chuyển

Tuy nhiên có 1 điều khá cùi bắp là nếu đơn hàng có giá trên mức quy định được vận chuyển miễn phí, WooCommerce vẫn hiển thị các phương thức vận chuyển khác. Để ẩn các phương thức thanh toán khác khi đơn hàng vượt quá hạn mức để được giao hàng miễn phí các bạn thêm đoạn code sau vào file function.php của theme:

 

/**
 * woocommerce_package_rates is a 2.1+ hook
 */
add_filter( 'woocommerce_package_rates', 'hide_shipping_when_free_is_available', 10, 2 );
 
/**
 * Hide shipping rates when free shipping is available
 *
 * @param array $rates Array of rates found for the package
 * @param array $package The package array/object being shipped
 * @return array of modified rates
 */
function hide_shipping_when_free_is_available( $rates, $package ) {
 	
 	// Only modify rates if free_shipping is present
  	if ( isset( $rates['free_shipping'] ) ) {
  	
  		// To unset a single rate/method, do the following. This example unsets flat_rate shipping
  		unset( $rates['flat_rate'] );
  		
  		// To unset all methods except for free_shipping, do the following
  		$free_shipping          = $rates['free_shipping'];
  		$rates                  = array();
  		$rates['free_shipping'] = $free_shipping;
	}
	
	return $rates;
}
Sửa file Function theme WordPress

Sửa file Function theme WordPress

Bây giờ các bạn sẽ thấy:

Ẩn tính phí vận chuyển

Ẩn tính phí vận chuyển khi đơn hàng đủ điều kiện giao hàng miễn phí

Trên đây là toàn bộ thông tin hướng dẫn thiết lập tính phí vận chuyển cho WooCommerce. Nếu gặp bất kỳ khó khăn nào bạn hãy để lại bình luận hoặc gửi mail tại trang liên hệ nhé.

Góp ý cho Tô Triều

  • Trung Le 17/11/2016, 11:48

    chào Hải Triều,

    Nếu như mình muốn setup local pickup + 10% giảm giá thì làm sao? mong giúp để
    Trung

    Reply
  • Trung 30/07/2015, 21:25

    Chào bạn KulDuc!
    Theo mình, nếu bạn muốn vận chuyển qua các đơn vị vận chuyển như NPV Express, Giaohangnhanh,…thì bạn nên liên hệ trực tiếp với họ để có được cước phí cho từng kiểu vận chuyển rồi mình sẽ dùng kiểu Additional Rate trong Flat Ship.

    Reply
  • KulDuc 02/01/2015, 00:22

    Chào Triều,

    Anh mới làm quen với wordpress và woocommerce, nếu cách tính phí vận chuyển theo kiểu VN mà các công ty giao nhận đang áp dụng theo khu vực, vùng miền, thì mình có giải pháp hay plugins nào không em?

    Thanks.

    Reply