Hướng dẫn tích hợp cổng thanh toán VNPAY-QR vào website WordPress

ĐTính Nguyễn 30/07/2020 89 đang xem

 

Hiện nay, website thương mại điện tử đang là một xu hướng, thanh toán trực tuyến là điều rất cần thiết và thuận tiện cho việc mua sắm. Nhưng đa số các website của doanh nghiệp vừa và nhỏ hoặc các cá nhân bán lẻ chưa có chức năng thanh toán với các thẻ ngân hàng phát hành 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 ngay chúng tôi 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.

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

Việc tích hợp cổng thanh toán sẽ làm cho các bước mua hàng trở nên đơn giản, đảm bảo an toàn cho việc thanh toán trên website. Chúng ta chỉ cần gọi API của nhà cung cấp cổng thanh toán, các vấn đề liên quan đến bảo mật cũng như độ tin cậy sẽ được nhà cung cấp cổng thanh toán chịu trách nhiệm.

Khởi tạo tài khoản VNPAY

Để kết nối với VNPAY với plugin, 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/

Điền các trường theo mẫu và bấm Đăng ký

Sau đó bạn 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 sau.

Cài đặt Plugin WooCommerceIPNURL

Ở 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 VNPAY

Các bạn truy cập theo đường dẫn Woocomerce -> Settings -> PaymentVNPAY 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 các bạn truy cập tại đây

Chọn phương thức thanh toán
Chọn ngân hàng
Nhập thông tin thanh toán

Sau khi thanh toán thành công, bạn có thể vào trang quản trị VNPAY để kiểm tra (link đăng nhập được gửi trong email).

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.




Bình luận

Phạm Thành Tâm

Mình có làm theo bạn thì sau khi thanh toán thành công đơn hàng vẫn ở trạng thái Chờ thành toán
Có cách nào đơn hàng nó tự chuyển về trạng thái hoàn thành khi thanh toán thành công không ạ
Mình cám ơn

ĐTính Nguyễn

Chào bạn Phạm Thành Tâm,

Trường hợp của bạn có khả năng là tác vụ tại VNPAY chưa trả về trang thái hoàn tất.
Bạn có thể gửi Tên miền website và ID Terminal vào trang https://vnpayment.vnpay.vn/Lien-he-Vnpayment.htm để được hỗ trợ kích hoạt nhé.

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

nguyen thanh binh

Tôi không thể cài file WooCommerceIPNURL.zip đã tải về.
Lên trang plugin/cài mới/ tìm cũng ko ra plugin tương tự.
mong ad chỉ giúp banhdauxanhnuong123@gmail.com

ĐTính Nguyễn

Chào bạn nguyen thanh binh

Hiện tại Plugin WooCommerceIPNURL được cung cấp bỡi VNPAY chưa được đưa lên trang wordpress.org, do đó để cài đặt bạn chỉ có thể tải Plugin từ trang https://sandbox.vnpayment.vn/apis/files/WooCommerceIPNURL.zip (được phát hành bởi VNPAY) và thực hiện cài đặt plugin thủ công.
Để cài đặt thủ công, bạn có thể tham khảo thêm hướng dẫn sau đây: https://wiki.matbao.net/kb/huong-dan-su-dung-wordpress-tu-a-toi-z/#plugins-quan-ly-tien-ich

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

Cảm ơn bạn đã để bình luân!

Khách

mình phải liên hệ với bên Vn pay để làm hợp đồng thì sau đóa mới có thể thanh toán qua vn pay được ạ

Trả lời

Email của bạn sẽ không được hiển thị công khai.



Bài viết liên quan