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.
Dla sklepów i aplikacji Shopify, które publikują powiadomienie o dostawie prosto z webhooka magazynowego. Wskaźnik wypełnia się do pierwszej liczby z stock_note („Zostało tylko 12” to 12 %), więc towar na wyczerpaniu ma krótki pasek. Bez zdjęcia łuk wypełnia prążkowany panel z pierwszą literą produktu; długa nazwa produktu się zmniejsza, a tekst naklejki maleje w jej kwadracie. Szerokie kadry stawiają postument po lewej, a tekst po prawej; kwadratowe i pionowe stawiają postument u góry, a tekst pod nim.
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 |
|---|---|---|---|
product |
tekst | Nazwa produktu, główny napis. domyślnie: Product name | Studio Wireless Headphones |
label |
tekst | Tekst naklejki, np. Znowu dostępne albo Wróciło. domyślnie: Back in stock | Back in stock |
variant |
tekst | Kolor, rozmiar albo model w jednej linii, np. Czarne · nauszne. | Midnight Black · Over-ear |
price |
tekst | Cena tak, jak ma być widać, np. 139 zł. | $139 |
stock_note |
tekst | Notka o zapasie nad wskaźnikiem, np. Zostało tylko 12; pierwsza liczba ustala wypełnienie wskaźnika (0–100). | Only 12 left |
cta_label |
tekst | Tekst przycisku, np. Kupuję. domyślnie: Shop now | Grab yours |
url |
tekst | Adres sklepu obok logo. | aurora-audio.com |
image |
adres obrazka | Zdjęcie produktu; wypełnia łuk. | https://example.com/images/headphones.jpg |
logo |
adres obrazka | Logo sklepu, kwadratowe. | https://example.com/images/b07-aurora.png |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #a3e635 | #a3e635 |
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": "back-in-stock",
"modifications": {
"product": "Studio Wireless Headphones",
"label": "Back in stock",
"variant": "Midnight Black · Over-ear",
"price": "$139",
"stock_note": "Only 12 left",
"cta_label": "Grab yours",
"url": "aurora-audio.com",
"image": "https://example.com/images/headphones.jpg",
"logo": "https://example.com/images/b07-aurora.png"
}
}'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/back-in-stock.png?cta_label=Grab%20yours&label=Back%20in%20stock&price=%24139&product=Studio%20Wireless%20Headphones&stock_note=Only%2012%20left&url=aurora-audio.com&variant=Midnight%20Black%20%C2%B7%20Over-ear&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/back-in-stock/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 →