Mục đích thì rất tốt nhưng dở hơi là để làm được điều đó WooCommerce đã sử dụng 1 file js có tên là zxcvbn.min.js nặng tới hơn 800Kb. File này được tích hợp sẵn trong thư mục wp-includes/js của WordPress.

Bạn cảm thấy sao khi người dùng phải tải về một file js nặng tới hơn 800Kb? Chắc chắn nó sẽ làm chậm tốc độ website. Để wordpress tối ưu, bạn cần phải loại bỏ file js này. Thêm đoạn code dưới đây vào file functions.php trong thư mục theme của bạn:

// Tắt tính năng kiểm tra độ mạnh của mật khẩu trong Woocommerce
function dvp_remove_password_strength() {
    wp_dequeue_script( 'wc-password-strength-meter' );
}
add_action( 'wp_print_scripts', 'dvp_remove_password_strength', 10 );

Liệu có ảnh hưởng đến khách hàng?

Đối với khách hàng am hiểu công nghệ, tự bản thân họ sẽ ý thức sử dụng mật khẩu phức tạp để bảo mật. Nên cái tính năng kiểm tra độ mạnh của mật khẩu này hoàn toàn không cần thiết.

Còn đối với người không am hiểu về công nghệ, họ thường có xu hướng đặt mật khẩu thật đơn giản và dễ nhớ (như số điện thoại hoặc ngày tháng năm sinh). Khi đó họ sẽ nhận được cảnh báo, yêu cầu phải thêm các ký tự đặc biệt, viết hoa hoặc thêm số,… Điều này khiến họ cảm thấy thật phiền phức! Bởi đối với nhóm khách hàng này, mấy cái tài khoản trên mạng chẳng có ý nghĩa gì, không cần phải bảo vệ, mất thì tạo cái mới. Do đó tính năng kiểm tra độ mạnh của mật khẩu lại càng vô nghĩa.

Đối với một số Woocommerce theme có sử dụng Lightbox đăng nhập, thì nó sẽ thêm form đăng nhập trên tất cả các trang của bạn, có nghĩa là script kiểm tra độ mạnh mật khẩu cũng sẽ tải trên tất cả các page.

Bạn vào Tùy biến giao diện → Shop → My Account và thay đổi phần the Login Style từ Lightbox thành Link. Khi đó script này sẽ chỉ tải trên trang đăng nhập & đăng ký thôi.

Tóm lại, tắt tính năng kiểm tra độ mạnh của mật khẩu trong Woocommerce giúp tối ưu cho WordPress, tăng tốc độ tải trang, đỡ làm phiền khách hàng.

• Mặc định plugin Woocommerce chia phần họ tên của khách hàng thành 2 phần tách biệt là First Name (tên của bạn) và Last Name (họ của bạn). Điều này là không phù hợp với thói quen của người Việt Nam. Để tiết kiệm thời gian cũng như tạo ra sự tiện lợi cho khách hàng thì chúng ta chỉ cần để 1 trường dữ liệu duy nhất là Họ và Tên để khách hàng chỉ phải điền 1 lần thôi.
• Tương tự cũng có 2 ô địa chỉ là Address 1 và Address 2, trong khi chúng ta chỉ cần 1 ô địa chỉ là đủ.
• Ngoài ra, mặc định Woocommerce cũng có trường dữ liệu như Company (công ty của bạn), State (tiểu bang), Postcode (mã bưu chính) và Country (quốc gia) cũng là không cần thiết.

Tối ưu thông tin khách hàng

Với một trang bán hàng thông thường thì chúng ta chỉ cần thu thập những dữ liệu sau:

• Họ và tên của khách hàng;
• Số điện thoại liên hệ;
• Địa chỉ email (để tạo tài khoản);
• Địa chỉ chi tiết nơi nhận hàng;

Khi đó những trường dữ liệu dư thừa hoặc không phù hợp nên được ẩn đi. Có 2 lợi ích rõ ràng:

• Một là để phần điền thông tin trông gọn gàng, vừa đủ, tiết kiệm thời gian nhập liệu cho khách hàng.
• Hai là để tối ưu cơ sở dữ liệu. Database không phải lưu trữ những thứ không cần thiết.

Để làm việc này các bạn có nhiều cách, chẳng hạn như thêm các đoạn code vào file function.php của theme hoặc sửa trực tiếp tại thư mục plugin. Tuy nhiên tác động bằng code thì sau này mỗi khi update plugin hoặc theme thì các tùy chỉnh của bạn sẽ trở về mặc định. Hơn nữa không phải ai cũng giỏi về code nên trong bài viết này tôi sẽ hướng dẫn các bạn chỉnh sửa các trường dữ liệu khách hàng bằng cách sử dụng plugin.

Plugin các bạn cần là Woo Checkout Field Editor Pro.

Điều kiện để plugin hoạt động đương nhiên là bạn phải có Woocommerce rồi.

Hướng dẫn sử dụng Woo Checkout Field Editor Pro

Bước 1: Cài đặt và kích hoạt WooCommerce Checkout Field Editor (Manager) Pro. Xem hướng dẫn tại đây nếu bạn chưa biết!

Bước 2: Bạn vào WooCommerce => Checkout Form để quản lý các trường dữ liệu.

• Mặc định bạn đang ở phần Billing Fields (thông tin thanh toán);
• Shipping Fields là phần thông tin vận chuyển;
• Additional Fields là thông tin thêm;
• Nút Add field để thêm trường dữ liệu mới;
• Remove để xóa;
• Enable để kích hoạt;
• Disable để vô hiệu hóa.

Phía dưới là các trường dữ liệu hiện đang sử dụng. Theo thứ tự từ trên xuống dưới trong đây sắp xếp như nào thì bên ngoài trang thanh toán sẽ hiển thị như thế. Bạn có thể kéo – thả để sắp xếp tùy ý.

Muốn sửa phần nào thì bạn click nút Edit tương ứng bên tay phải sẽ hiện ra bảng:

Ý nghĩa của các ô dữ liệu:

• Name là tên (hoặc ID) lưu trong cơ sở dữ liệu.
• Type là thể loại/định dạng cho phép nhập liệu (ví dụ text là văn bản, tel là số điện thoại, email là thư điện tử,…)
• Label là tên hiển thị.
• Placeholder là nội dung gợi ý cho khách hàng điền thông tin.
• Class là thuộc tính CSS của vùng nhập liệu (bạn sử dụng form-row-wide nếu muốn đó là 1 dòng duy nhất, muốn chia thành 2 cột thì cột bên trái sử dụng form-row-first và cột bên phải sử dụng form-row-last để chia)
• Validation là điều kiện/quy tắc bắt buộc. Bạn có 2 lựa chọn: phone là định dạng số điện thoại, email là định dạng thư điện tử. Tức là nếu dữ liệu khách hàng nhập vào đây không đúng định dạng thì sẽ xảy ra lỗi. Điều này nhằm hạn chế khách hàng khai báo thông tin linh tinh.
• Required nếu có thì không được bỏ trống.

Bước 3: Sau khi sửa xong bạn phải click nút Save changes để lưu lại.