Hosted Mode Integration
The Hosted Page method is the simplest and fastest way to integrate Rampnow’s services. You don’t need to handle any complex front-end development or embed anything directly into your platform. Instead, users are redirected to a fully hosted Rampnow page to complete their transactions, and you can easily track their progress.
Steps to Implement Hosted Page Integration:
-
Generate a Hosted Page URL:
You will need to create a URL that includes your API key and necessary parameters, such as the cryptocurrency, amount, and user's wallet address.Example URL format:
https://app.rampnow.io?apiKey=YOUR_API_KEY&srcCurrency=EUR&dstCurrency=ETH&srcAmount=100&customerWalletAddress=0xYourWalletAddress&paymentMode=card
-
Redirect the User:
When users on your platform want to buy or sell crypto, simply redirect them to the generated URL. They will be taken to the Rampnow hosted page where they can complete their transaction. -
Receive Webhook Notifications (Optional):
To track transaction status, you can set up webhooks in your Rampnow Partner Dashboard. This will allow you to receive real-time notifications when users complete their transactions.Webhook setup documentation can be found in our API Documentation.
Benefits of Hosted Page Integration:
-
Fast Setup: Minimal development required.
-
Security: All user data and transactions are handled securely on Rampnow’s platform.
-
Customizable: The hosted page can be partially branded to align with your platform.
Ideal For:
-
Platforms looking for a quick solution with minimal integration.
-
Teams without extensive front-end development resources.
Passing Parameters in the URL for Hosted ModeCopied!
When using the Hosted Mode integration, you can customize the experience for your users by passing specific parameters in the URL. These parameters control things like the cryptocurrency to be purchased, the amount, the user's wallet address, and other key details. This allows you to create a personalized experience for each user when they are redirected to the Rampnow hosted page.
URL Structure
The base URL for the hosted page is:
https://app.rampnow.io/
You can append the necessary parameters to this URL to tailor the transaction. Here’s an example of a fully-formed URL:
https://app.rampnow.io/?apiKey=YOUR_API_KEY¤cy=ETH&amount=100&customerWalletAddress=0xYourWalletAddress
Common Parameters
Here are the parameters that you can pass in the URL:
Parameter |
Required |
Default Value |
Description |
---|---|---|---|
apiKey |
Required |
This is your unique API key, which is available in your Rampnow Partner Dashboard. It authorizes your platform to use Rampnow services Example: |
|
orderType |
Optional |
buy |
|
srcCurrency |
Optional |
buy - EUR sell - ETH |
The currency that the user is willing to spend. For buy order type, the Example: |
srcAmount |
Optional |
100 EUR value in |
This defines the amount in Example: |
dstCurrency |
Optional |
buy - ETH sell - EUR |
The currency that the user will receive after order completion. For buy, the Example: |
paymentMode |
Optional |
Payment mode with lowest fee |
|
customerWalletAddress |
Optional |
The user's cryptocurrency wallet address where the purchased crypto will be sent. This ensures that the user doesn’t have to manually enter their wallet address on the hosted page. Example: |
|
customerWalletAddressTag |
Optional |
Optional wallet tag/memo for supported chains |
|
externalOrderId |
Optional |
Client Order id |
Example Full URL
Here’s an example of a full URL with all the parameters:
https://app.rampnow.io/?apiKey=YOUR_API_KEY&srcCurrency=EUR&srcAmount=250&dstCurrency=BTC&customerWalletAddress=0xYourWalletAddress&dstCurrency=BTC
In this example:
-
The user is buying 250 EUR worth of BTC.
-
The crypto will be sent to the wallet address
0xYourWalletAddress
. -
The transaction will be made in USD.
-
The user's email
user@example.com
is pre-filled. -
The hosted page displays "YourApp" as the host and shows the logo from
https://yourapp.com/logo.png
.