Hướng dẫn tích hợp Haravan
Tích hợp SePay vào Haravan giúp xác nhận thanh toán ngay sau khi khách hàng chuyển khoản. Đơn hàng cũng sẽ chuyển sang trạng thái đã thanh toán.
Nếu bạn đang sử dụng website bán hàng tại Haravan, bài viết này sẽ hướng dẫn bạn tích hợp SePay vào Haravan giúp tự động hóa việc xác nhận thanh toán qua chuyển khoản.
Kết quả sau khi tích hợp:
1. Phía người dùng mua hàng trực tuyến
- Khi khách đặt hàng và thanh toán, sẽ có thêm tùy chọn Chuyển khoản ngân hàng
- Mã QR code kèm thông tin thanh toán sẽ hiện lên sau khi chọn phương thức thanh toán trên.
- Website sẽ hiện Bạn đã thánh toán thành công sau khi khách hàng thanh toán chỉ vài giây.
- Email xác nhận đã thanh toán sẽ được gửi cho khách hàng (từ Haravan).
Video demo kết quả tích hợp Haravan
2. Phía giao diện Admin
Đơn hàng sẽ tự động ghi nhận thanh toán. Và tự chuyển sang trạng thái đã thanh toán (nếu khách thanh toán đủ).
Hướng dẫn tích hợp
Video hướng dẫn tích hợp Haravan
Bước 1: Tạo Ứng dụng riêng tại Haravan để lấy thông tin API
Mục đích của bước này là lấy thông tin API Token. Thông tin này dùng để điền vào SePay, giúp SePay có thể chuyển trạng thái đơn hàng tại Haravan sau khi có khách thanh toán thành công.
- Truy cập vào giao diện Admin của Haravan -> Ứng dụng -> chọn vào Ứng dụng riêng ở phía trên bên phải. Chọn vào Tạo ứng dụng riêng
- Tại phần Tên ứng dụng bạn điền Tích hợp SePay
- Tại Các quyền quản trị API, dòng Đơn hàng bạn chọn Đọc và ghi. Tất cả quyền còn lại chọn vào Không có quyền.
- Chọn Tạo ứng dụng riêng. Sau khi tạo thành công, bạn sẽ thấy thông tin API Token.
Bước 2: Tạo tích hợp phía SePay.
Vào my.sepay.vn -> Tích hợp Haravan -> Thêm tích hợp
Tại giao diện tạo tích hợp, điền các thông tin sau:
- Đặt tên cho tích hợp: Điền bất cứ tên nào. Ví dụ Tích hợp Haravan.
- Chọn Ngân hàng: Chọn tài khoản ngân hàng mà bạn muốn nhận thanh toán trên website Haravan. Thông tin ngân hàng mà bạn chọn sẽ hiển thị khi khách hàng hoàn tất đặt hàng.
- API Token: Điền API Token lấy ở bước 1
Bấm Thêm. Hệ thống sẽ hiển thị mã code tích hợp. Hãy sao chép code này và tiếp tục thực hiện bước tiếp theo.
Bước 3: Thêm code tích hợp tại Haravan
Mục đích của bước này là để hiện mã QR Code kèm thông tin thanh toán khi khách hàng chọn hình thức thanh toán là Chuyển khoản ngân hàng.
- Vào Haravan Admin -> Cấu hình -> Thanh toán
- Tìm đến đoạn Xử lý đơn hàng, tại ô Nội dung thông báo thêm bạn điền mã code tích hợp lấy tại SePay ở bước 2.
- Bấm Lưu
Bước 4: Thêm phương thức thanh toán tại Haravan
Mục đích của bước này là tạo thêm phương thức thanh toán Chuyển khoản ngân hàng tại Haravan.
- Vào Haravan Admin -> Cấu hình -> Phương thức thanh toán
- Tại phần Chọn phương thức thanh toán, bạn chọn Chuyển khoản qua ngân hàng
- Tại Tên phương thức điền Chuyển khoản ngân hàng (Tự động xác nhận giao dịch). Lưu ý tên phương thức phải có từ chuyển khoản hoặc từ VietQR thì website của bạn mới hiện thông tin thanh toán.
- Tại Hướng dẫn thanh toán điền Dùng App ngân hàng quét mã QR Code, tự động xác nhận thanh toán trong 10 giây.
- Chọn Kích hoạt để thêm phương thức thanh toán mới.
Đến đây bạn đã hoàn tất tích hợp SePay với Haravan.
Kiểm tra các cấu hình của bạn
Để biết chúng mọi thứ có hoạt động đúng như cấu hình hay không. Bạn có thể thực hiện như sau:
- Thử đặt hàng trên website Haravan của bạn.
- Đến bước Thanh toán bạn chọn hình thức thanh toán là Chuyển khoản ngân hàng (Tự động xác nhận giao dịch) như đã thêm ở bước 4.
- Nếu mã QR code hiện ra sau khi đặt hàng nghĩa là bạn đã cấu hình thành công.
Đọc tiếp: Hướng dẫn tích hợp WooCommerce