How to embed the ONRAMP widget to your site

Overview

You can embed the ONRAMP widget into the merchant website with an iframe.

iframe integration

Add clipboard-read and clipboard-write to the allow attribute so widget copy buttons can copy payment details.

<iframe
  src="https://pay.calypso.money/onramp?account=0x0000000000000000000000000000000000000000&widgetKey=123e4567-e89b-12d3-a456-426614174002&idempotencyKey=123e4567-e89b-12d3-a456-426614174000&color=256eff&logo=true&radius=6&theme=light"
  title="Calypso ONRAMP widget"
  width="100%"
  height="720"
  style="border: 0;"
  allow="clipboard-read; clipboard-write"
></iframe>

Required iframe permissions

Permission	Why it is needed
clipboard-read	Lets the widget read clipboard data when browser behavior requires it.
clipboard-write	Lets copy buttons copy payment address, amount, and other payment details.

Without these permissions, copy buttons may not work inside the iframe.

Related docs

Document	Link
Integrate ONRAMP widget	How to integrate the ONRAMP widget
Customize ONRAMP widget	How to customize the ONRAMP widget