This guide is currently React only.

​
Summary

At Dynamic, we make it incredibly simple to add a Fiat onramp solution to your SDK integration. We are currently working with Coinbase and Banxa. Other great onramp solutions will be made available soon.
Before continuing, please make sure you’re using the latest version of the Dynamic SDK packages.

​
Enabling

To enable an onramp solution:
  1. Go to the Funding tab in your Dynamic developer dashboard.
  2. Under “Fiat on-ramps”, toggle on whichever onramp you’d like to enable (add confirm any additional terms and conditions).
For Banxa, if you enable it on Sandbox, then you’ll be using Test Order. Reference Banxa’s test information so you can easily test in sandbox.
You’re done! In the Dynamic widget after logging in, users will now see a “Deposit” button that will open up the various deposit options, including those you’ve enabled.
Default Onramp Experiences

​
Trigger Onramp With Using Your UI

The useOnramp hook allows you to trigger the onramp flow from your own UI. Notes: Ensure at least one Onramp is enabled in the Dynamic dashboard
React provides the useOnramp hook to trigger the onramp flow from your own UI components.
React
import { useOnramp } from '@dynamic-labs/sdk-react-core'

const Onramp = () => {
  const { enabled, open } = useOnramp()

  return (
    <div>
      {enabled && (
        <button className="onramp-button" onClick={open}>
          Onramp
        </button>
      )}
    </div>
  )
}

​
Next Steps

To learn how to customize the experience, check out the Customizing the Onramp Experience doc. To learn what currencies and payment methods are supported by Coinbase onramp, check out the Coinbase Onramp Supported Currencies and Coinbase Onramp Supported Countries & Payment Methods sections.