Fund wallets

import { BuyWidget } from "thirdweb/react";
import { createThirdwebClient } from "thirdweb";
import { base } from "thirdweb/chains";
 
const client = createThirdwebClient({
  clientId: "YOUR_CLIENT_ID",
});
 
function ProductPage() {
  return (
    <div>
      <h1>Fund Wallet</h1>
      <p>Top your wallet with crypto</p>
 
      <BuyWidget
        client={client}
        chain={base}
        token="0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913" // USDC on Base
        amount="5" // top up 5 USDC by default (user can change this)
        name="Fund Wallet"
        description="Top up your wallet with crypto"
        onSuccess={() => {
          alert("Top up successful!");
          // Redirect or update UI
        }}
      />
    </div>
  );
}

The BuyWidget handles the complete payment flow, supporting both crypto and fiat payments across 50+ chains.