DePay

📦 Installation

via CDN

<script defer async src="https://integrate.depay.com/widgets/v13.js"></script>

via Package Manager (recommended)

yarn add @depay/widgets ethers react react-dom

or

npm install @depay/widgets ethers react react-dom --save

[!IMPORTANT] Ensure the peer dependencies (ethers, react, and react-dom) are installed if not already present.

Import in your JavaScript files

import DePayWidgets from '@depay/widgets'

Server-Side Rendering (SSR)

If you're using SSR frameworks like Next.js, make sure to only load DePay Widgets on the client side.

Guide: https://dev.to/elisabethleonhardt/how-to-use-client-side-only-packages-with-ssr-in-gatsby-and-nextjs-3pfa

Demos

Configurator UI: https://app.depay.com/integrations/new

Technical Demo: https://depayfi.github.io/widgets/demo.bundle.html

Support

Platforms

• Ethereum Virtual Machine (EVM)
• Solana Virtual Machine (SVM)

Platform specific packaging

If only specific platform packaging is needed:

EVM (Ethereum Virtual Machine)

yarn add @depay/widgets-evm

or

npm install @depay/widgets-evm --save

import DePayWidgets from '@depay/widgets-evm'

SVM (Solana Virtual Machine)

yarn add @depay/widgets-svm

or

npm install @depay/widgets-svm --save

import DePayWidgets from '@depay/widgets-svm'

Blockchains

• Ethereum
• BNB Smart Chain
• Polygon
• Solana
• Optimism
• Arbitrum
• Avalanche
• Gnosis
• Base
• Worldchain

Wallets

DePay supports most crypto wallets.

Payment Widget

Enable seamless wallet-to-wallet crypto payments.

Managed Integration using Integration ID

DePayWidgets.Payment({
  integration: 'YOUR_INTEGRATION_ID'
})

Managed integration configurations fetched from app.depay.com.

[!IMPORTANT] Local configurations override remote settings.

[!CAUTION] Use either integration (managed) or accept (unmanaged), never both.

Payload for Dynamic Backend Configurations

DePayWidgets.Payment({
  integration: 'YOUR_INTEGRATION_ID',