Skip to main content

Once your project is published, your AI coding tool can do the embed step for you. Add the Cuprice MCP server to your editor.

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

Then ask your AI to read your published plans, write the embed code for your framework, and style the widget with its CSS classes. The server is read-only and needs no API key.

Setup guide: https://docs.cuprice.io/mcp-server

Open in Cursor

1. Create a project

Log in to the Cuprice 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 that identifies the page. It is the last part of your share link: app.cuprice.io/share/YOUR_SHARE_ID.

6. Embed

Add these two lines to your website:
Replace YOUR_SHARE_ID with the Share ID from step 5.
Changes to plans, features, prices, or design update automatically — no need to re-embed.

Next steps

Set your checkout link

Send buyers to your own checkout

Feature Gating

Unlock features after payment