[woocommerce] Tùy chỉnh form thanh toán của woocommerce

[woocommerce] Tùy chỉnh form thanh toán của woocommerce

Sau khi bạn cài đặt woocommerce, về cơ bản là đã có thể sử dụng được rồi. Tuy nhiên bạn vẫn phải tiến hành điều chỉnh cho phù hợp với thị trường Việt Nam, một trong số đó như

  1. Ẩn thanh toán xuyên Quốc Gia, có nghĩa là trang bán hàng của bạn chỉ mặc định bán ở Việt Nam thôi, vì vậy việc hiển thị select box để chọn các quốc gia trên website sẽ không phù hợp với người dùng
  2. Bỏ một số trường thông tin không cần thiết đi, ví dụ như PostCode, CompanyName
  3. Tùy chỉnh lại label của các field
  4. Bỏ yêu cầu bắt buộc nhập email

1.  Ẩn select box chọn Quốc gia

Các bạn vào plugin WooCommerce , sau đó chọn cài đặt và thiết lập như hình bên dưới

Các bạn vào plugin woocommerce và thiết lập như trên hình

Sau khi thiết lập xong,  quay ra trang giao diện thanh toán các bạn chỉ thấy hiện Quốc gia Việt Nam và không thể chọn được nữa. Đến đây nếu muốn ẩn đi thì bạn có thể dùng code hoặc css

Bạn không thể chọn Quốc Gia nào khác được nữa

Chú ý : Nếu bạn không muốn hiển thị Quốc gia Việt nam trên giao diện thì tới bước này bạn sử dụng css để ẩn đi nhé, không nên can thiệp bằng code như ở bước 2 bên dưới đối với select box chọn Quốc gia vì nó sẽ dẫn tới lỗi ko checkout được khi bạn bật tính năng tính phí vận chuyển

2. Bỏ các thông tin không cần thiết trên form

Rất tiếc là woocommerce không có tùy chọn để ẩn các field không cần thiết trên form, tuy nhiên bạn có thể hoàn toàn làm bằng cách sử dụng một filter hook . Hãy copy đoạn code sau vào trong file functions.php của theme bạn đang sử dụng

Sau đó ra ngoài trang giao diện refesh lại, các bạn sẽ thấy những control không cần thiết đã bị loại bỏ. Bạn có thể tham chiếu tên các field dưới đây nếu như muốn loại bỏ thêm nữa

  • billing
    • billing_first_name
    • billing_last_name
    • billing_company
    • billing_address_1
    • billing_address_2
    • billing_city
    • billing_postcode
    • billing_country
    • billing_state
    • billing_email
    • billing_phone
  • shipping
    • shipping_first_name
    • shipping_last_name
    • shipping_company
    • shipping_address_1
    • shipping_address_2
    • shipping_city
    • shipping_postcode
    • shipping_country
    • shipping_state
  • account
    • account_username
    • account_password
    • account_password-2
  • order
    • order_comments

3. Tùy chỉnh lại label của các field

Khi sử dụng woocommerce, một số label bị dịch không chính xác so với tên tiếng việt, ví dụ như hình dưới đây mình cần phải đổi chữ “Họ” thành “Họ tên”, “street address” thành “Địa chỉ giao hàng”.

Label “Họ” gây khó hiểu cho người dùng, và chữ street address cũng cần phải đổi lại thành địa chỉ giao hàng

Rất đơn giản, bạn chỉ cần sử dụng filter hook bằng cách paste đoạn code sau vào file funtions.php của thư mục theme đang active

Bây giờ nếu bạn muốn thay đổi các label khác nữa thì bạn chỉ cần thay các array index như “address_1″,”first_name” bằng các key tương ứng như ở mục 2 là được (nhớ bỏ các tiền tố billing_, shipping_, accout_, order_)

4. Bỏ yêu cầu bắt buộc nhập email

Email rất quan trọng, tuy nhiên khi mua hàng thì không phải khách hàng nào cũng có email , đặc biệt là những khách hàng trung hoặc lớn tuổi. Vì vậy cách tốt nhất là chúng ta không yêu cầu họ nhập.

Bắt buộc nhập email là điều không cần thiết

Chúng ta sẽ bỏ việc bắt buộc nhập email bằng cách sử dụng filter_hook


Địa chỉ: QL1A, xóm Thanh Phú, xã Thạch Trung, TP Hà Tĩnh,tỉnh Hà Tĩnh MST: 3002076313 Bởi: Sở Kế hoạch và đầu tư tỉnh Hà Tĩnh Cấp ngày: 06/07/2017 Hotline: 0963269655 Email: aloha.giamdoc@gmail.com Website: www.alohatech.vn

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Hotline: 0963269655