# How to embed the ONRAMP widget to your site

#### Iframe Integration

You can embed the payment widget into your page using the HTML `iframe` element.

**Basic integration example:**

html

```
<iframe
  src="https://pay.calypso.finance/onramp?account=0xf54aa3ec1f12a4eb3c8bf565078b371f3736f434&widgetKey=509ca990-8a94-45d5-858a-0971a1b7e2e9&idempotencyKey=dee72a7a-0e6d-4e7d-baf0-e7bf02a895d0&color=256eff&logo=true&radius=6&theme=light"
  allow="clipboard-read; clipboard-write">
</iframe>
```

**Required permissions:**

For all widget functions to work properly, the following permissions must be added to the `allow` attribute:

* `clipboard-read` — for reading data from the clipboard
* `clipboard-write` — for writing data to the clipboard

These permissions enable the copy buttons (payment address, amount, and other information) to function correctly within the widget.

**Why this matters:**

For security reasons, modern browsers block clipboard access for content loaded inside an `iframe` unless explicit permission is granted via the `allow` attribute.

Without these permissions, the copy buttons will not work, resulting in a poor user experience and potential errors when making a payment.