Open crypto checkout stack
PayDI
PayDI lets merchants price products in fiat, settle in ADI, and track payment sessions in real time. It includes a wallet-powered checkout widget, session APIs, and an operator dashboard.
System + Integration
How PayDI works and how to drop it into your app quickly.
How the system works
Merchant backend + widget + chain settlement
1. Your backend creates a payment session for an order.
2. Frontend renders the PayDI widget with that session id.
3. Shopper connects wallet and signs transaction.
4. PayDI API tracks status and marks session confirmed.
5. Dashboard and webhook flow update your system instantly.
Integrate the widget
React / Next.js quickstart
Install
bun add paydi-widget
Render the widget
import { PayDIWidget } from "paydi-widget"
<PayDIWidget
sessionId="<SESSION_ID>"
apiUrl="https://your-api.example.com"
onSuccess={(txHash) => console.log(txHash)}
/>Integration checklist
Production-ready setup notes
- Create sessions server-side and pass only session ids client-side.
- Set webhook URL to sync confirmed payments into your order system.
- Use `onSuccess` to mark checkout complete in your frontend.
- Keep `apiUrl` environment-specific for dev/stage/prod.
- Keep one canonical instruction source for AI agents.
Agent-ready instruction source