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.
![Tích hợp cổng thanh toán VNPay vào Woocommerce](https://ahapa.vn/wp-content/uploads/2022/04/woocommerce-vnpay.jpeg)
Chuẩn bị
- Đăng ký tài khoản sandbox VNPAY: http://sandbox.vnpayment.vn/devreg/
- Tải xuống plugin cho WordPress: tại đây.
Cài đặt
- 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/ .
- Kích hoạt plugin thông qua màn hình \Plugins\’ trong WordPress.
- 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](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-1.png)
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](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-2.png)
2. Trong quá trình thanh toán, Khách hàng có thể chọn Thanh toán qua VNPAY
![Khách hàng có thể chọn Thanh toán qua VNPAY](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-3.png)
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
![chọn ngân hàng và thực hiện thanh toán](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-4.png)
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
![Chưa thanh toán](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-5.png)
Thanh toán thành công qua VNPAY
![Thanh toán thành công qua VNPAY](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-6.png)
Giao dịch lỗi
![Giao dịch lỗi](https://ahapa.vn/wp-content/uploads/2022/04/woo-pay-7.png)
Chú Ý: Merchant không tự ý cập nhật trạng thái giao dịch bằng tay
Nguồn VNPAY