Zap Payments

Documentation

Quickstart

Two lines on your pricing page, plus a webhook handler when you go to production.

1. Create a merchant

Open the merchant dashboard, name your shop, set payout account and refund policy, then copy your merchant id (e.g. your-shop.near).

2. Embed checkout

your-site.html
<script src="https://your-zap-host/pay.js" defer></script>
<pay-button merchant="your-shop.near" amount="49" product="Pro plan" />

3. Listen in the browser (optional)

document.querySelector("pay-button")
  ?.addEventListener("uc:paid", (e) => console.log(e.detail.receiptUrl));

Use this for UX only. Fulfill orders after a verified webhook.

4. Payment links

https://your-zap-host/pay?merchant=your-shop.near&amount=49&product=Pro%20plan