📝
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
  • Get your API Key
  • Link out to the URL

Was this helpful?

  1. Integrations
  2. Integrate Kado
  3. The Widget

New Window/Tab

Open a new window or tab to allow your users to buy/sell without modifying your user experience directly.

Previousiframe Embed (Recommended)NextWidget + React Demo

Last updated 1 year ago

Was this helpful?

This integration directs your users to a new tab or new window at that houses the Kado Ramp widget.

Get your API Key

Your API-Key is a unique public identifier that we'll provide to you. This helps us track usage and attribution to your widget. Don't worry - there are no private auth schemes or data associated with this key. Ask your point of contact at Kado for your API key and you're good to go.

Link out to the URL

There are two options:

  1. New Window (recommended)

  2. New Tab

The New Window integration allows customers to easily view your application content in the background, while opening a new, widget-sized window for the user to on-ramp through.

Simply add your formatted query-string URL to window.open:

window.open("https://app.kado.money?apiKey=API_KEY", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=0,left=0,width=480,height=620")

Add your formatted query-string URL to an <a> tag:

<a href="https://app.kado.money/?apiKey=API_KEY">On-ramp</a> 

Now that you have your basic code snippet, let's add some customizations to further reduce user friction and give users a seamless experience.

🧰
⚒️
🔗
✏️Customizing Your Integration
https://app.kado.money/