# Card value calculator

**Status:** Ready for draft CMS use (2026-07).

External type name: **`Card value calculator`**

## When to use

- Interactive engagement on card reviews / comparison articles
- Earn categories and welcome bonus come from Panel; **cents-per-point is CMS config** (not on Panel)

## data JSON

```json
{
  "productId": "capital-one-venture-x-rewards-credit-card",
  "includeWelcomeDefault": true,
  "centsPerPoint": 1.5,
  "strokeColor": null,
  "backgroundColor": null
}
```

| Key | Required | Notes |
|-----|----------|--------|
| `productId` | Yes | Panel `card-products` id |
| `includeWelcomeDefault` | No | Default true — welcome toggle starts on |
| `centsPerPoint` | No | Default `1.5` (¢ per point) for $ annual value |
| `strokeColor` / `backgroundColor` | No | CSS overrides |

## CMS

1. Set `externalComponentType` to **Card value calculator**.
2. Prefer cards with several earn categories (e.g. Venture X).
3. Align `centsPerPoint` with editorial valuation guidance.

## Docs

- [docs/spikes/card-tile-externals.md](../../spikes/card-tile-externals.md)
- [docs/card-tile-api-field-map.html](../../card-tile-api-field-map.html)