Bỏ bớt ô nhập thông tin khi thanh toán trong Woocommerce

Theo các thống kê, có tới 70% khách hàng quyết định từ bỏ giỏ hàng mà không qua thanh toán. Nghĩa là họ đã bấm nút mua hàng, nhưng sau đó lại rời trang web hoặc huỷ bỏ giỏ hàng mà không hoàn thành thanh toán. Trong các nguyên nhân dẫn tới hành động này, có một nguyên nhân là do trang thanh toán của website quá rườm rà, bắt nhập nội dung quá nhiều và không cần thiết.

Chẳng hạn như ở trang thanh toán sau, ô Họ không cần thiết lắm, vì khách có thể điền cả họ tên vào ô Tên cũng được rồi. Ngoài ra, nếu website chỉ bán hàng ở Việt Nam, thì cần gì thông tin Country / Region nhỉ? Vậy sao không bỏ nó luôn cho gọn gàng hen? Bài viết này mình sẽ hướng dẫn bạn cách bỏ những trường không cần thiết như vậy. Việc bỏ bớt ô nhập thông tin khi thanh toán sẽ giúp trang thanh toán nhìn gọn gàng hơn, khách hàng thao tác nhanh hơn.

Bỏ bớt ô nhập thông tin khi thanh toán

Để làm được việc này, bạn cần đến code. Đoạn code sau đây mình tham khảo từ chính trang WooCommerce và chia sẻ lại cho các bạn dễ hiểu hơn.

Đầu tiên bạn mở file function.php ở Child Theme ra. Sau đó, dán đoạn code này ở dưới cùng (hoặc phía trước thẻ “?>” nếu có).

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_last_name']);
return $fields;
}

Bây giờ quay lại trang thanh toán bạn đã thấy ô Họ và thông tin Country / Region đã biến mất rồi phải không nào?

Bạn có thể ẩn các trường khác đi, bằng cách thêm đoạn code sau và chỉnh sửa nó: unset($fields[‘billing’][‘billing_country’]);

Bạn thay thế 2 nội dung billing và billing_country bằng các thông tin tương ứng như sau:

• billing
  • billing_first_name
  • billing_last_name
  • billing_company
  • billing_address_1
  • billing_address_2
  • billing_city
  • billing_postcode
  • billing_country
  • billing_state
  • billing_email
  • billing_phone
• shipping
  • shipping_first_name
  • shipping_last_name
  • shipping_company
  • shipping_address_1
  • shipping_address_2
  • shipping_city
  • shipping_postcode
  • shipping_country
  • shipping_state
• account
  • account_username
  • account_password
  • account_password-2
• order
  • order_comments

Tổng kết

Trên đây là cách bỏ bớt những trường không cần thiết khi thanh toán với WooCommerce. Bạn có thể áp dụng cho bất kỳ giao diện wordpress nào với cách này. Chúc bạn thành công!