Integration

Embed mode

घोषणात्मक बटन या ब्राउज़र API से MakePay checkout जोड़ें।

एंबेडेड बटन

आवश्यक गुण

घोषणात्मक एकीकरण उत्पाद पृष्ठों, चालानों और स्थिर सीएमएस पृष्ठों के लिए सर्वोत्तम है जहां आप एक स्क्रिप्ट टैग और बटन मार्कअप जोड़ सकते हैं।

जिस भुगतान UID को आप खोलना चाहते हैं उसके साथ data-makepay-payment-link का उपयोग करें।
ग्राहक द्वारा भुगतान बटन पर क्लिक करने से पहले मोडल स्क्रिप्ट लोड करें।
तत्व कीबोर्ड को वास्तविक button या a तत्व के साथ पहुंच योग्य रखें।

html

<script src="https://cdn.makepay.io/modal/makepay.min.js"></script>
<button type="button" data-makepay-payment-link="YOUR_PAYMENT_UID">
  Pay with crypto
</button>

ब्राउज़र API

जब आपका एप्लिकेशन क्लिक हैंडलर का स्वामी हो या उसे सीधे जीवनचक्र कॉलबैक पास करने की आवश्यकता हो तो वैश्विक ब्राउज़र API का उपयोग करें।

window.makepay.showPayment(uid, { onEvent }) के साथ एक भुगतान मोड खोलें।
वर्तमान मोडल को window.makepay.hide() के साथ बंद करें।

html

<script src="https://cdn.makepay.io/modal/makepay.min.js"></script>
<button type="button" id="pay-with-makepay">Pay with crypto</button>
<script>
  document.getElementById("pay-with-makepay").addEventListener("click", function () {
    window.makepay.showPayment("YOUR_PAYMENT_UID", {
      onEvent: function (event) {
        if (event.type === "makepay.payment.redirect_requested" && event.payload.redirectUrl) {
          window.location.assign(event.payload.redirectUrl);
        }
      },
    });
  });
</script>

कॉलबैक हैंडलिंग

जब आपके पृष्ठ को checkout स्थिति में परिवर्तन पर प्रतिक्रिया करने या window पर विश्व स्तर पर सुने बिना अनुरोधों को पुनर्निर्देशित करने की आवश्यकता हो तो onEvent कॉलबैक पास करें।

इसका उपयोग कब करना है

जब व्यापारी साइट को checkout खोलने से पहले कस्टम JavaScript चलाने की आवश्यकता न हो तो बटन एंबेड का उपयोग करें। जब आपका ऐप क्लिक को नियंत्रित करता है या किसी एक modal open के लिए callbacks चाहिए, तो ब्राउज़र API का उपयोग करें।