> ## Documentation Index
> Fetch the complete documentation index at: https://shipfast.so/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Pricing

> Show your plans and pricing clearly

<img src="https://mintcdn.com/shipfastso/-9P87iaUtQEkQp6B/images/pricing-preview.png?fit=max&auto=format&n=-9P87iaUtQEkQp6B&q=85&s=760713e76f311c949f29f60a26a97063" alt="Pricing component preview" className="rounded-lg border mb-6" title="" width="3000" height="1722" data-path="images/pricing-preview.png" />

## Setup Plans

All pricing comes from `/config.ts`:

```tsx /config.ts theme={null}
export const config = {
  stripe: {
    plans: [
      {
        name: "Starter",
        description: "Perfect for getting started",
        price: 49,
        priceAnchor: 99, // Optional - shows strikethrough price
        priceId: "price_xxx", // Your Stripe price ID
        isFeatured: false,
        features: [
          { text: "Lifetime access" },
          { text: "All features included" },
          { text: "Email support" },
          { text: "Priority support", isAvailable: false }, // Crossed out
        ],
      },
      {
        name: "Pro",
        description: "For serious builders",
        price: 99,
        priceId: "price_yyy",
        isFeatured: true, // Shows "Popular" badge
        features: [
          { text: "Everything in Starter" },
          { text: "Priority support" },
          { text: "Custom integrations" },
        ],
      },
    ],
  },
}
```

***

## Change Section Heading

Open `/components/Pricing.tsx`:

```tsx theme={null}
<h2>Simple Pricing</h2>
<p>Choose the plan that fits your needs.</p>
```

***

## Mark Unavailable Features

Use `isAvailable: false` to show crossed-out features:

```tsx theme={null}
features: [
  { text: "Basic features" },
  { text: "Advanced features", isAvailable: false }, // Shows with X icon
]
```

***

<Tip>
  Keep it simple. Show 1-3 plans max. More options = harder decisions.
</Tip>

<Tip>
  Mark your best plan with `isFeatured: true` to guide buyers.
</Tip>

<Warning>
  Get your Stripe price IDs from your [Stripe Dashboard](https://dashboard.stripe.com/products)
</Warning>