Cách thay đổi form thanh toán của woocommerce năm 2024

Mặc định Form thanh toán của WooCommerce có rất nhiều mục, và một số là không cần thiết, hoặc không cần để bắt buộc. Vậy làm thế nào để sửa các mục đó?

Bạn có thể thêm Filter để xóa hoặc bỏ bắt buộc. Nhưng nếu bạn cảm thấy khó khăn, và sợ lỗi khi xài các đoạn mã đó. Hãy sử dụng plugin Checkout Field Editor.

Bước 1. Cài đặt plugin Checkout Field Editor

Truy cập vào Plugin > Cài mới

Gõ Checkout Field Editor và bấm Enter > Cài đặt

Và bấm Kích hoạt

Bước 2. Truy cập vào WooCommerce > Checkout Form

Và bạn sẽ thấy tất cả các trường ở form thanh toán và thiết lập

Bill Fields: các trường của phần thanh toán

  • Add field: thêm trường mới vào form thanh toán
  • Remove: xóa một trường khỏi form thanh toán và trang quản lý Checkout Editor
  • Disable: ẩn 1 trường khỏi form thanh toán
  • Enable: hiển thị 1 trường
  • Reset to default fields: khôi phục tất cả thiết lập về mặc định
  • Save changes: lưu toàn bộ thiết lập

Shipping Fields: các trường của phần giao hàng

Additional Fields: các trường bổ sung khác

Bước 3. Hướng dẫn thiết lập

3.1. Ẩn các trường

Để ẩn các trường khỏi form thanh toán, bạn chỉ cần đánh dấu vào các trường và chọn Enable, sau đó bấm Save changes.

Như trong hình, là mình thử ẩn các trường Tên công ty – Địa chỉ nhà, căn hộ, tòa nhà… và Mã bưu điện

Và kết quả, khi thanh toán sản phẩm. Các trường trên đã bị ẩn đi.

Nếu bạn không muốn ẩn nữa, muốn hiển thị, thì đánh dấu các trường bị ẩn > Enable > Save changes là được.

3.2. Bỏ bắt buộc

Có một số trường như địa chỉ email, tên công ty, mã bưu điện là không cần điền. Vậy chúng ta cần bỏ bắt buộc, vì người dùng sẽ gặp lỗi thanh toán khi không điền.

Trường bắt buộc là các trường có dấu * đỏ bên phải tên.

Đầu tiên đánh dấu vào trường cần bỏ bắt buộc > Chọn Edit

Bỏ đánh dấu tại Required và bấm Edit Field

Thực hiện tương tự cho các trường khác, mà bạn muốn bỏ bắt buộc.

Sau đó bấm Save changes.

Các trường đã bị bỏ bắt buộc. Và chúng sẽ ghi là (tùy chọn).

3.3. Khôi phục thiết lập

Nếu bạn vô tình xóa, hoặc đổi nhầm thông tin nào đó, hoặc bạn chỉ muốn khôi phục toàn bộ thiết lập về mặc định. Vậy chỉ cần bấm vào Reset to default fields > OK.

3.4. Thêm trường

Nếu bạn muốn thêm mục nào đó vào form thanh toán thì sao? Chẳng hạn thêm dòng ghi chú cho khách hàng, đăng ký nhận mã giảm giá,….

Bấm vào Add field

Điền thông tin cho trường

Name: mặc định sẽ là billing_ bạn cần điền thêm vào sâu dấu _ nhớ điền không dấu, liền nhau, có thể chữ hoặc số, và đặt biệt không được trùng với Name của các Field (trường) khác.

Type: chọn Text

Label: Tên hiển thị phía trên mục để nhập

Validation: kiểu dữ liệu nhập. Nếu bạn để là email, mà người dùng nhập vào không phải email sẽ báo lỗi. Nó có các kiểu dữ liệu sau:

Chủ đề