डेवलपर्स
एम्बेडेड विजेट
ग्राहक आपका डोमेन छोड़े बिना पेमेंट करता है। आप API के जरिए इनवॉइस बनाते हैं और अपने पेज पर CryBit पेमेंट फॉर्म रेंडर करते हैं।
1. एक इनवॉइस बनाएं
वही POST /api/v1/payments इस्तेमाल करें। रिस्पॉन्स में हमेशा confirmation.confirmation_token होता है, जो इनवॉइस uuid के बराबर होता है। रिक्वेस्ट में confirmation फील्ड वैकल्पिक है।
2. स्क्रिप्ट लोड करें और एक कंटेनर जोड़ें
HTML
<script src="https://pay.crybit.net/widget.js"></script>
<div id="payment-form"></div>3. फॉर्म रेंडर करें
JavaScript
const checkout = new CryBitCheckout({
confirmation_token: 'INVOICE-UUID',
return_url: 'https://merchant.example/thanks',
lang: 'en',
error_callback: (err) => console.log(err),
})
checkout.render('payment-form').then(() => { /* the form is shown */ })
checkout.on('success', () => { /* status paid: confirm the order by webhook or GET */ })
checkout.on('fail', () => { /* expired, cancelled or refunded */ })
checkout.on('complete', () => checkout.destroy())मोडल विंडो
अगर पेज पर कोई कंटेनर नहीं है, तो customization: { modal: true } (या modal: true) के साथ साइट के ऊपर विजेट खोलें और बिना किसी आर्गुमेंट के checkout.render() कॉल करें।
ऑप्शन और इवेंट्स
| ऑप्शन | अर्थ |
|---|---|
confirmation_token | आवश्यक। इनवॉइस uuid (aliases: uuid, invoice_uuid)। |
return_url | पेमेंट के बाद ग्राहक कहां जाता है। |
lang | इंटरफेस की भाषा; न होने पर ब्राउज़र की भाषा। |
modal / customization.modal | कंटेनर की जगह पॉप-अप के लिए true। |
error_callback, success_callback | एरर होने पर (कोई token नहीं, कोई कंटेनर नहीं) और स्टेटस paid होने पर कॉल किया जाता है। |
इवेंट्स: ready, status, success, fail, complete, close, error। मेथड: render(id), on(event, fn), destroy()।
ऑर्डर को webhook से या स्टेटस पढ़कर कन्फर्म करें। विजेट इवेंट केवल यूजर इंटरफेस के लिए है।
FAQ
क्या मैं विजेट को टेस्ट कर सकता हूं?
हां। टेस्ट मर्चेंट में विजेट इनवॉइस को पेड मार्क करने का बटन दिखाता है और बैलेंस क्रेडिट नहीं होता।
