Live Sale Toast

Social-proof popup with a gradient initials avatar and an emerald shopping-bag dot, a who-bought-what sentence, and a relative time stamp.

Mia R. in Los Angeles just bought Air Max 90

3 min ago

New here? Read the installation guide.

Import & use

import { Commerce26 } from "@/components/beste/piece/commerce26";

<Commerce26
  buyer="Mia R."
  initials="MR"
  city="Los Angeles"
  product="Air Max 90"
  ago="3 min ago"
  imageSrc="https://images.unsplash.com/photo-1523824921871-d6f1a15151f1?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTA3fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
  alt="Mia R."
/>

More Commerce pieces

View all Commerce

Promo code

SUMMER20

20% off applied

−$24.00

Promo Code

Coupon entry with a tag-prefixed code field, an Apply button, and an emerald confirmation row showing the discount and amount saved.

Add $27 more for free shipping.

$48$75 goal

Free Shipping Bar

Shipping threshold card with a truck icon, an amount-to-go message that flips emerald on qualifying, and a tone progress fill toward the goal.

Only 3 left in stock

18 watching

Stock Alert

Urgency row with a pulsing dot that flips emerald, amber, or rose by remaining stock, a watchers count, and a thin stock bar.

Subscribe & save

−10%

Next deliveryMay 21, 2026

You save$4.80 / order

Subscribe & Save

Recurring purchase card with a tone discount badge, a frequency dropdown, next delivery date, emerald per-order savings, and a tone Subscribe CTA.

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.

Cashmere Crewneck

$189$260−27%

Sale ends in 2d 4h

Price Stack

Pricing card with the sale price in rose, the original price struck through, a percent-off badge, and a countdown to sale end.