Quick Start

Setup your checkout in 60 seconds

An easy-to-implement guide to get started using NoRamp's OneClick NFT Checkout
NoRampKit
The NoRampKit is an easy to use React component that lets you use NoRamp in just a couple of lines of code.
Install
yarn add norampkit
Usage
Just pass in your Price ID after creating a price.
Testnet
​
import { NoRampOneClick } from "norampkit";
​
<NoRampOneClick
      priceId="PRICE_ID"
      testnet
/>
Mainnet
​
import { NoRampOneClick } from "norampkit";
​
<NoRampOneClick
      priceId="PRICE_ID"
/>
​
​
Customize
The NoRampOneClick component allows you to customize the look of various aspects.
Button Themes
<NoRampOneClick
   priceId="PRICE_ID"
   buttonTheme="light" // or use "dark"
/>
Checkout Themes
<NoRampOneClick
   priceId="PRICE_ID"
   theme="light" // or use "dark"
/>
Button Types
<NoRampOneClick
   priceId="PRICE_ID"
   type="buy" // or "donate" or "book" or "checkout" or "subscribe" ...
/>
All Types
buy
donate
plain
book
checkout
subscribe
add-money
contribute
order
reload
rent
support
tip
top-up
continue
Support
Join our Discord server for any help or dev questions you may have
​
​
​

Get Started - Previous

Intro

Next - Get Started

Support

Last modified 16d ago