Express Checkout

Wallet-pay button row with Apple Pay, Google Pay, and PayPal in their brand colors above an or-pay-with-card divider, with the order total in the header.

Express checkout$284.00
or pay with card

New here? Read the installation guide.

Import & use
import { Commerce15 } from "@/components/beste/piece/commerce15";

<Commerce15
  total="$284.00"
/>

More Commerce pieces

View all Commerce
Order confirmed#SO-8241
$284.00
Arrives Apr 26 – Apr 28
Receipt sent to hello@beste.co

Order Confirmation

Post-purchase card with an emerald check, order id, total price, a package-arrival line, and the receipt email destination.

Pay in 4·Klarna
$192
$48Today
$48Apr 28
$48May 5
$48May 12
0% interest. No fees.

Pay in Installments

Buy-now-pay-later card with provider header, four-dot installment timeline where paid steps fill in tone and the line progresses, plus a fineprint footer.

Gift card amount
$Custom amount

Gift Card Picker

Amount selector for a gift card with a gift icon header, four preset value chips where the selected one fills with tone, and a custom amount row.

Beste Goods · SF
INV-2026-0421
2× Air Max 90$258.00
1× Cotton Tee$48.00
1× Retro Shades$38.00
Subtotal$344.00
Total$368.14
Paid · Visa ending 4242

Receipt Lines

Dashed-border receipt with the store name and order id, three monospaced quantity-name-price rows, a subtotal, and a bold final total with payment method.

Tracking1Z999AA10123456784
  1. Order placedApr 20, 2:14pm
  2. PackedApr 21, 9:00am
  3. ShippedApr 21, 4:30pm
  4. DeliveredEstimated Apr 22

Order Tracking

Vertical shipment status with check, spinning, and pending dots connected by a tone-colored line, each row showing label and timestamp.

Secure checkout256-bit SSL
Free returns30 days
AuthenticBrand-verified
24/7 supportChat or email

Trust Badges

Two-by-two reassurance tiles covering secure checkout, free returns, authenticity, and support, each with an icon and a short hint.

Markdown version