To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.
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
Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.
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"
}
}'Albo wklej podpisany adres w og:image
Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.
<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/animated-product-reveal.png?badge=Just%20dropped&brand=Aurora%20Audio&name=Studio%20Wireless%20Headphones&price=%24139&site=aurora-audio.com&s=YOUR_SIGNATURE">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.
curl -X POST "https://shareglint.com/v1/templates/library/animated-product-reveal/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: E-commerce i sprzedaż
Karta produktu
Produkt w promocji
Nowość w sklepie
Obniżka ceny
Wyprzedaż błyskawiczna
Kod rabatowy
Ocena produktu
Karta podarunkowa
Siatka produktów
Wszystkie szablony w kategorii E-commerce i sprzedaż (12) → · Wszystkie szablony →