You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- Quickstart: Clarified integration choice (Widget vs API), added non-custodial tooltip, noted webhooks only for API
- Demo: Corrected wallet count based on wagmi.ts (6 direct + 400+ via WalletConnect), added Info comparing to EasyInvoice (490+ wallets)
- Integration Approaches: Removed placeholder notes, improved copy from 'App builder platform' to 'Hosted platform for merchants', added real links
- Digital Goods: Refocused on non-subscription examples (templates, photos, courses), added brief link to Subscriptions use case
- Marketplace: Added link to batch payments feature
- Key Features: Added Batch Payments card (critical for marketplace scenarios), removed note from Payment Widget card
Copy file name to clipboardExpand all lines: use-cases/checkout.mdx
+26-18Lines changed: 26 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,14 +22,14 @@ Unlike traditional crypto payments where customers send funds and you manually m
22
22
## Quickstart
23
23
24
24
<Steps>
25
-
<Steptitle="Create Checkout Request">
26
-
Call the [payout endpoint](/api-features/payouts)with order details to generate payment transaction
25
+
<Steptitle="Choose Integration">
26
+
Use [Payment Widget Button](#) for drop-in checkout or [payout endpoint](/api-features/payouts)for custom API integration
27
27
</Step>
28
-
<Steptitle="Process Payment">
29
-
Use Payment Widget Button or custom implementation to guide customer through wallet connection and payment
28
+
<Steptitle="Customer Pays">
29
+
Customer connects wallet and completes payment - funds go directly to your wallet via <Tooltiptip="Funds processed through blockchain smart contracts - Request Network never holds your money">non-custodial</Tooltip> smart contract
30
30
</Step>
31
31
<Steptitle="Get Confirmation">
32
-
Receive[webhook](/api-features/webhooks-events) notification when payment is confirmed
32
+
API integrations receive[webhook](/api-features/webhooks-events) notification when payment is confirmed
33
33
</Step>
34
34
<Steptitle="Fulfill Order">
35
35
Automatically trigger fulfillment based on payment confirmation
@@ -51,10 +51,14 @@ Try the checkout payment flow with our interactive demo:
51
51
**What you'll see:**
52
52
-**Demo Tab**: Mock e-commerce store with shopping cart and checkout
- Multi-wallet support (80+ wallets via WalletConnect)
54
+
- Multi-wallet support (6 wallets: Injected, Coinbase, MetaMask, Safe, WalletConnect, plus 400+ more via WalletConnect)
55
55
- Real-time payment processing
56
56
- Multiple currencies and chains
57
57
58
+
<Info>
59
+
**Note:** EasyInvoice uses WalletConnect by Reown and supports 490+ wallets. The Payment Widget (used in this demo) uses Wagmi and supports a smaller subset focused on popular wallets.
60
+
</Info>
61
+
58
62
<Check>
59
63
**Ready to integrate?** The demo uses the Payment Widget Button component. For custom checkout flows, explore integration options below.
60
64
</Check>
@@ -79,23 +83,21 @@ Not sure which approach fits your needs? [See our detailed comparison of integra
79
83
- Payment processing built-in
80
84
- Fully customizable styling
81
85
82
-
[shadcn installation guide →](#)
83
-
84
-
*Note: Links will point to Payment Widget API Feature page (Issue #36)*
@@ -161,9 +163,9 @@ Accept crypto payments for physical or digital products without generating uniqu
161
163
**Example:** An online retailer processes 5,000+ orders per day. Customers add items to cart and pay in crypto at checkout. Each order gets a unique Request ID - all payments go to a single wallet address, and every transaction is automatically matched to the correct order for instant fulfillment.
162
164
163
165
### Digital Goods & Services
164
-
Sell software, subscriptions, or digital content with instant delivery upon payment confirmation.
166
+
Sell software, digital content, or online courses with instant delivery upon payment confirmation.
165
167
166
-
**Example:** A SaaS platform offers monthly subscriptions payable in USDC. At checkout, customers connect their wallet and pay immediately. <Tooltiptip="HTTP callbacks that notify your server when payment events occur">Webhook</Tooltip> confirmation triggers instant account activation and service access.
168
+
**Example:** A digital asset marketplace sells design templates, stock photos, and fonts. At checkout, customers pay in USDC and instantly receive download links. For recurring billing needs, see [Subscriptions use case](/use-cases/subscriptions).
167
169
168
170
### Event Ticketing
169
171
Process high-volume ticket sales with automatic ticket delivery and anti-fraud protection.
@@ -173,7 +175,7 @@ Process high-volume ticket sales with automatic ticket delivery and anti-fraud p
173
175
### Multi-vendor Marketplace
174
176
Enable marketplace checkout where payments are automatically split between vendors and platform fees.
175
177
176
-
**Example:** An NFT marketplace processes sales from hundreds of creators. At checkout, buyer pays once - Request Network automatically splits payment between seller (90%), platform fee (8%), and creator royalty (2%) using a single transaction.
178
+
**Example:** An NFT marketplace processes sales from hundreds of creators. At checkout, buyer pays once - Request Network automatically splits payment between seller (90%), platform fee (8%), and creator royalty (2%) using [batch payments](/api-features/batch-payments).
177
179
178
180
<Info>
179
181
**Commerce escrow with fraud prevention** is in development for Base chain, enabling authorize-capture workflows with KYT (Know Your Transaction) checks. [Track progress →](https://github.com/RequestNetwork/requestNetwork/issues/1650)
@@ -196,8 +198,14 @@ Enable marketplace checkout where payments are automatically split between vendo
196
198
icon="credit-card"
197
199
>
198
200
Pre-built React component with wallet connection and payment processing
199
-
200
-
*Note: Link will point to Payment Widget API Feature page (Issue #36)*
201
+
</Card>
202
+
203
+
<Card
204
+
title="Batch Payments"
205
+
href="/api-features/batch-payments"
206
+
icon="layer-group"
207
+
>
208
+
Split payments between multiple recipients in a single transaction for marketplace scenarios
0 commit comments