📝
Integrate Kado
  • Kado Documentation
  • Kado Products
    • ⬆️Kado On-Ramp
    • ⬇️Kado Off-Ramp
  • Integrations
    • 🧰Integrate Kado
      • ⚒️The Widget
        • 🖼️iframe Embed (Recommended)
        • 🔗New Window/Tab
        • 🔭Widget + React Demo
        • 📱Widget + Mobile Demo
      • ⚒️The Hybrid API
        • Get Quote
        • Pay via Kado Widget
        • Get Order Status
        • Advanced
      • ⚒️Sandbox
    • ✏️Customizing Your Integration
      • ✏️Parameters
      • ✏️Mobile ACH Linking
      • ✏️Integrate Stellar SEP-24 Anchor
    • 👍Best Practices
    • 🔢Data & Analytics
  • References
    • 🚀Upcoming Features
    • ❓FAQs and Coverage
Powered by GitBook
On this page

Was this helpful?

  1. Integrations
  2. Integrate Kado
  3. The Hybrid API

Pay via Kado Widget

Redirect to Kado, and Back to You

PreviousGet QuoteNextGet Order Status

Last updated 1 year ago

Was this helpful?

Load the Kado Widget in Minimal Mode. The additional parameter &mode=minimal by-passes the "Buy" or "Sell" screens for the Kado Widget.

If you have an email for a user, you may pass it in directly. Note: email is the only optional parameter, and all others below are required.

From your custom frontend, use the reference URL Template below to build your own redirect to Kado, based on the property values found on the page.

https://app.kado.money/
?onPayAmount=250
&onPayCurrency=USD
&onRevCurrency=USDC
&cryptoList=ETH,AVAX,USDC
&onToAddress=0x66E00DE0a2bAb21Db29e882F110E31F58497dAB8
&network=ETHEREUM
&networkList=ETHEREUM,AVALANCHE
&product=BUY
&productList=BUY
&mode=minimal
&email=<EMAIL>

Upon the user submitting their order, a window.postMessage response from the Web iFrame or New Tab, Mobile Application Webview can receive the orderId for the transaction.

Once you receive the orderId and begin querying the Get Order endpoint, you can then:

1) Close the Kado Widget Window or Webview (e.g window.close())

2) Redirect back to your experience

🧰
⚒️
Customizing Your Widget
Easy redirects between applications