Hướng dẫn tích hợp QR Code thanh toán vào phần mềm bán hàng

1. Cấu trúc URL của VietQR
2. Ví dụ QR VietQR cho Cửa Hàng ABC
3. Tích hợp vào phần mềm bán hàng
   • Phần mềm chạy nền web
   • Tích hợp vào WinForms C# (Desktop)
   • Tích hợp vào phần mềm đã đóng gói sẵn

Hiển thị mã QR để khách hàng quét bằng app ngân hàng (MB Bank, Vietcombank, v.v.) và chuyển khoản đúng nội dung & số tiền.

Cách tích hợp nhanh QR Code thanh toán toán với phần mềm bán hàng.

1. Cấu trúc URL của VietQR

VietQR là chuẩn QR chuyển khoản liên ngân hàng do Napas/VNPay phát triển.

Mẫu URL:

https://img.vietqr.io/image/{BANK_ID}-{ACCOUNT_NO}-compact2.png?amount={AMOUNT}&addInfo={MESSAGE}&accountName={ACCOUNT_NAME}

Trong đó:

    {BANK_ID}: mã ngân hàng (ví dụ: VCB, TCB, MB, BIDV,...)
    {ACCOUNT_NO}: số tài khoản người nhận
    amount: số tiền cần chuyển
    addInfo: nội dung chuyển khoản (thường là mã hóa đơn)
    accountName: tên chủ tài khoản (không dấu, dùng dấu + thay dấu cách)

✅ Danh sách bankId thông dụng của các ngân hàng Việt Nam

 Ví dụ link tạo QR Code đơn giản nhất:

https://img.vietqr.io/image/VCB-7935999617-compact2.png?amount=200000&addInfo=Mua hang

2. Ví dụ QR VietQR cho Cửa Hàng ABC

<img src="https://img.vietqr.io/image/VCB-0123456789-compact2.png?amount=250000&addInfo=HD12345&accountName=CUA+HANG+ABC" alt="QR Thanh toán" width="300" />

Khách chỉ cần quét mã này bằng app ngân hàng → chuyển khoản đúng số tiền và nội dung.

3. Tích hợp vào phần mềm bán hàng

Phần mềm chạy nền web

<div id="qr_container"></div>



<script>

function showVietQR(bankId, account, amount, content, accountName) {

  const baseUrl = `https://img.vietqr.io/image/${bankId}-${account}-compact2.png`;

  const url = `${baseUrl}?amount=${amount}&addInfo=${encodeURIComponent(content)}&accountName=${accountName.replace(/ /g, '+')}`;



  document.getElementById("qr_container").innerHTML = `<img src="${url}" width="300">`;

}



// Ví dụ:

showVietQR("VCB", "0123456789", 250000, "HD12345", "CUA HANG ABC");

</script> 

Tích hợp vào WinForms C# (Desktop)

Dùng PictureBox để hiển thị mã QR

string bankId = "VCB";

string account = "0123456789";

int amount = 250000;

string content = "HD12345";

string accName = "CUA+HANG+ABC";



string url = $"https://img.vietqr.io/image/{bankId}-{account}-compact2.png?amount={amount}&addInfo={content}&accountName={accName}";

pictureBox1.Load(url); 

Tích hợp vào phần mềm đã đóng gói sẵn