Tombol bayar crypto: cara menambahkannya ke situs Anda
Tombol bayar crypto: cara menambahkan tombol bayar dengan crypto ke situs Anda, apa itu tombol SDK yang direncanakan, dan yang berjalan hari ini. Dengan kode.
Tombol bayar crypto adalah satu tombol di situs Anda yang memulai pembayaran kripto. SDK Qvard yang direncanakan akan menampilkan tombol seperti itu dengan beberapa baris kode, tetapi belum dirilis. Panduan ini menunjukkan cara membuat tombol yang berfungsi dengan API yang sudah berjalan hari ini.
Apa yang dilakukan tombol bayar crypto
Tombol bayar memulai pembayaran saat pelanggan mengkliknya. Di situs crypto, klik itu membawa ke halaman pembayaran tempat pelanggan memilih aset dan jaringan. Tombol itu sendiri tidak menyimpan dana atau kunci.
Status: tombol SDK ada di peta jalan
Tombol SDK Qvard belum dirilis. Artikel ini tidak menyajikannya sebagai komponen jadi, dan kode pratinjau di media diberi label roadmap.
x-api-key: sk_live_…
{
"id": "order_1024",
"price": 149.99,
"paymentSystemId": 12
}
// 201 Created
{
"data": {
"id": "8f3k2a1c",
"redirectUrl": "https://my.qvard.com/pay/8f3k2a1c"
},
"code": 201,
"message": "success",
"status": true
}Tombol yang berfungsi hari ini
Tombol mengirim permintaan ke backend Anda. Backend membuat pembayaran dengan POST /api/v1/payment dan header x-api-key, lalu mengembalikan redirectUrl. Tombol mengarahkan pelanggan ke sana, dan webhook mengonfirmasi pembayaran.
Letakkan tombol di checkout
Tempatkan tombol di akhir keranjang, dekat total. Tampilkan nominal dalam USD sebelum klik agar pelanggan tahu apa yang akan dilihat di halaman hosted.
Buat tombol aman
Jangan letakkan kunci API di kode tombol. Buat pembayaran hanya ketika pelanggan mengklik, dan periksa total pesanan di server, bukan di browser.
// ROADMAP preview: the SDK is not released yet.
QvardCheckout.open({ amount: 149.99, currency: "USD", orderId: "order_1024" });Konfirmasi dengan webhook
Ketika webhook mengirim id dan status paid, tandai pesanan lunas. Klik tombol tidak berarti dana sudah masuk.
FAQ
Apakah ada komponen tombol bayar Qvard hari ini?
Bukan sebagai komponen SDK, yang ada di peta jalan. Hari ini tombol biasa yang memanggil backend melakukan pekerjaan yang sama.
Bisakah tombol menampilkan nominal dalam mata uang lain?
Harga pada permintaan API dalam USD. Halaman hosted menampilkan nominal persis dalam aset yang dipilih dengan kurs tetap.
Apakah tombol saja cukup tanpa webhook?
Tidak. Tombol hanya memulai pembayaran. Tandai pesanan lunas hanya dari webhook.
Bagaimana cara menguji tombol?
Gunakan alur invoice demo dan pastikan webhook menandai pesanan setelah pembayaran.
