Skip to main content

Payment Overview

Volr SDK makes it easy to accept Web3 payments in your application. Users can pay with any supported token, and you can sponsor gas fees for a seamless experience.

Key Features​

  • Multi-token support: Accept payments in USDC, USDT, and other supported tokens
  • Gas sponsorship: Pay gas fees for your users (Account Abstraction)
  • Cross-chain: Seamless token swaps and bridges (coming soon)
  • Self-custody: Users own their wallets and private keys

Payment Flow​

Quick Start​

The easiest way to accept payments is using the PaymentModal component:

import { useVolrPay } from '@volr/react-ui';

function CheckoutButton() {
  const { pay } = useVolrPay();

  const handlePay = () => {
    pay({
      amount: '10.00',
      currency: 'USDC',
      onSuccess: () => {
        console.log('Payment successful!');
      },
      onError: (error) => {
        console.error('Payment failed:', error);
      },
    });
  };

  return <button onClick={handlePay}>Pay $10.00</button>;
}

Next Steps​