# Szablon obrazka OG: Plany cenowe

Do trzech planów z nazwą, ceną i jedną cechą, jeden z nich wyróżniony plakietką.

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

Do stron z cennikiem, zmian cen i ofert premierowych. Na szerokich formatach plany stoją obok siebie, na kwadracie i w pionie jeden pod drugim z ceną po prawej; wyróżniony plan jest wypełniony kolorem akcentu. Domyślnie jasny.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł nad planami. (domyślnie: Simple pricing) | Simple pricing that grows with you |
| `product` | tekst | Nazwa produktu. | Northwind |
| `plan_1` | tekst | Nazwa pierwszego planu. | Starter |
| `price_1` | tekst | Cena pierwszego planu, np. 0 zł. | $0 |
| `feature_1` | tekst | Jedna linijka o pierwszym planie. | 100 images a month |
| `plan_2` | tekst | Nazwa drugiego planu. | Pro |
| `price_2` | tekst | Cena drugiego planu. | $19 |
| `feature_2` | tekst | Jedna linijka o drugim planie. | 5,000 images and every size |
| `plan_3` | tekst | Nazwa trzeciego planu. | Scale |
| `price_3` | tekst | Cena trzeciego planu. | $79 |
| `feature_3` | tekst | Jedna linijka o trzecim planie. | 50,000 images, priority queue |
| `highlight` | tekst | Numer wyróżnionego planu: 1, 2 albo 3. (domyślnie: 2) | — |
| `badge` | tekst | Plakietka na wyróżnionym planie, np. Najpopularniejszy. (domyślnie: Most popular) | — |
| `period` | tekst | Okres rozliczenia po każdej cenie, np. / mies. | / mo |
| `site` | tekst | Twoja domena albo krótki adres. | northwind.dev/pricing |
| `logo` | adres obrazka | Logo. | https://example.com/images/logo-northwind.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #4f46e5) | #4f46e5 |
| `theme` | dark | light | Schemat kolorów: dark albo light. (domyślnie: light) | — |

## Wyrenderuj go jednym żądaniem

```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"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

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