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 błyskawiczne wyprzedaże i kody rabatowe. Wszystko porusza się w pętli, która domyka się bez szwu, więc GIF nie skacze przy powtórce. Format statyczny daje naklejkę, tytuł i przycisk jako zwykłą kartę wyprzedaży.
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 |
|---|---|---|---|
discount |
tekst | Rabat na naklejce, np. -30%. domyślnie: 50% | 70% |
off_label |
tekst | Słowo pod rabatem, np. TANIEJ. domyślnie: OFF | — |
title |
tekst | Główny nagłówek. domyślnie: Flash sale | — |
subtitle |
tekst | Jeden wiersz pod tytułem, np. Cały sklep, tylko dziś. | Everything sitewide, today only |
ends |
tekst | Kiedy kończy się wyprzedaż, na plakietce, np. Do północy. | Ends tonight at 23:59 |
cta |
tekst | Wezwanie do działania na przycisku. domyślnie: Shop the sale | — |
site |
tekst | Twoja domena albo krótki adres. | aurora-audio.com |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #facc15 | #facc15 |
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-sale-pulse",
"modifications": {
"discount": "70%",
"subtitle": "Everything sitewide, today only",
"ends": "Ends tonight at 23:59",
"site": "aurora-audio.com"
}
}'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-sale-pulse.png?discount=70%25&ends=Ends%20tonight%20at%2023%3A59&site=aurora-audio.com&subtitle=Everything%20sitewide%2C%20today%20only&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-sale-pulse/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 →