# Pricing plans OG image template

Up to three plans with name, price and one feature each, one of them highlighted with a badge.

- Slug: `pricing-plans`
- Preview (real render): https://shareglint.com/img/templates/pricing-plans.jpg
- Page: https://shareglint.com/en/templates/pricing-plans

For pricing pages, price changes and launch offers. Plans stand side by side on wide formats and stack with the price on the right on square and vertical ones; the highlighted plan is filled with your accent colour. Light by default.

## Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

| Field | Type | Description | Example |
|---|---|---|---|
| `title` | text | Headline above the plans. (default: Simple pricing) | Simple pricing that grows with you |
| `product` | text | Product name. | Northwind |
| `plan_1` | text | Name of the first plan. | Starter |
| `price_1` | text | Price of the first plan, e.g. $0. | $0 |
| `feature_1` | text | One line about the first plan. | 100 images a month |
| `plan_2` | text | Name of the second plan. | Pro |
| `price_2` | text | Price of the second plan. | $19 |
| `feature_2` | text | One line about the second plan. | 5,000 images and every size |
| `plan_3` | text | Name of the third plan. | Scale |
| `price_3` | text | Price of the third plan. | $79 |
| `feature_3` | text | One line about the third plan. | 50,000 images, priority queue |
| `highlight` | text | Number of the highlighted plan: 1, 2 or 3. (default: 2) | — |
| `badge` | text | Badge on the highlighted plan, e.g. Most popular. (default: Most popular) | — |
| `period` | text | Billing period after each price, e.g. / mo. | / mo |
| `site` | text | Your domain or a short URL. | northwind.dev/pricing |
| `logo` | image URL | Logo image. | https://example.com/images/logo-northwind.png |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #4f46e5) | #4f46e5 |
| `theme` | dark | light | Colour scheme: dark or light. (default: light) | — |

## Render it with one request

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "pricing-plans",
    "modifications": {
        "title": "Simple pricing that grows with you",
        "product": "Northwind",
        "plan_1": "Starter",
        "price_1": "$0",
        "feature_1": "100 images a month",
        "plan_2": "Pro",
        "price_2": "$19",
        "feature_2": "5,000 images and every size",
        "plan_3": "Scale",
        "price_3": "$79",
        "feature_3": "50,000 images, priority queue",
        "period": "/ mo",
        "site": "northwind.dev/pricing",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/pricing-plans/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```