Skip to content

Commit 229ef8b

Browse files
committed
Iterate on Checkout page for accuracy and clarity
- 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
1 parent a58a36e commit 229ef8b

File tree

1 file changed

+26
-18
lines changed

1 file changed

+26
-18
lines changed

use-cases/checkout.mdx

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,14 @@ Unlike traditional crypto payments where customers send funds and you manually m
2222
## Quickstart
2323

2424
<Steps>
25-
<Step title="Create Checkout Request">
26-
Call the [payout endpoint](/api-features/payouts) with order details to generate payment transaction
25+
<Step title="Choose Integration">
26+
Use [Payment Widget Button](#) for drop-in checkout or [payout endpoint](/api-features/payouts) for custom API integration
2727
</Step>
28-
<Step title="Process Payment">
29-
Use Payment Widget Button or custom implementation to guide customer through wallet connection and payment
28+
<Step title="Customer Pays">
29+
Customer connects wallet and completes payment - funds go directly to your wallet via <Tooltip tip="Funds processed through blockchain smart contracts - Request Network never holds your money">non-custodial</Tooltip> smart contract
3030
</Step>
3131
<Step title="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
3333
</Step>
3434
<Step title="Fulfill Order">
3535
Automatically trigger fulfillment based on payment confirmation
@@ -51,10 +51,14 @@ Try the checkout payment flow with our interactive demo:
5151
**What you'll see:**
5252
- **Demo Tab**: Mock e-commerce store with shopping cart and checkout
5353
- **Playground Tab**: Interactive Payment Widget configuration tool
54-
- Multi-wallet support (80+ wallets via WalletConnect)
54+
- Multi-wallet support (6 wallets: Injected, Coinbase, MetaMask, Safe, WalletConnect, plus 400+ more via WalletConnect)
5555
- Real-time payment processing
5656
- Multiple currencies and chains
5757

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+
5862
<Check>
5963
**Ready to integrate?** The demo uses the Payment Widget Button component. For custom checkout flows, explore integration options below.
6064
</Check>
@@ -79,23 +83,21 @@ Not sure which approach fits your needs? [See our detailed comparison of integra
7983
- Payment processing built-in
8084
- Fully customizable styling
8185

82-
[shadcn installation guide →](#)
83-
84-
*Note: Links will point to Payment Widget API Feature page (Issue #36)*
86+
[View demo →](https://checkout.request.network)
8587
</Card>
8688

8789
<Card
8890
title="Easy Invoice E-commerce"
8991
icon="store"
9092
href="https://easyinvoice.request.network/ecommerce/manage"
9193
>
92-
**App builder platform**
94+
**Hosted platform for merchants**
9395

94-
Issue Client IDs to your customers for their e-commerce sites.
96+
Use immediately or issue Client IDs for your merchant customers.
9597

98+
- No development required
9699
- Manage multiple merchants
97100
- Client ID generation
98-
- Sales dashboard
99101

100102
[Try Easy Invoice →](https://easyinvoice.request.network)
101103
</Card>
@@ -113,7 +115,7 @@ Not sure which approach fits your needs? [See our detailed comparison of integra
113115
- Custom branding
114116
- Add your own features
115117

116-
[Forking guide](#)
118+
[View repository](https://github.com/RequestNetwork/easy-invoice)
117119
</Card>
118120

119121
<Card
@@ -161,9 +163,9 @@ Accept crypto payments for physical or digital products without generating uniqu
161163
**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.
162164

163165
### 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.
165167

166-
**Example:** A SaaS platform offers monthly subscriptions payable in USDC. At checkout, customers connect their wallet and pay immediately. <Tooltip tip="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).
167169

168170
### Event Ticketing
169171
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
173175
### Multi-vendor Marketplace
174176
Enable marketplace checkout where payments are automatically split between vendors and platform fees.
175177

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).
177179

178180
<Info>
179181
**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
196198
icon="credit-card"
197199
>
198200
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
201209
</Card>
202210

203211
<Card

0 commit comments

Comments
 (0)