Widget Integration

iframe / WebView Integration

An iframe / webview integration is the most beneficial for your end-users since it offers a low-friction option in a familiar environment for your end-users.

You can get started by adding the code below to your site.

  <iframe
    style="border-radius: 4px; border: 1px solid #58585f; margin: auto;max-width: 420px"
    src="https://buy.onramper.com"
    height="630px"
    width="420px"
    title="Onramper widget"
    allow="accelerometer; autoplay; camera; gyroscope; payment; microphone">
  </iframe>
Information Circle

Don't forget to add your production API key to your URL!

Also check out our Widget Theme guide for more information on how to style the widget to match your user-experience.

iframe permissions

It's important to have allow attribute set for the widget iframe:

allow="accelerometer; autoplay; camera; gyroscope; payment; microphone"