Skip to main content

Web3Modal Onramp

The Web3Modal SDK seamlessly incorporates Coinbase Pay, enabling users to sign in to their Coinbase accounts and utilize fiat payment methods for purchasing cryptocurrencies.

Try Demo

Get Started​

ReactReact

React

Get started with Web3Modal in React.

Next.jsNext.js

Next.js

Get started with Web3Modal in Next.js.

VueVue

Vue

Get started with Web3Modal in Vue.

JavaScriptJavaScript

JavaScript

Get started with Web3Modal in JavaScript.

Process Overview​

Web3Modal Onramp makes it easy for users to purchase crypto without the hassle of switching between multiple platforms and signing multiple messages - a simple, seamless, in-app experience for anyone looking to securely transact within web3.

For a step-by-step guide on user flow with Web3Modal Onramp, refer to our Youtube video here.

Note

Onramp is supported in the latest version of Web3Modal. If you are using an older version, make sure you upgrade.

Connect your wallet​

Head over to a Web3Modal-enabled application and click the "Connect Wallet" button. You will be prompted to connect your wallet.

Select "Buy Crypto"​

Once connected, select "Buy Crypto" from the wallet modal.

Choose your provider​

Select "Coinbase" as your provider.

Complete your purchase​

Complete your purchase using Coinbase Pay. You will be prompted to sign in to your Coinbase account. If the payment page does not appear, you can copy link from the wallet modal and paste it in your browser.

Select assets and amount​

Choose the asset and amount you would like to purchase from Coinbase.

Receive your crypto​

Once your purchase is complete, you will receive your crypto in your wallet.