Guías

Widget de checkout

Acepta cripto en tu web sin redirigir: el cliente elige la moneda y la red en una ventana sobre tu página.

Botón de pago

Carga el script una vez y marca cualquier enlace o botón con data-checkout. Al hacer clic abre el checkout de ese link de pago en una ventana modal; sin JavaScript sigue funcionando como un enlace normal. Copia el código listo para pegar desde el detalle del link de pago, en «Insertar en tu web».

HTML

<script src="https://cryptopay.yanselmask.com/widget.js" async></script>

<a href="https://cryptopay.yanselmask.com/l/7KQ2M9XA" data-checkout data-theme="dark">Pagar con cripto</a>

data-checkoutURL de un link de pago (/l/…) o de una factura (/pay/…). Si está vacío, se usa el href.
data-themelight o dark. Sin él, se usa el tema del sistema del cliente.

También funciona con una factura que creaste con la API, llevando al cliente directo a pagarla:

HTML

<a href="https://cryptopay.yanselmask.com/pay/7d61d9f9-a9e4-49c1-a1b8-b5d465d7a939" data-checkout>Pagar factura</a>

Eventos

El script lanza estos eventos en window:

checkout:paidEl pago se confirmó (pagado o sobrepagado). Desbloquea el pedido aquí, pero confírmalo en tu servidor con el webhook invoice.paid.
checkout:statusCada cambio de estado de la factura.
checkout:closedEl cliente cerró la ventana, haya pagado o no.

JavaScript

window.addEventListener('checkout:paid', (e) => {
  // e.detail = { invoiceId, status }
  showThankYou(e.detail.invoiceId)
})

Los eventos del navegador se pueden falsificar. Entrega el pedido solo tras el webhook invoice.paid o tras leer la factura con tu clave secreta.

Para abrirlo desde tu propio código:

JavaScript

Checkout.open('https://cryptopay.yanselmask.com/l/7KQ2M9XA', { theme: 'light' })
Checkout.close()

Iframe integrado

Para mostrar el checkout siempre visible dentro de tu página, añade embed=1 a la URL del link (y theme=light o theme=dark si quieres). Solo el checkout y los links de pago se pueden incrustar; el panel se niega a cargarse en un iframe.

HTML

<iframe src="https://cryptopay.yanselmask.com/l/7KQ2M9XA?embed=1" title="Checkout" allow="clipboard-write"
  style="width:100%;max-width:460px;height:720px;border:0"></iframe>