1
Where this account stands

This is the account the demo runs on, so the balance and the state below are its own. A customer's card spends that customer's balance, not this one.

Reading the account.

2
Pick a customer

Each customer holds their own card, funded from their own balance.

Walkthrough

These customers are made up for the walkthrough. What decides the answer is where each one's own account stands.

3
Ask for a card

One request does two different jobs. The answer tells us which one happened.

Walkthrough

This shows what an approved account gets back. The same request also goes to Whop for real, and its answer is underneath.

4
The card

A card, the cap we set, and the number behind a button.

Walkthrough
Ada's card
active
•••• •••• •••• 4242
EXP 09/30CVC •••
cap$250.00 per monthspent$177.40

The number is never saved anywhere. It shows once, then it is gone after thirty seconds.

Freezing is reversible and it is the right answer to anything that looks wrong. Cancelling is not.

5
Watch what it spends

Every purchase arrives with the shop name, the amount, and why it failed if it did.

Walkthrough
ShopAmountStatus
AdobeSoftware$89.99declinedcard spending limit exceeded
UberTransport$8.40completed
AnthropicSoftware$120.00completed
VercelSoftware$20.00completed
FigmaSoftware$29.00completed

Whop publishes a webhook every time a card is used, so a real integration reads this as it happens instead of checking on a timer. The last purchase here went over the monthly cap, which is why it did not go through.

Activity loglive

Everything the page does behind the scenes shows up here.