Giới thiệuCài đặt Wordpress, Dịch vụ
Tích hợp thanh toán online vào website wordpress như thế nào
Th5
Tích hợp thanh toán online vào website wordpress như thế nào?
Hiện tại các shop online đều có xu hướng tích hợp cổng thanh toán trực tuyến vào trang web, do vậy bạn có muốn tích hợp cổng thanh toán trực tuyến vào website không, đây là một giải pháp dành cho các chủ shop, cá nhân muốn tích hợp thanh toán online giúp cho việc tự động thanh toán đơn hàng và kích hoạt đơn hàng tự động trên website của bạn.
Sepay là một nền tảng thanh toán điện tử của Việt Nam, cho phép cá nhân và doanh nghiệp tích hợp hệ thống thanh toán online vào website, ứng dụng hoặc hệ thống nội bộ. Sepay hướng đến việc cung cấp một giải pháp gọn nhẹ, dễ dùng và chi phí hợp lý, phù hợp cho các website bán hàng, bán khóa học, dịch vụ kỹ thuật số hoặc thanh toán định kỳ.
🧾 Giới thiệu tổng quan về Sepay:
| Thông tin | Chi tiết |
|---|---|
| Tên dịch vụ | Sepay (hoặc SE Pay) |
| Chức năng chính | Cổng thanh toán trực tuyến |
| Quốc gia hoạt động | Việt Nam |
| Hình thức thanh toán | Chuyển khoản ngân hàng, QR Code, ví điện tử |
| Đối tượng sử dụng | Doanh nghiệp nhỏ, lập trình viên, website WordPress, hệ thống bán hàng tự động |
| Tích hợp API | Có (RESTful API, dễ tích hợp) |
| Tính năng nổi bật | Tạo đơn thanh toán tự động, Callback xác nhận thanh toán, Phân quyền đại lý, theo dõi thống kê |
| Website chính thức | https://sepay.vn |
| Hỗ trợ tích hợp | Website, WordPress, PHP, Node.js,… |
🔑 Các tính năng chính:
✅ 1. Tạo link thanh toán đơn giản
- Tạo URL thanh toán nhanh để gửi cho khách hàng.
- Không cần có website cũng sử dụng được.
✅ 2. API thanh toán
- Tạo đơn hàng, xác minh giao dịch, nhận callback khi thanh toán thành công.
- Hỗ trợ chữ ký bảo mật (
signature) để tránh giả mạo.
✅ 3. Theo dõi đơn hàng
- Có dashboard theo dõi thống kê, lịch sử thanh toán.
- Phân quyền người dùng nếu làm cho agency hoặc quản lý khách.
✅ 4. Tích hợp linh hoạt
- Sepay cung cấp mẫu code PHP, NodeJS, Python.
- Dễ tích hợp vào WordPress, Laravel, hoặc hệ thống riêng.
💰 Phí dịch vụ và thanh toán
- Phí giao dịch: thường tính theo phần trăm giao dịch (ví dụ 1-2% tùy phương thức).
- Thanh toán hỗ trợ: chuyển khoản ngân hàng, mã QR VietQR, ví điện tử.
🤔 Sepay phù hợp với ai?
| Đối tượng | Lý do phù hợp |
|---|---|
| Freelancer, dev cá nhân | Dễ tích hợp, không cần pháp nhân công ty |
| Website WordPress nhỏ | Có thể tự tạo form thanh toán nhanh chóng |
| Startup mới bắt đầu | Chi phí thấp, triển khai nhanh |
| Bán hàng tự động | Kết hợp với callback để giao hàng, gửi mã tự động |
📌 So sánh với các cổng khác (VNPAY, MoMo, ZaloPay)
| Tiêu chí | Sepay | VNPAY | MoMo |
|---|---|---|---|
| Yêu cầu pháp lý | Thấp | Phải có công ty | Phải có công ty |
| API | Có | Có | Có |
| Tích hợp WordPress | Phải viết tay | Có plugin bên thứ 3 | Khó |
| Tạo đơn link thủ công | Có | Có | Có |
| Chi phí | Thấp | Trung bình | Cao hơn |
📞 Hỗ trợ và liên hệ
- Website: https://sepay.vn
- Zalo hỗ trợ kỹ thuật: thường có sẵn trên trang chính.
- Facebook/Zalo OA: Có thể dùng để hỏi tích hợp hoặc hỗ trợ thanh toán.
Nếu bạn muốn, mình có thể hỗ trợ viết plugin Sepay WordPress đơn giản, hoặc tạo shortcode thanh toán tùy chỉnh. Bạn có muốn demo không?
Hướng dẫn tích hợp WooCommerce
Tích hợp SePay vào WooCommerce 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 WordPress và WooCommerce, bài viết này sẽ hướng dẫn bạn tích hợp SePay vào WordPress WooCommerce 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
- 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 đã thanh toán thành công sau khi khách hàng thanh toán chỉ vài giây sau khi chuyển tiền hoàn tất.
- Phía giao diện Quản lý Đơn hàng của WooCommerce
Đơn hàng sẽ tự động ghi nhận thanh toán. Và tự chuyển sang trạng thái từ Tạm giữ (On-Hold) sang Đang xử lý (Processing) nếu khách thanh toán đủ.
Hướng dẫn tích hợp
Bước 1: Cài đặt plugin SePay Gateway vào website WordPress
Để cài đặt plugin SePay Gateway vào website WordPress của bạn, thực hiện các bước sau:
Truy cập vào Trang quản trị, vào Plugin → Cài Plugin, sau đó tìm từ khóa “sepay” trên thanh tìm kiếm, nhấn vào nút Cài đặt ngay và Kích hoạt để cài đặt plugin.
Sau khi cài xong plugin, bạn sẽ được chuyển hướng đến trang thiết lập plugin SePay Gateway.
Bước 2: Kết nối với tài khoản SePay
Đây là giao diện thiết lập của plugin SePay Gateway, nhấn vào nút Kết nối tài khoản để bắt đầu thiết lập.
Bạn sẽ được chuyển sang trang ủy quyền WooCommerce truy cập vào tài khoản SePay của bạn như hình bên dưới, bạn sẽ cần đăng nhập nếu chưa đăng nhập vào my.sepay.vn.
Nhấn vào nút Cho phép để tiếp tục chuyển sang bước cấu hình chọn tài khoản ngân hàng.
Bước 3: Cấu hình tài khoản ngân hàng
Ở bước này bạn cần chọn tài khoản ngân hàng nào để hiển thị ngoài trang thanh toán và nhận tiền.
Nếu bạn chưa có ngân hàng nào tại my.sepay.vn thì truy cập vào trang Kết nối ngân hàng tại SePay để thêm ngân hàng mới.
Chọn tài khoản ngân hàng cần tích hợp và nhấn vào nút Hoàn tất thiết lập để hoàn tất.
Sau khi hoàn tất, hệ thống sẽ tự động tạo một tích hợp Webhooks tương ứng với tài khoản ngân hàng bạn chọn trên SePay để gửi thông báo qua trang web WordPress của bạn khi có giao dịch chuyển tiền vào tài khoản ngân hàng đó.
Đến đây bạn đã hoàn tất tích hợp thanh toán SePay với WooCommerce.
Cấu hình SePay Gateway
Trong phần này sẽ hướng dẫn chi tiết về các thiết lập cần thiết trong giao diện quản trị của plugin.
Giải thích các cấu hình
1. Bật/Tắt
Bật tắt phương thức thanh toán.
2. Tiêu đề
Tên hiển thị cho phương thức thanh toán.
3. Mô tả
Thông tin mô tả phương thức thanh toán.
4. Tài khoản ngân hàng
Chọn tài khoản ngân hàng để hiển thị trên trang thanh toán để khách chuyển khoản tới và SePay thực hiện xác thực thanh toán bằng tài khoản ngân hàng đó.
5. Tài khoản VA
Đối với các tài khoản ngân hàng chỉ hỗ trợ xác thực thanh toán thông qua số VA như BIDV, OCB, MSB, KienLongBank. Bạn cần chọn một tài khoản VA tương ứng với tài khoản ngân hàng đã chọn.
6. Tiền tố mã thanh toán
Là chuỗi từ 2-5 ký tự nằm ở trước mã thanh toán, SePay sử dụng để phân biệt và xác thực thanh toán cho đơn hàng của bạn.
Ví dụ tiền tố mã thanh toán là DH, thì khi thanh toán khách sẽ quét mã QR chuyển tiền có nội dung là DH1234. trong đó DH là tiền tố mã thanh toán đã chọn, 1234 là mã đơn hàng WooCommerce.
Vào Cấu hình Công ty → Cấu hình chung để quản lý cấu trúc mã thanh toán của bạn.
7. Thông báo thành công
Nội dung thông báo trên website sau khi khách hàng thanh toán thành công.
Hỗ trợ định dạng chữ thuần, HTML và JavaScript. Nếu bạn muốn thêm code JavaScript để bắn sự kiện lên các trang tracking như Google Analytics, bạn có thể chèn mã JavaScript tại đây.
8. Trạng thái đơn hàng khi hoàn tất
Là Trạng thái đơn hàng tại WooCommerce sau khi khách thanh toán đủ. Nếu không chỉ định, trạng thái này sẽ do WooCommerce quyết định.
Hoặc bạn có thể chỉ định là Đang xử lý (Processing) hoặc Đã hoàn tất (Completed).
9. Chế độ tải xuống
Tùy chọn này dành cho các đơn hàng sản phẩm số, bạn có thể chỉ định cách mà người dùng tải xuống sản phẩm thông qua hình thức Thủ công hoặc Tự động.
10. Hiển thị tên ngân hàng
Chế độ hiện thị tên ngân hàng trên màn hình thanh toán, SePay hỗ trợ ba tùy chọn gồm: Tên đầy đủ, Tên viết tắt hoặc Tên đầy đủ kèm tên viết tắt.
11. Logo
URL của logo để hiển thị logo trên phương thức thanh toán.
Kiểm tra cấu hình của bạn
Để biết mọi thứ bạn đã cấu hình có hoạt động đúng hay không, bạn có thể thực hiện như sau:
- Thử đặt hàng trên website của bạn, hãy chọn đơn hàng giá trị nhỏ nhất (ví dụ 2000).
- Đế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 (Quét mã QR).
- 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.
- Thử thanh toán, nếu sau khi hoàn tất thanh toán, giao diện thanh toán hiện lên Bạn đã thanh toán thành công nghĩa là việc cấu hình đã chính xác. Đồng thời xem tại giao diện quản lý đơn hàng, bạn sẽ thấy đơn hàng được chuyển sang Đang xử lý (Processing).
Hướng dẫn nâng cấp từ phiên bản 1.0.x lên 1.1.0
Phiên bản 1.1.0 giới thiệu tính năng kết nối tài khoản SePay trực tiếp, giúp đồng bộ dữ liệu tài khoản ngân hàng, tiền tố mã thanh toán và webhook tự động. Dưới đây là hướng dẫn nâng cấp an toàn:
Bước 1: Sao lưu dữ liệu
Trước khi nâng cấp, hãy sao lưu:
- Website WordPress của bạn (files và database)
- Ghi chú các cài đặt hiện tại của plugin SePay Gateway
Bước 2: Cài đặt phiên bản mới
Cách 1: Tự động cập nhật
Nếu bạn cài đặt plugin từ WordPress.org, vào Plugins → Đã cài đặt và kiểm tra cập nhật cho “SePay Gateway”.
Cách 2: Cài đặt thủ công
- Tải phiên bản 1.1.0 từ WordPress.org
- Vào Plugins → Đã cài đặt
- Tắt plugin “SePay Gateway” hiện tại
- Vào Plugins → Thêm mới → Tải plugin lên và chọn file zip bạn đã tải về
- Khi WordPress hỏi về việc ghi đè plugin cũ, chọn Đồng ý để ghi đè
- Kích hoạt plugin sau khi cài đặt hoàn tất
Bước 3: Kết nối tài khoản SePay
- Sau khi kích hoạt plugin, vào WooCommerce → Cài đặt → Thanh toán → SePay
- Bạn sẽ thấy nút Kết nối tài khoản mới – nhấp vào đó
- Đăng nhập vào tài khoản SePay của bạn nếu được yêu cầu
- Cấp quyền cho WooCommerce truy cập vào tài khoản SePay
- Chọn tài khoản ngân hàng bạn muốn sử dụng và hoàn tất thiết lập
Bước 4: Kiểm tra cấu hình
Sau khi kết nối, hãy kiểm tra các cài đặt sau đã được đồng bộ đúng:
- Tài khoản ngân hàng đã được chọn
- Tiền tố mã thanh toán
- Webhook đã được tạo tự động trên SePay
Bước 5: Kiểm tra hoạt động
Tạo một đơn hàng thử với giá trị nhỏ và thực hiện thanh toán để đảm bảo:
- Mã QR hiển thị đúng
- Sau khi thanh toán, đơn hàng được cập nhật trạng thái đúng
