Skip to content

Claims Block

Shows the customer's claimed rewards and their current redemption status.

Claims Block listing claimed rewards with status badges, discount codes and Refund buttons

What It Shows

  • Reward Name — Name of the claimed reward with type icon
  • Status Badge — Color-coded badges: green "Claimed" for active, gray "Pending" for processing
  • Discount Code — The generated code displayed in a text field with a copy-to-clipboard button
  • Claim Date — When the reward was claimed (e.g., "Claimed on Mar 18, 2026")
  • Refund Button — "Refund" button to return unused rewards and recover points

Customization Options

  • Layout configuration: list view, card view, or compact
  • Show/hide specific claim details
  • Custom status labels and color coding
  • Empty state messaging
  • Sort order: newest first, expiring soon, etc.

Best Placed On

Cart page or a dedicated "My Rewards" page so customers can see and use their claimed discounts.