riddlePARTNERS
free… cr

Copy HTML

Plug-and-play HTML

One script. Replace acme with your slug. Allowlist your origin in the dashboard. Wallet always opens as a popup.

Install the package

npm install @riddlewallet/partners
# or: npm install https://partners.riddlewallet.com/sdk/riddlepartners-sdk.tgz

import { createClient } from '@riddlewallet/partners'
const riddle = createClient({ partner: 'acme' })
riddle.mount('#header', { product: 'header' })
riddle.mount('#swap', { product: 'swap' })
riddle.pay({ to: 'r…', amount: '1', chain: 'xrpl' })

Or a script tag (no bundler)

<!DOCTYPE html>
<html>
<head>
  <script src="https://partners.riddlewallet.com/riddlepartners.js"></script>
</head>
<body>
  <div data-riddle-embed data-product="header" data-partner="acme" data-height="56"></div>
  <div data-riddle-embed data-product="swap" data-partner="acme"></div>
  <button
    data-riddle-buy
    data-partner="acme"
    data-chain="xrpl"
    data-to="rEwUuTNY3TaXAJL6T4y1tjkAnY7JPdX3dB"
    data-amount="1">
    Buy now
  </button>
  <div data-riddle-embed data-product="custom" data-partner="acme" data-chain="solana"></div>
</body>
</html>

Header + chains

riddle.mount('#nav', { product: 'header' })
// Toggle chains in Dashboard → dApp / chains
// Public: GET /api/v1/dapp/config?partner=acme