Dĩ nhiên với một plugin làm website bán hàng như WooCommerce thì các tính năng tích hợp thanh toán là không thể thiếu. Tuy nhiên các tính năng thiết lập thanh toán mặc định trong WooCommerce khá đơn giản và có thể không còn phù hợp, nên trong bài này mình sẽ đi thẳng vào các vấn đề chính là tích hợp thanh toán online qua mã QR, MoMo vào WooCommerce thông qua các plugin hỗ trợ.
Tích hợp thanh toán qua quét mã QR của VietQR
VietQR có cung cấp bộ API miễn phí hoàn toàn để làm chức năng tự động sinh ra mã QR thanh toán được điền sẵn số tiền và nội dung thanh toán. Hiện nay có một plugin WordPress miễn phí để bạn khai thác tính năng này mà không cần phải lập trình thêm, plugin đó tên là VietQR.
Sau khi cài đặt xong plugin này, bạn cấu hình nó tại WooCommerce => Settings => Payments và bật tính năng thanh toán Scan VietQR lên, đồng thời ấn nút Finish setup để thiết lập.
Sau đó bạn hoàn tất thiết lập bằng cách điền các thông tin vào bao gồm tài khoản ngân hàng của bạn, hãy tham khảo nội dung dưới đây.
Sau đó tiến hành thử nghiệm đặt hàng với phương thức thanh toán vừa cấu hình.
Ở bước cuối cùng hệ thống sẽ hiển thị mã QR để khách hàng quét thanh toán.
Bạn thấy trang hoàn tất đơn hàng có vẻ hơi xấu và hiển thị chưa tốt đúng không? Đừng lo, ở bài sau mình sẽ hướng dẫn bạn tuỳ biến lại trang này bằng Elementor.
Nếu bạn muốn phần tích hợp thanh toán qua mã QR có thêm tính năng hỗ trợ nhiều ngân hàng, nhiều tính năng bổ sung hay hơn thì có thể xem qua plugin iSures QrCode Payment for Vietnam thử nhé.
Tích hợp thanh toán qua MoMo
Để tích hợp được thanh toán qua MoMo thì bạn cần phải có tài khoản MoMo Doanh Nghiệp, bạn có thể xem thông tin về chương trình này và cách đăng ký tại đây. Sau đó thì bạn sẽ cần plugin tích hợp thanh toán MoMo vào WooCommerce để tự động hoá phần này. Do đây là plugin trả phí và cách sử dụng cũng rất đơn giản là nhập thông tin kết nối của MoMo vào nên mình sẽ không hướng dẫn chi tiết ở đây.
Nếu bạn không có tài khoản MoMo Business thì có thể dùng plugin ISures QrCode Payment For Vietnam có hỗ trợ quét mã QR Code tài khoản MoMo cá nhân.
Thanh toán khi nhận hàng (COD)
Nếu bạn có áp dụng thanh toán COD thì có thể đơn giản là tạo thêm một phương thức thanh toán tượng trưng và hiển thị các thông tin cần thiết. Trong WooCommerce họ đã tạo sẵn phương thức thanh toán này đặt tên là Cash on delivery, bạn chỉ cần bật lên và ấn nút Finish setup để ghi thông tin hướng dẫn vào là được.
Kết bài
Tới đây bạn đã thiết lập hoàn tất phần thanh toán của WooCommerce rồi. Khi viết bài này, mình nhận ra là quên hướng dẫn thiết kế trang tổng quan đơn hàng sau khi đặt hàng nên nó hiển thị hơi ghê, ở bài sau mình sẽ hướng dẫn bạn hoàn tất thiết kế trang này trên Elementor.
