Modo incorporado

Botão incorporado

Atributos obrigatórios

A integração declarativa é ideal para páginas de produtos, faturas e páginas CMS estáticas onde você pode adicionar uma tag de script e marcação de botão.

• Use data-makepay-payment-link com o pagamento UID que você deseja abrir.
• Carrega o script modal antes que o cliente pressione o botão de pagamento.
• Mantenha o teclado do elemento acessível com um elemento real button ou 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>

Navegador API

Use o navegador API global quando seu aplicativo controlar o manipulador de cliques ou precisar passar retornos de chamada do ciclo de vida diretamente.

• Abra uma forma de pagamento com window.makepay.showPayment(uid, { onEvent }).
• Feche o modal atual com 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>

Gerenciamento de retorno de chamada

Passe um retorno de chamada onEvent quando sua página precisar reagir às mudanças de estado de checkout ou redirecionar solicitações sem escutar globalmente em window.

Quando usar

Use o botão incorporado quando o site do comerciante não precisar executar o JavaScript personalizado antes de abrir o checkout. Use o navegador API quando seu aplicativo controla o clique ou precisa de retornos de chamada para uma abertura específica.