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

# Quickstart

> Get Cuprice running on your site in 5 minutes

<Prompt
  description="You can do all of this from your AI coding tool. Add the Cuprice MCP server to your editor.

MCP server URL: https://mcp.cuprice.io/mcp

Then ask your AI to fetch pricing data, generate embed code, and look up Stripe receipts — all through natural language.

Setup guide: https://docs.cuprice.io/mcp"
  actions={["copy", "cursor"]}
>
  You can do all of this from your AI coding tool. Add the Cuprice MCP server to your editor.

  MCP server URL: [https://mcp.cuprice.io/mcp](https://mcp.cuprice.io/mcp)

  Then ask your AI to fetch pricing data, generate embed code, and look up Stripe receipts — all through natural language.

  Setup guide: [https://docs.cuprice.io/mcp](https://docs.cuprice.io/mcp)
</Prompt>

## 1. Create a project

Log in to the [Cuprice dashboard](https://cuprice.io/dashboard) and click **New Project**.

Give it a name and description — these appear on your pricing page header.

## 2. Add features

Go to the **Features backlog** (left sidebar) and add every feature your product offers.

Each feature can be:

* **Standard** — simple on/off (e.g. "Custom Domain")
* **Limits** — a numeric cap (e.g. "100 API calls")
* **Usage Based** — pay per unit (e.g. "\$0.01 per request")

## 3. Create plans

Create plans like Free, Pro, Enterprise. Drag features from the backlog into each plan.

Set different limits per plan — for example, Pro gets 1000 API calls while Free gets 100.

## 4. Customize the design

Use the **Design tab** (right sidebar) to match your brand:

* Pick a preset theme (Light, Dark, Ocean, Sunset, Forest, Brutalist)
* Customize colors, fonts, and border radius
* Write custom CSS for pixel-perfect control

## 5. Publish

Click **Publish** to get your **Share ID** — a short code like `nTZ7axXQHU`.

## 6. Embed

Add these two lines to your website:

```html theme={null}
<div data-cuprice-id="YOUR_SHARE_ID"></div>
<script src="https://app.cuprice.io/embed.js" async></script>
```

Replace `YOUR_SHARE_ID` with the Share ID from step 5.

<Tip>
  Changes to plans, features, prices, or design update automatically — no need to re-embed.
</Tip>

## Next steps

<CardGroup cols={2}>
  <Card title="Connect Stripe" icon="credit-card" href="/payments/stripe-connect">
    Accept real payments
  </Card>

  <Card title="Feature Gating" icon="shield-check" href="/feature-gating/overview">
    Control access after payment
  </Card>
</CardGroup>