📝
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 Widget

Widget + React Demo

PreviousNew Window/TabNextWidget + Mobile Demo

Last updated 1 year ago

Was this helpful?

Here are some examples to help you get your integration just right. Feel free to reach out to the Kado team for more help.

<iframe src="https://app.kado.money?apiKey=API_KEY&onPayCurrency=USD&onRevCurrency=USDC&offPayCurrency=USDC&offRevCurrency=USD&onPayAmount=100&offPayAmount=50&onToAddress=osmo...&cryptoList=USDC,USDT&fiatList=USD,CAD&network=osmosis&product=BUY" width="500" height="700" style="border: 0px;"></iframe>
window.open("https://app.kado.money/?onPayCurrency=USD&onPayAmount=200&onRevCurrency=USDC&offPayCurrency=USDC&offRevCurrency=USD&network=OSMOSIS&onToAddress=X&offFromAddress=X&cryptoList=USDC&networkList=OSMOSIS&apiKey=API_KEY&product=BUY", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=0,left=0,width=420,height=680");
<a target="_blank" href="https://app.kado.money/?onPayCurrency=USD&onPayAmount=200&onRevCurrency=USDC&offPayCurrency=USDC&offRevCurrency=USD&network=OSMOSIS&onToAddress=X&offFromAddress=X&cryptoList=USDC&networkList=OSMOSIS&apiKey=API_KEY&product=BUY">Buy with Kado</a>

You can view a demo Create React App (CRA) with the Kado iFrame embedded into react-modal

🧰
⚒️
🔭
here