Ẩn các trường không cần thiết trong trang thanh toán WooCommerce

Cài đặt plug in Checkout Field Editor cho WooCommerce

Nếu bạn thấy trang thanh toán mặc định của WordPress quá nhiều mục không cần thiết và bạn chỉnh lại theo ý mình thì đây là bài viết dành cho bạn. Trong bài viết này tôi sẽ chỉ cho bạn cách cực đơn giản để có thể ẩn các trường không cần thiết trong trang thanh toán WooCommerce.

Giải pháp: Sử dụng plugin Checkout Field Editor cho WooCommerce

Đối với những bạn không muốn chạm vào mã thì đây là cách đơn giản nhất, bạn cần cài đặt plugin Checkout Field Editor cho WooCommerce .

Bước 1: Cài đặt plug in

Plugins => Cài mới => Tìm Checkout Field Editor rồi cài đặt và kích hoạt. 

Cài đặt plug in Checkout Field Editor cho WooCommerce
Cài đặt plug in Checkout Field Editor cho WooCommerce

Bước 2: Ẩn các trường không cần thiết trong trang thanh toán

Sau khi cài đặt và kích hoạt plugin thành công, bạn cần đi tới Checkout Field Editor cho cài đặt plugin WooCommerce , để ẩn các trường không cần thiết.

Tiếp theo bạn click vào WooCommerce rồi chọn Checkout Form

Đi tới Checkout Field Editor trong mục cài đặt của WooCommerce
Đi tới Checkout Form trong mục cài đặt của WooCommerce

Để Loại bỏ các trường không cần thiết trong trang kiểm tra:  Bạn đánh dấu vào trường muốn loại bỏ rồi bấm Disable sau đó bấm  Save changes để lưu thay đổi.

Đánh dấu vào trường muốn loại bỏ rồi bấm Disable sau đó bấm  Save changes để lưu thay đổi
Đánh dấu vào trường muốn loại bỏ rồi bấm Disable sau đó bấm  Save changes để lưu thay đổi

Bước 3: Tuỳ chỉnh lại các trường cho hợp lý

Ví dụ bạn muốn sửa lỗi trường thanh toán không rộng hết dòng

Ví dụ sửa lỗi trường thanh toán không rộng hết dòng
Trường thanh toán không rộng hết dòng
Bấm vào Edit sau đó chỉnh sửa dữ liệu trong bảng hiện ra
Bấm vào Edit sau đó chỉnh sửa dữ liệu trong bảng hiện ra

Trong đó:

  • Label: Tên trường hiển thị trên trang thanh toán.
  • Placeholder: Chữ hiển thị chìm trong ô.
  • Class: Ở đây bạn có thể đặt tên class cho trường đó để sau có thể tùy chỉnh css riêng.
  • Required:  Tích chọn nếu trường đó là bắt buộc khách hàng phải nhập thông tin vào.
  • Clear Row: Tích chọn nếu muốn trường đó nằm 1 mình 1 hàng.
  • Enabled: Bật hoặc tắt trường đó. Tích vào nó để bật hiển thị trên trang thanh toán.

Sau khi chỉnh sửa xong, bạn nhớ lưu lại để lưu lại và hoàn thành.

Trường thanh toán đã được cập nhật
Trường thanh toán đã được cập nhật

Như vậy trong bài viết này mình đã hướng dẫn các bạn 2 cách để loại bỏ trường thông tin trên trang thanh toán. Nếu bạn thấy hữu ích thì hãy vote cho tôi 5* nhé. Xin cảm ơn!

5/5 - (4 bình chọn)