Nếu bạn không Xóa bỏ bớt trường không cần thiết ở trang thanh toán WooCommerce khi sử dụng WooCommerce để bán hàng trực tuyến, trang thanh toán của bạn có thể chứa quá nhiều trường không cần thiết, gây rối mắt và mệt mỏi khi điền quá nhiều thông tin cho khách hàng.
Ví dụ, nếu bán hàng tại Việt Nam, bạn không cần thu thập thông tin về Tên công ty của khách hàng, Tên công ty, Quốc gia, Mã bưu điện và Tỉnh/Thành phố trên trang thanh toán. Điều này sẽ giảm thiểu số lượng các trường khách hàng phải nhập và giúp trang thanh toán trông gọn gàng hơn. Trong bài viết này, Phụng sẽ hướng dẫn cách xóa bỏ các trường không cần thiết và cải thiện trải nghiệm của khách hàng.
Hướng dẫn xóa bỏ bớt trường không cần thiết trong Woocommerce
Có 2 cách để xóa các trường không cần thiết trong trang Checkout Woocommerce. Trong bài viết này, Phụng sẽ hướng dẫn cả hai cách cho bạn. Nếu bạn không muốn thay đổi mã nguồn, bạn có thể sử dụng plugin. Nếu bạn thích chỉnh sửa mã nguồn, Phụng cũng có cách để giúp bạn.
Cách 1: Sử dụng Checkout Field Editor (Checkout Manager) for WooCommerce
Checkout Field Editor (Checkout Manager) là một plugin rất hữu ích để tùy chỉnh các trường thanh toán trên trang thanh toán của WooCommerce. Với plugin này, bạn có thể thêm, sửa đổi và xóa các trường thanh toán một cách dễ dàng mà không cần phải viết mã.
Cài đặt Checkout Field Editor (Checkout Manager) cho WooCommerce rất đơn giản. Bạn có thể tìm thấy plugin này trên trang quản lý plugin của WordPress hoặc tải nó từ trang chủ của plugin. Sau khi tải xuống, bạn cần cài đặt và kích hoạt plugin trên trang quản trị WordPress.
Sau khi cài đặt, bạn có thể truy cập vào trang cài đặt của plugin để tùy chỉnh các trường thanh toán. Bạn có thể thêm, sửa đổi hoặc xóa bất kỳ trường nào mà bạn muốn. Bạn cũng có thể tùy chỉnh các trường mặc định của WooCommerce, chẳng hạn như thêm một phần mô tả hoặc giá trị khuyến mãi cho sản phẩm.
Để xóa bỏ các trường không cần thiết khỏi trang thanh toán, bạn chỉ cần đánh dấu trường đó và nhấp vào “Disable”, sau đó nhấp vào “Save changes” để lưu thay đổi.
Để sửa đổi thuộc tính của một trường, bạn có thể nhấp vào nút “Edit” tương ứng với trường đó. Sau đó, bảng cài đặt sẽ hiển thị để bạn có thể thay đổi các thuộc tính của trường đó.
Chỉ cần chú ý đến các mục sau đây khi sử dụng plugin:
- Label: Tên trường sẽ được hiển thị trên trang thanh toán của WooCommerce.
- Class: Tên lớp (class) được gán cho trường, cho phép tùy chỉnh CSS cho trường đó.
- Required: Đánh dấu trường là bắt buộc nếu khách hàng phải nhập thông tin vào.
- Placeholder: Văn bản hướng dẫn cho ô
- Default Value: Giá trị mặc định
- Validation: Nội dung thông báo lỗi khi nhập sai định dạng thông tin
- Enabled: Bật hoặc tắt trường. Đánh dấu nó để hiển thị trên trang thanh toán (checkout).
Để thêm một trường mới, bạn chỉ cần chọn loại trường mà bạn muốn thêm, đặt tên cho trường và sau đó cấu hình các tùy chọn. Bạn có thể tạo các trường đơn giản như trường văn bản, danh sách thả xuống hoặc các trường ngày tháng. Sau khi bạn đã tạo các trường mới, bạn có thể sắp xếp chúng theo thứ tự bạn muốn.
Khi bạn hoàn tất tùy chỉnh, bạn chỉ cần lưu các thay đổi của mình và kiểm tra trang thanh toán để đảm bảo rằng các trường mới đã được thêm vào và hiển thị đúng cách.
Cách 2: Sử dụng code chèn vào file functions.php
Cách xoá bỏ các trường không cần thiết trên trang thanh toán Woocommerce bằng function.php. Đầu tiên, bạn cần truy cập vào mục Appearance trên trang quản trị WordPress, sau đó chọn Editor. Tìm và chọn file functions.php.
Tiếp theo, bạn cần thêm đoạn code sau vào cuối file functions.php:
add_filter( 'woocommerce_checkout_fields' , 'remove_checkout_fields' );
function remove_checkout_fields( $fields ) {
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_postcode']);
return $fields;
}Đoạn code trên sẽ xoá các trường không cần thiết như Tên công ty, Quốc gia, Địa chỉ 2, Tỉnh/Thành phố, Bang/Hạt, Mã bưu điện khỏi trang thanh toán của bạn. Bạn cũng có thể chỉnh sửa code này để xoá các trường khác.
Lưu lại và kiểm tra lại trang thanh toán để đảm bảo các trường không cần thiết đã được xoá bỏ.
Vậy là Phụng vừa hướng dẫn bạn 2 cách để Xóa bỏ bớt trường không cần thiết ở trang thanh toán WooCommerce. Chúc các bạn thành công!
