Xóa bớt các field thanh toán trong woocommerce wordpress

Trong các field nhập thông tin đặt hàng thanh toán của woocommerce có khá nhiều field dư thừa, nhiều thông tin không cần thiết từ khách hàng mà chúng ta cần thu thập, đây cũng là lý do khiến nhiều khách hàng cảm giác khó chịu khi đặt hàng bởi có quá nhiều bước điền thông tin cá nhân không cần thiết. Vì vậy ở bài này mình sẽ hướng dẫn xóa bớt các field thanh toán trong woocommerce wordpress plugin như 2 field trùng lặp lại Họ, Tên hay các field công ty, mã vùng, thành phố….

Lý do nên xóa bớt các field thanh toán trong woocommerce mặc định

1. Giúp form đặt hàng gọn gàng hơn, chỉ hiển thị những field chúng ta cần nhất.

2. Giúp khách hàng không bị choáng ngợp bởi quá nhiều thông tin cá nhân cần nhập vào.

3. Khách hàng sẽ không phải lo lắng vì bị lộ thông tin cá nhân, liên quan đến bảo mật thông tin cá nhân.

Theo quan điểm cá nhân mình thì những thông tin cần thiết để khách hàng đặt hàng đó là: Họ tên, email, số điện thoại, địa chỉ là đã đủ rồi. Vì sau khi nhận được đơn hàng chúng ta thường gọi điện thoại xác minh lại lần nữa trước khi giao hàng, vậy thì tại sao phải bắt khách hàng điền quá nhiều thông tin, có rất nhiều trường hợp khách hàng đặt hàng và đến bước này thì bỏ đi vì quá phức tạp.

Dưới đây là form điền thông tin thanh toán mặc định của woocommerce plugin.

Nếu bạn đang thiết kế website bằng wordpress để bán hàng thì cần phải xem xét lại vấn đề này và tối ưu trải nghiêm người dùng nhất có thể.

Hướng dẫn xóa bớt các field thanh toán trong woocommerce

Đầu tiên bạn cần xác định website của bạn cần giữ lại thông tin gì và loại bỏ những thông tin gì, sau đó thực hiện bước tiếp theo.

Mình lấy 1 ví dụ ở đây cho dễ hiểu. Đó là mình sẽ thực hiện xóa các field dư thừa và không cần thiết như : Sửa tiêu đề field Họ thành Họ Tên và Xóa Field Tên (Name), xóa field tên công ty (company name), xóa field quốc gia (country), xóa field bưu điện (zip code), xóa field tỉnh/thành phố vì có field địa chỉ là đã đủ rồi. Chỉ giữ lại các fields : Họ Tên, Địa chỉ, Số điện thoại và Email.

Các bước thực hiện rất đơn giản như sau : Thêm đoạn code sau đây vào file functions.php của theme bạn sử dụng.

function storefront_child_remove_checkout_fields($fields) {
    unset( $fields ['billing'] ['billing_last_name'] );
    unset( $fields ['billing'] ['billing_company'] );
    unset( $fields ['billing'] ['billing_country'] );
    unset( $fields ['billing'] ['billing_postcode'] );
    unset( $fields ['billing'] ['billing_city'] );
    return $fields;
}

add_filter( 'woocommerce_checkout_fields', 'storefront_child_remove_checkout_fields' );

Sau khi thêm đoạn code trên bạn vào form đặt hàng thanh toán của woocommerce đã thấy các field đó đã bị loại bỏ, nhìn rất gọn gàng và tối ưu hơn đúng không?

Tùy vào mục đích của từng người mà sẽ loại bỏ từng field thích hợp, nếu bạn muốn xóa bớt field nào thì điền ID của field đó vào sau [‘billing’] như ví dụ ở trên.

Lời kết : Đây là giải pháp có ích cho những bạn thiết kế website bán hàng bằng wordpress đơn giản để kinh doanh online nhỏ lẻ. Bán hàng online qua website đôi khi không chỉ giá tốt là đã đủ mà còn cần có trải nghiệm cho người dùng, khách hàng vào website có thấy tiện lợi hay không.

Xem thêm : Mua theme wordpress giá rẻ bản quyền từ themeforest chỉ 200k.