thirdwebDocs
Payments

Sell a Product

Accept crypto and fiat payments for any product using the CheckoutWidget.

Sell a Product with the CheckoutWidget

import { CheckoutWidget } from "thirdweb/react";
import { createThirdwebClient } from "thirdweb";
import { arbitrum } from "thirdweb/chains";
 
const client = createThirdwebClient({
  clientId: "YOUR_CLIENT_ID",
});
 
function ProductPage() {
  return (
    <div>
      <h1>Premium Course</h1>
      <p>Complete guide to web3 development</p>
 
      <CheckoutWidget
        client={client}
        chain={arbitrum}
        amount="99"
        seller="0x123...abc" // Your wallet address
        name="Premium Course"
        description="Complete guide to web3 development"
        image="/course-thumbnail.jpg"
        purchaseData={{
          productId: "premium-course",
          customerId: "user-123",
          orderId: "order-456",
        }}
        onSuccess={() => {
          alert("Purchase successful!");
          // Redirect or update UI
        }}
      />
    </div>
  );
}

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

Going Further

API Reference