Tryb osadzania

Osadzanie przycisku

Wymagane atrybuty

Integracja deklaratywna najlepiej sprawdza się w przypadku stron produktów, faktur i statycznych stron CMS, na których można dodać znacznik skryptu i znaczniki przycisku.

• Użyj data-makepay-payment-link z UID płatności, który chcesz otworzyć.
• Załaduj skrypt modalny, zanim klient będzie mógł kliknąć przycisk płatności.
• Zapewnij dostęp do klawiatury elementowej za pomocą prawdziwego elementu button lub a.

<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>

Przeglądarka API

Użyj globalnej przeglądarki API, jeśli Twoja aplikacja jest właścicielem modułu obsługi kliknięć lub musi bezpośrednio przekazywać wywołania zwrotne cyklu życia.

• Otwórz moduł płatności za pomocą window.makepay.showPayment(uid, { onEvent }).
• Zamknij bieżący mod za pomocą window.makepay.hide().

<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>

Obsługa wywołań zwrotnych

Przekaż wywołanie zwrotne onEvent, gdy Twoja strona musi zareagować na zmiany statusu checkout lub żądania przekierowania bez globalnego słuchania na window.

Kiedy go używać

Użyj przycisku osadzania, jeśli witryna sprzedawcy nie musi uruchamiać niestandardowego JavaScript przed otwarciem checkout. Użyj przeglądarki API, gdy aplikacja kontroluje kliknięcie lub potrzebuje wywołań zwrotnych dla pojedynczego otwarcia.