Para Modal with on-ramp and off-ramp options
Configure fiat on-ramp (buying crypto) and off-ramp (selling crypto) functionality in your Para Modal implementation using Stripe, MoonPay , and Ramp providers. Enable seamless crypto transactions within your application.

​
Setup On-Ramps

​
Developer Portal Settings

To start configure your on-ramp and off-ramp settings in the Para Developer Portal . You can find the configuration settings under Projects → API Key → Configuration.

​
On-Ramp Flows

Configure what options your users will see for on- or off-ramping of funds.
On-ramp flows configuration

​
On-Ramp Configuration

​
On-Ramp Providers

Configure which providers to display in your modal. Providers are displayed in the order set, subject to asset availability and wallet compatibility.
On-ramp providers configuration

​
On-Ramp Assets

Specify which assets to offer in your modal. Users will be limited to purchasing or selling only the configured assets through enabled providers.
On-ramp assets configuration

​
Default Values

Set the default asset and amount that will be pre-populated when users initiate crypto purchases or sales.
On-ramp default values configuration
While in development or beta you can enable test mode for your on-ramp configuration. This will allow you to test the on-ramp flow without making actual purchases. 
function App() {
return ( <ParaModal {...otherProps} onRampTestMode={isDev} /> ); }

​
Provider Setup

Lastly Ramp and Stripe require additional setup to enable on-ramp and off-ramp functionality.

​
Ramp Integration

Obtain a production Ramp API key and configure it in the Para Developer Portal. For detailed instructions, see the Ramp API Key Documentation.

​
Stripe Integration

Add the required Stripe scripts to your application’s HTML head:
index.html
<head>
  <title>Your Application</title>
  <script src="https://js.stripe.com/v3/"></script>
  <script src="https://crypto-js.stripe.com/crypto-onramp-outer.js"></script>
</head>

​
Additional Resources

For more information, refer to the following resources: