Checkout Moments — UI Block
The three moments around a payment as finished sections: an order summary you pay by sliding, a one-time-code approval step, and a tip-and-rate card after delivery.
- Pro
- CTA sections
- 3 variants
Pay & Confirm
S
SecureStudio Supply
Checkout
Ceramic Pour-Over Set
Sand · 2 cups
1
- Subtotal
- $64.00
- Shipping
- Free
- Tax
- $5.12
- Total
Card •••• 4242Default
Slide to pay $69.12
Verify Payment
$128.40 · Studio Supply
Confirm it’s you
Enter the 6-digit code we sent to •••• 42.
Demo code: 424242
Resend code in 0:30
Tip & Rate
How was it with Maya?
Delivered your order in 18 min
Tap to rate
Add a tip
Custom tip
Variants
Pay & ConfirmVerify PaymentTip & Rate
Pro block
Upgrade to Pro to access the full source code for this block.