Quickstart

Prerequisite You should have installed Node.js (version 18.10.0 or higher).

Step 1. Install NoRamp’s SDK in your favorite frontend framework:

yarn add norampkit

npm i norampkit

Step 2. Add the following code to your frontend:

import { NoRampCheckout } from "norampkit";

<NoRampCheckout
  priceId="price_id" // Create price in your dashboard or using our API
  testnet // optional param to use testnet, dont include for mainnet
/>;

You are now ready to start receiving payments! You can customize the widget by changing the buttonTheme and theme props. Here’s an example of how to change the widget to a dark theme:

import { NoRampCheckout } from "norampkit";

<NoRampCheckout
  priceId="price_id"
  buttonTheme="light" // or use "dark"
  theme="light" // or use "dark"
/>;

Customizing the pay button

You can customize the pay button text by changing the type prop. Here’s an example of how to change the button text to “Donate”:

import { NoRampCheckout } from "norampkit";

<NoRampCheckout
  priceId="price_id"
  type="buy" // or "donate" or "book" or "checkout" or "subscribe" ...
/>;

Introduction Setup Dashboard

Introduction

Checkout

ERC721N

Cashout

KYC

Payout

Customizing the widget

Customizing the pay button

​Customizing the widget

​Customizing the pay button

Customizing the widget

Customizing the pay button