# Szablon obrazka OG: karta produktu

Nazwa produktu, hasło, cena i zrzut ekranu — szablon startowy dla SaaS i aplikacji.

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

Klasyczna karta produktu w dwóch kolumnach: logo, odznaka, nazwa i jednozdaniowy opis po lewej, zrzut ekranu po prawej i cena w stopce. Dostaje go każde nowe konto.

## 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 |
|---|---|---|---|
| `name` | tekst | Nazwa produktu. (domyślnie: Product name) | Northwind Analytics |
| `tagline` | tekst | Jednolinijkowy opis. | Privacy-first product analytics for teams that ship weekly. |
| `price` | tekst | Linia z ceną w stopce. | From $19 / month |
| `badge` | tekst | Krótka etykieta w pigułce, np. NOWOŚĆ albo Na sprzedaż. | NEW |
| `site` | tekst | Twoja domena albo krótki adres. (domyślnie: twojblog.pl) | northwind.dev |
| `logo` | adres obrazka | Logo. | https://example.com/images/logo-northwind.png |
| `screenshot` | adres obrazka | Zrzut ekranu produktu. | https://example.com/images/laptop.jpg |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #f97316) | #f97316 |
| `theme` | dark | light | Schemat kolorów: dark albo 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": "product-og",
    "modifications": {
        "name": "Northwind Analytics",
        "tagline": "Privacy-first product analytics for teams that ship weekly.",
        "price": "From $19 / month",
        "badge": "NEW",
        "site": "northwind.dev",
        "logo": "https://example.com/images/logo-northwind.png",
        "screenshot": "https://example.com/images/laptop.jpg"
    }
}'
```

## 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/product-og/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```