# Szablon obrazka OG: animowana prezentacja produktu

Zdjęcie produktu wjeżdża z przebiegiem światła, potem pojawiają się nazwa, cena i przycisk.

- Slug: `animated-product-reveal`
- Preview (real render): https://shareglint.com/storage/template-previews/animated-product-reveal.jpg
- Page: https://shareglint.com/pl/templates/animated-product-reveal

Na premiery, powroty do sprzedaży i nowości w postach i mailach. Zdjęcie wjeżdża i lekko się przybliża, przez kadr przechodzi smuga światła, tekst pojawia się wiersz po wierszu, a przycisk raz pulsuje. Format statyczny daje gotową kartę.

## 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. (domyślnie: Product name) | Studio Wireless Headphones |
| `brand` | tekst | Marka albo nazwa sklepu nad nazwą produktu. | Aurora Audio |
| `price` | tekst | Cena w postaci do wydruku, razem z walutą. | $139 |
| `badge` | tekst | Krótka etykieta w pigułce, np. NOWOŚĆ albo Na sprzedaż. (domyślnie: New) | Just dropped |
| `cta` | tekst | Wezwanie do działania na przycisku. (domyślnie: Shop now) | — |
| `site` | tekst | Twoja domena albo krótki adres. | aurora-audio.com |
| `photo` | adres obrazka | Zdjęcie produktu w zaokrąglonej ramce. | https://example.com/images/headphones.jpg |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #e11d48) | #e11d48 |
| `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": "animated-product-reveal",
    "modifications": {
        "name": "Studio Wireless Headphones",
        "brand": "Aurora Audio",
        "price": "$139",
        "badge": "Just dropped",
        "site": "aurora-audio.com",
        "photo": "https://example.com/images/headphones.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/animated-product-reveal/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```