# Yodl Pay

Best-in-class QR payments with a 15-minute integration.

- [Yodl SDK](/index): Drop-in QR payments for wallets and apps. The complete payment flow ships with the SDK, with multiple processors aggregated per country.
- [Supported countries](/supported-countries): Where Yodl QR payments are live today — Brazil, Argentina, Vietnam and the Philippines — plus the countries available on request.
- [Fees & pricing](/pricing): How a Yodl payment is priced: the all-in fee and every component in it, and how routing compares processors on each payment to pick the cheapest.
- [Demo](/demo): Watch the Yodl SDK payment flow end to end, from scanning a merchant QR code through to a completed payment.
- [AI assistants](/ai): Point your coding assistant at these docs: Markdown routes, llms.txt, and a read-only MCP server with list_pages, read_page and search_docs.
- [React Native SDK](/sdk/react-native/): The React Native SDK: three drop-in components that add QR payments to any EIP-1193 wallet app. Requirements, install, and where to go next.
- [Quickstart](/sdk/react-native/quickstart): Go from an installed SDK to a completed QR payment: create the client, wrap your screen in the provider, render the payment component.
- [Signup flow](/sdk/react-native/signup): Render the hosted Yodl onboarding flow with YodlSignup — SIWE, email capture and verification — and track completion in your own app state.
- [Theming](/sdk/react-native/theming): Apply your palette to the hosted Yodl UI: theme and themeMode props, the 21 colour tokens, image slots, validation rules and live updates.
- [Theme builder](/sdk/react-native/theme-builder): Build a Yodl palette in the browser and open it in the live hosted UI with one link — no SDK, no app build, no code.
- [API reference](/sdk/react-native/api): Complete reference for @yodlpay/react-native: createSdk, isPaymentQr, YodlProvider, YodlSignup, YodlPayment, YodlDashboard, and payment lifecycle events.
- [Security model](/sdk/react-native/security): How the SDK isolates the hosted UI: origin locking, blocked off-origin navigation, request timeouts, and what the provider bridge does and does not do.
- [Troubleshooting](/sdk/react-native/troubleshooting): Symptoms and fixes for the React Native SDK: BigInt errors, Expo Go crashes, blank payment screens, provider errors and a spinner that never lifts.
- [EIP-7702 provider](/sdk/eip-7702-provider/): Decide whether you need the EIP-7702 fallback provider. Most integrations don't — native wallet EIP-5792 support always wins.
- [Setup](/sdk/eip-7702-provider/setup): Wire up withYodl7702: one required callback, Yodl's hosted bundler by default, and the options to bring your own.
- [Reference](/sdk/eip-7702-provider/reference): Reference for withYodl7702: options, defaults, native-first fallback behaviour, per-method handling, and troubleshooting the EIP-7702 fallback path.
- [Integrations](/integrations/overview): Optional backend integration for wallets that want their own payment records: notifications, the Payments API and email attestation, and what each requires.
- [Onboarding](/integrations/onboarding): Work through backend integration end to end: register an address, stand up an endpoint, receive your secrets, verify signatures and reconcile.
- [The integration address](/integrations/integration-address): Pass your registered integration address to the SDK, how attribution works, and why a declared address is not an authenticated one.
- [Payment notifications](/integrations/notifications): Signed webhooks delivering a payment snapshot whenever its state or merchant data changes, including the payload shape and signature verification.
- [Payments API](/integrations/payments-api): Query the payments made through your integration over REST, newest first: endpoints, authentication, pagination and the payment shape.
- [Email attestation](/integrations/email-attestation): Let users skip Yodl's email OTP by asserting an already-verified address with a signed JWT. Requires a JWKS URL and per-integration approval.