What your customers see at each step of the payment flow.
SatsRail checkout pages adapt their layout based on your merchant's checkout mode setting. Each mode is designed for its context:
Opens in an overlay on the merchant's page
Compact, space-efficient layout. No popup blockers. Works on desktop and mobile.
Opens in a full browser tab
Two-column layout with product info on the left and payment details on the right.
data-mode
attribute.
Compact checkout embedded in an overlay iframe on the merchant's page.
Collects email, name, phone, or address based on merchant settings.
Lightning for instant settlement.
Scan the QR code with any Lightning or Bitcoin wallet. Real-time status via WebSocket.
Payment received. Customer is auto-redirected to your success URL.
Spacious two-column layout for the full browser experience.
Amount displayed on the left, form fields on the right.
Price on the left, payment method options on the right.
Amount and invoice details on the left, large QR code on the right.
Wider confirmation card with order details and email receipt notice.
Not every checkout has all four steps. The flow adapts automatically:
| Step | When It Appears | When It's Skipped |
|---|---|---|
| 1. Customer Info | Merchant has customer fields configured (email, name, phone, address) | No customer fields configured, or info pre-filled via API |
| 2. Payment Method | Lightning payment method is enabled | Only one payment method enabled, or pre-selected via API |
| 3. QR Code | Always | Never skipped |
| 4. Confirmation | Always | Never skipped |
See the checkout in action on our demo site, or integrate it into your own.