E-commerce

Loyalty Points

A Bean Club wallet for a Beirut coffee roaster: the member card shows the live points balance and tier, every purchase sends coins flying into the card, and crossing a threshold flips it from Silver to Gold. Points are spent on a rewards catalogue or at a mini checkout, and a history ledger accounts for every point.

Full screen Add this to my project

Use the Live / Loading / Empty / Error switch at the top to see every state.

Why it matters

Customers come back more often when they can see their points, their next tier and what they can get right now, while the store keeps control with clear limits on how points are earned and spent.

How it works

01Each purchase earns 5 points per $1, multiplied by the member's tier (Silver ×1.25, Gold ×1.5), plus promos like double points on beans. The card, tier bar and history update the moment payment clears.
02Tiers follow points earned in the last 12 months: Bronze, Silver at 1,000 and Gold at 2,500, each unlocking perks and tier-only rewards.
03Points buy rewards (a one-time code with a counter QR) or pay at checkout at 100 points = $1, with a 200-point minimum, whole hundreds and a cap of 50% of the order.