Hiện nay, công nghệ thời đại số 4.0 đang dần dần phát triển. Trong tương lai, việc thanh toán trực tuyến trên các cổng giao dịch online là điều cực kì cần thiết. Vì nó đơn giản là nhanh, tiện lợi, đa dụng,…..

Nhưng đa số các website của các doanh nghiệp vừa và nhỏ hoặc các cá nhân chưa có chức năng thanh toán điện tử tại Việt Nam, cũng như thẻ thanh toán quốc tế vì các vấn đề liên quan đến kỹ thuật và bảo mật. Cũng chính vì những lý do đó, trong phạm vi bài viết này Sieutocviet sẽ hướng dẫn cho các bạn một giải pháp tích hợp cổng thanh toán VNPAY-QR vào website WordPress của mình.

Thiết kế trang web trọn gói giá chỉ 2.300.000 VNĐ

Xem chi tiết chương trình Thiết kế trang web trọn gói

Tại sao lại cần tích hợp cổng thanh toán điện tử

Mua tích hợp cổng thanh toán điện tử vào trang website nhằm giúp người mua hàng trở nên thuận tiện và đơn giản hơn. Đảm bảo an toàn cho việc mua sắm trên mạng. Những gì chúng ta cần làm chỉ là gọi API của nhà cung cấp cổng thanh toán. Các vấn đề về bảo mật, cũng như trách nhiệm sẽ hoàn tên là của Nhà cung cấp cổng thanh toán. Vì vậy tạo nên sự an tâm khi mua sắm.

Bạn có thể sử dụng các cổng thanh toán thông dụng hiện này như: Momo, vnpay, zalopay,….

Xem thêm cách tích hợp thanh toán momo vào website

Tạo tài khoản thanh toán VNPAY

Để tích hợp VNPAY vào website WordPress, bạn sẽ cần tài khoản sandbox (đây là một tài khoản phục vụ cho việc thử nghiệm) khi áp dụng chính thức chỉ cần liên hệ VNPAY để làm hợp đồng.
Bạn đăng ký tài khoản tại địa chỉ sau: https://sandbox.vnpayment.vn/devreg/ 

Sau đó bạn vào email để kiểm tra email xác nhận. Sau khi kích hoạt tài khoản bạn sẽ nhận được các thông tin cần thiết để cài đặt ở bước tiếp theo.

Cài đặt Plugin WooCommerceIPNURL để cài đặt cho cổng thanh toán VNPay

Ở bước này, trước khi tiến hành cài đặt plugin WooCommerceIPNURL bạn phải cài đặt plugin WooCommerce và kích hoạt thành công.

Tiếp theo hãy tải plugin WooCommerceIPNURL và kích hoạt.

Cấu hình Plugin WooCommerceIPNURL kết nối tới cổng thanh toán VNPAY

Các bạn truy cập theo đường dẫn Woocomerce -> Settings -> Payment–VNPAY và chọn Manage

Các bạn cấu hình các thông số như đã nhận được trong email khi kích hoạt thành công (tại bước 1). Vui lòng tham khảo thêm các thông số bên dưới.

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

Kiểm tra tính năng thanh toán qua cổng VNPAY

Bạn tạo đơn hàng sau đó chọn thanh toán với VNPAY ở bước cuối cùng, lúc này API của VNPAY sẽ được gọi và thực hiện quá trình thanh toán.

Ở bước này khách hàng có thể chọn thanh toán bằng thẻ quốc tế hoặc thẻ nội địa.
Các bạn vui lòng sử dụng các thẻ có sẵn để test trên môi trường kiểm thử ( khi áp dụng thì có thể thanh toán bằng thẻ thật).

Thông tin thẻ test lấy ở tại : https://sandbox.vnpayment.vn/apis/vnpay-demo/

Vậy là các bạn đã thực hiện tích hợp cổng thanh toán VNPAY vào website WordPress của mình thành công.

Chúc các bạn thành công

Tích hợp cổng thanh toán VNPAY-QR vào website WordPress