Quick Start Guide
Last updated
Last updated
Easily integrate Dript in less than 10 mins.
Dript makes it easy to embed wallet functionality into your product. Our SDK is designed for flexibility — whether you want a simple drop-in button or full programmatic control.
The fastest way to get started. Just include the script and the HTML element where you want the Dript widget to appear:
Need more control over when and how the widget is initialized? Disable auto-init
and call it manually:
Coming soon
Our NPM package will be available soon.
Installable NPM package for React, Vue, Angular, and other modern frameworks.
You can disable auto-init in two ways:
The DriptWidget
accepts several properties for customization. You can pass them via:
JavaScript config
(e.g. new DriptWidget({ ... })
)
HTML attributes
(e.g. <div data-buttonText="Deposit Now">
)
Common across all flows — includes styling, button text, modal behavior, etc.
environment
The environment you want to utilise, its important to select the correct environment.
enum['sandbox','production']
production
flow
Defines the initial flow for the widget
enum['deposit,withdraw']
deposit
partner
Partner name to display in the flows.
string
❌
partnerLogo
Partner icon (64px x 64px) url.
string
❌
targetSelector
The ID of the selector to attach the launch modal event to.
string
#dript
buttonStyle
Style of the button
enum['style-1','style-2','style-3'
style-1
buttonText
The copy inside the button
enum['text-1','text-2','text-3']
❌
Custom options specific to the deposit experience (e.g. default amount, wallet address, etc.)
walletAddress
The partner.com final wallet address to deposit into.
string
❌
depositAmount
The amount prefilled to deposit in fiat currency
number
❌
fiatCurrency
The deposit currency you would like to default, these are our supported deposit currencies.
enum['AED', 'AUD', 'BRL', 'CAD', 'CHF', 'CLP', 'COP', 'CZK', 'DKK', 'EUR', 'GBP', 'HKD', 'IDR', 'INR', 'JPY', 'KRW', 'MXN', 'NOK', 'NZD', 'PHP', 'PLN', 'QAR', 'RON', 'SAR', 'SEK', 'SGD', 'THB', 'TRY', 'TWD', 'USD', 'VND', 'ZAR', 'NGN']
USD
network
The network to transact on. Currently we only accept base & base sepolia (testnest)
enum['BASE']
BASE
destinationToken
The destination token that will be depositted to the walletAddress. Currently we only accept USDC
enum['USDC']
USDC
Properties for enabling the upcoming withdrawal experience, including off-ramp destination and wallet selection.