Payments
Get Started
thirdweb Payments allow developers to create advanced payment flows to monetize their apps through product sales, peer to peer payments, token sales, and more.
The quickest way to setup payments in your React app is with the BuyWidget
, CheckoutWidget
, and TransactionWidget
components.
Payment Widgets Playground
Try out the Payment Widgets in our live playground
Install the thirdweb SDK in your React project:
First, create a client file (e.g., thirdwebClient.ts
) for reuse throughout your app:
Wrap your application with the ThirdwebProvider:
Use the BuyWidget to let users purchase tokens:
To connect with other auth strategies, use external wallets, or sponsor gas for users, check out the following guides:
For comprehensive guides on implementing the full thirdweb SDK, explore our language-specific documentation: