***

title: On Ramp
slug: products/on-ramp
subtitle: A one‑stop solution for users to buy crypto with fiat inside your app
-------------------------------------------------------------------------------

**Transak On-Ramp** lets partner apps enable users to buy crypto directly within their own interface using fiat currencies via cards, bank transfers, and local payment methods.

## Problem Statement

Onboarding new users to web3 remains fragmented: most decentralised apps lose first‑time users because buying crypto requires complicated wallets, hard‑to‑grasp concepts, and constant switching between apps.

Here are some of the **key characteristics** of today’s **major challenge** in the web3 onboarding journey:

<table>
  <tbody>
    <tr>
      <td>
        <div>
          <Icon icon="fa-light fa-chart-line-down" size="6" color="#1461db" />

          <strong>
            High drop‑off
          </strong>
        </div>

        Most new users abandon the flow before they ever complete a crypto purchase.
      </td>
    </tr>

    <tr>
      <td>
        <div>
          <Icon icon="fa-light fa-wallet" size="6" color="#1461db" />

          <strong>
            Wallet confusion
          </strong>
        </div>

        Users don't understand wallets, gas fees, or public/private keys.
      </td>
    </tr>

    <tr>
      <td>
        <div>
          <Icon icon="fa-light fa-random" size="6" color="#1461db" />

          <strong>
            App switching
          </strong>
        </div>

        Users must leave the dApp to buy crypto on an exchange, then come back.
      </td>
    </tr>

    <tr>
      <td>
        <div>
          <Icon icon="fa-light fa-align-left" size="6" color="#1461db" />

          <strong>
            Heavy jargon
          </strong>
        </div>

        Technical terminology overwhelms non‑crypto‑native users.
      </td>
    </tr>
  </tbody>
</table>

## Our Solution

Transak On-Ramp lets partner apps enable simple fiat‑to‑crypto, so users can buy crypto instantly using local payment methods without ever leaving the app.

Here are some of the **key characteristics** of the Transak On-Ramp solution:

<CardGroup cols={2}>
  <Card title="Supported Fiat & Payment methods" icon="fa-light fa-money-check-alt" iconPosition="left" href="https://transak.com/global-coverage">
    Support for Cards, Bank transfers, Apple/Google Pay and local payment methods in multiple fiat currencies.
  </Card>

  <Card title="Supported Crypto" icon="fa-light fa-coin" iconPosition="left" href="https://transak.com/crypto-coverage">
    Users can buy crypto without switching apps across 136+ currencies in 45+ blockchains.
  </Card>

  <Card title="Compliance & Licenses" icon="fa-light fa-certificate" iconPosition="left" href="https://transak.com/compliance">
    Built‑in compliance, KYC/AML, and risk controls handled by Transak.
  </Card>

  <Card title="Security" icon="fa-light fa-lock" iconPosition="left" href="https://security.transak.com/">
    Transak provides **enterprise‑grade security**, with ISO 27001 and SOC 2 compliance for product, data, network, and application security
  </Card>
</CardGroup>

## How does it work?

<Frame>
  <img src="https://files.buildwithfern.com/visual-editor-images/transak-labs.docs.buildwithfern.com/2026-03-05T09:03:20.188Z/products/on-ramp/fern-docs-on-ramp.png" alt="fern-docs-on-ramp" title="fern-docs-on-ramp" />
</Frame>

## How to integrate?

<Tabs>
  <Tab title="API">
    <CardGroup cols={2}>
      <Card title="Whitelabel API" icon="fa-light fa-plug" iconPosition="left" href="/integration/api">
        Integrate our APIs in your backend to build a fully custom UI and user journey.
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Web">
    <CardGroup cols={2}>
      <Card title="Redirection" icon="fa-light fa-arrow-up-right-from-square" iconPosition="left" href="/integration/web/website-redirection">
        Redirect users to Transak's hosted flow via the Web to complete their fiat-to-crypto purchase.
      </Card>

      <Card title="iFrame" icon="fa-light fa-window-maximize" iconPosition="left" href="/integration/web/iframe">
        Add the Transak Embed to your web app using an iframe.
      </Card>

      <Card title="JavaScript SDK" icon="fa-light fa-code" iconPosition="left" href="/integration/web/js-sdk">
        Add the Transak Embed to your JavaScript app with our SDK.
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Mobile WebView">
    <CardGroup cols={2}>
      <Card title="Android" icon="fa-brands fa-android" iconPosition="left" href="/integration/mobile/native-android">
        Add the Transak Embed to your Android app.
      </Card>

      <Card title="iOS" icon="fa-brands fa-apple" iconPosition="left" href="/integration/mobile/native-ios">
        Add the Transak Embed to your iOS app.
      </Card>

      <Card title="React Native" icon="fa-light fa-mobile-screen" iconPosition="left" href="/integration/mobile/react-native">
        Add the Transak Embed to your React Native app.
      </Card>
    </CardGroup>
  </Tab>
</Tabs>