Embed catalog

Iframe partners.riddlewallet.com/embed/… only. Never iframe wallet.riddlewallet.com. Live proof: /demo and demo.riddlewallet.com.

<iframe
  src="https://partners.riddlewallet.com/embed/swap?partner=riddle-demo&network=mainnet&embed=1"
  style="width:100%;height:560px;border:0;border-radius:16px"
  allow="clipboard-write; clipboard-read; payment; camera; publickey-credentials-get *; accelerometer; gyroscope"
  title="Riddle swap"
></iframe>

<div id="riddle-swap"></div>
<script src="https://partners.riddlewallet.com/riddlepartners.js"></script>
<script>
  const riddle = RiddlePartners.createClient({ partner: 'riddle-demo' })
  riddle.mount('#riddle-swap', { product: 'swap', height: 560 })
</script>

<iframe
  src="https://partners.riddlewallet.com/embed/bridge?partner=riddle-demo&network=mainnet&embed=1"
  style="width:100%;height:760px;border:0;border-radius:16px"
  allow="clipboard-write; clipboard-read; payment; camera; publickey-credentials-get *; accelerometer; gyroscope"
  title="Riddle bridge"
></iframe>

<div id="riddle-bridge"></div>
<script src="https://partners.riddlewallet.com/riddlepartners.js"></script>
<script>
  const riddle = RiddlePartners.createClient({ partner: 'riddle-demo' })
  riddle.mount('#riddle-bridge', { product: 'bridge', height: 760 })
</script>

<iframe
  src="https://partners.riddlewallet.com/embed/marketplace?partner=riddle-demo&network=mainnet&embed=1"
  style="width:100%;height:560px;border:0;border-radius:16px"
  allow="clipboard-write; clipboard-read; payment; camera; publickey-credentials-get *; accelerometer; gyroscope"
  title="Riddle marketplace"
></iframe>

<div id="riddle-cafe"></div>
<script src="https://partners.riddlewallet.com/riddlepartners.js"></script>
<script>
  const riddle = RiddlePartners.createClient({ partner: 'riddle-demo' })
  riddle.mount('#riddle-cafe', { product: 'marketplace', height: 560 })
</script>

<iframe
  src="https://partners.riddlewallet.com/embed/login?partner=riddle-demo&network=mainnet&embed=1"
  style="width:100%;height:420px;border:0;border-radius:16px"
  allow="clipboard-write; clipboard-read; payment; camera; publickey-credentials-get *; accelerometer; gyroscope"
  title="Riddle login"
></iframe>

<div id="riddle-login"></div>
<script src="https://partners.riddlewallet.com/riddlepartners.js"></script>
<script>
  const riddle = RiddlePartners.createClient({ partner: 'riddle-demo' })
  riddle.mount('#riddle-login', { product: 'login', height: 420 })
</script>

<iframe
  src="https://partners.riddlewallet.com/embed/create?partner=riddle-demo&network=mainnet&embed=1"
  style="width:100%;height:480px;border:0;border-radius:16px"
  allow="clipboard-write; clipboard-read; payment; camera; publickey-credentials-get *; accelerometer; gyroscope"
  title="Riddle create"
></iframe>

<div id="riddle-create"></div>
<script src="https://partners.riddlewallet.com/riddlepartners.js"></script>
<script>
  const riddle = RiddlePartners.createClient({ partner: 'riddle-demo' })
  riddle.mount('#riddle-create', { product: 'create', height: 480 })
</script>

Setup walkthroughs: /docs/setup