ইন্টিগ্রেশন

এম্বেড মোড

ঘোষণামূলক বোতাম বা ব্রাউজার API দিয়ে MakePay checkout যোগ করুন।

এমবেডেড বোতাম

প্রয়োজনীয় গুণাবলী

ঘোষণামূলক ইন্টিগ্রেশন পণ্য পৃষ্ঠা, চালান, এবং স্ট্যাটিক CMS পৃষ্ঠাগুলির জন্য সর্বোত্তম যেখানে আপনি একটি স্ক্রিপ্ট ট্যাগ এবং বোতাম মার্কআপ যোগ করতে পারেন।

  • আপনি যে পেমেন্ট 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>

কলব্যাক হ্যান্ডলিং

একটি onEvent কলব্যাক পাস করুন যখন আপনার পৃষ্ঠার checkout স্থিতি পরিবর্তন বা window-এ বিশ্বব্যাপী না শুনে অনুরোধের পুনর্নির্দেশে প্রতিক্রিয়া জানাতে হবে।

কখন ব্যবহার করতে হবে

merchant সাইটটি checkout খোলার আগে কাস্টম JavaScript চালানোর প্রয়োজন না হলে এম্বেড বোতাম ব্যবহার করুন৷ অ্যাপ্লিকেশনটি ক্লিক নিয়ন্ত্রণ করলে বা নির্দিষ্ট modal open-এর জন্য callback দরকার হলে ব্রাউজার API ব্যবহার করুন।

পার্টনার সেটআপে সাহায্য দরকার?

বাস্তব payment UID-এর জন্য generated snippets কপি করতে MakeCrypto-তে payment link details view খুলুন, অথবা merchant settings পরিচালনা করতে portal-এ ফিরে যান।

পোর্টাল খুলুন