Интеграция

Режим встраивания

Добавьте checkout MakePay с декларативными кнопками или браузерным API.

Встроенная кнопка

Обязательные атрибуты

Декларативная интеграция идеально подходит для страниц продуктов, счетов-фактур и статических страниц CMS, где вы можете добавить тег сценария и разметку кнопок.

Используйте data-makepay-payment-link с платежом UID, который вы хотите открыть.
Загружает модальный скрипт до того, как клиент сможет нажать кнопку оплаты.
Обеспечьте доступность клавиатуры элемента с помощью реального элемента 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 не требуется запускать пользовательский JavaScript перед открытием checkout. Используйте браузер API, когда приложение управляет кликом или нуждается в обратных вызовах для конкретного открытия.