Chia sẻ hướng dẫn tích hợp cổng thanh toán VNPAY cho website Woocommerce của bạn. Với VNPay bạn có thể cho phép khách hàng sử dụng thẻ/tài khoản ngân hàng, công nghệ thanh toán bằng mã QR (QR Code) trên ứng dụng Mobile Banking để thanh toán các giao dịch.


Chuẩn bị


Cài đặt


1. Cài plugin file nén ở phần cài mới plugin hoặc tải các tệp plugin lên thư mục /wp-content/plugins/ .
2. Kích hoạt plugin thông qua màn hình \Plugins\' trong WordPress.
3. Chuẩn bị các thông tin và lưu ý sau.
  • Enable/Disable: Bật / Tắt plugin. Nếu bị vô hiệu hóa, Website sẽ không hiển thị VNPAY trên trang thanh toán.
  • Tiêu đề: Tiêu đề hiển thị cho khách hàng chọn phương thức thanh toán.
  • Mô tả: Hiển thị mô tả khi bạn chọn loại thanh toán là VNPAY.
  • Url Pay: Url khởi tạo giao dịch sang VNPAY(VNPAY Cung cấp).
  • Terminal ID: Mã website của merchant trên hệ thống của VNPAY. Ví dụ: 2QXUI4J4.
  • Secret Key: Chuỗi bí mật sử dụng để kiểm tra toàn vẹn dữ liệu khi hai hệ thống trao đổi thông tin (checksum)
  • Success Page: Trang VNPAY trả về khi khách hàng thanh toán thành công, Show kết quả thanh toán cho KH
  • Locale: Ngôn ngữ thanh toán khi sang cổng thanh toán VNPAY


Cấu hình

Đi tới Woocomerce->Settings->Checkout(Payment)->VNPAY

Cấu hình VNPAY

  
1. Cấu hình các phần liên quan cho Plugin VNPAY.

Cấu hình các phần liên quan cho Plugin VNPAY


2. Trong quá trình thanh toán, Khách hàng có thể chọn Thanh toán qua VNPAY

Trong quá trình thanh toán, Khách hàng có thể chọn Thanh toán qua VNPAY


3. Khách hàng sẽ được chuyển hướng đến trang thanh toán của VNPAY, nơi họ sẽ chọn ngân hàng và thực hiện thanh toán

Khách hàng sẽ được chuyển hướng đến trang thanh toán của VNPAY


4. Các Trạng thái của đơn hàng khi KH thực hiện thanh toán

  • KH mới khởi tạo giao dịch sang VNPAY Chưa thanh toán
KH mới khởi tạo giao dịch sang VNPAY Chưa thanh toán


  • Thanh toán thành công qua VNPAY
Thanh toán thành công qua VNPAY



  • Giao dịch lỗi

Giao dịch lỗi


Chú Ý: Merchant không tự ý cập nhật trạng thái giao dịch bằng tay

Nguồn VNPAY