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.
Do format: gif i mp4: klapki opadają po kolei, data wjeżdża od dołu, a tablica przeskakuje jeszcze raz przed zapętleniem. Na premiery, wyprzedaże i konferencje w postach, newsletterach i na Slacku, gdzie GIF gra sam. Format statyczny (png, jpeg, webp) daje gotową tablicę, więc ten sam szablon działa też jako og:image.
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 |
|---|---|---|---|
number |
tekst | Liczba na klapkach, do 6 znaków, np. 12. domyślnie: 10 | 12 |
unit |
tekst | Co liczymy, np. dni do startu. domyślnie: days to go | days to go |
event |
tekst | Nazwa wydarzenia albo premiery nad tablicą. | Frontend Summit 2026 |
date |
tekst | Data w takiej postaci, w jakiej ma się wydrukować. | June 12–14 · Lisbon |
site |
tekst | Twoja domena albo krótki adres. | frontendsummit.io |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #22d3ee | #22d3ee |
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-countdown",
"modifications": {
"number": "12",
"unit": "days to go",
"event": "Frontend Summit 2026",
"date": "June 12–14 · Lisbon",
"site": "frontendsummit.io"
}
}'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-countdown.png?date=June%2012%E2%80%9314%20%C2%B7%20Lisbon&event=Frontend%20Summit%202026&number=12&site=frontendsummit.io&unit=days%20to%20go&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-countdown/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Wydarzenia i webinary
Wydarzenie
Karta prelegenta
Webinar
Meetup społeczności
Odliczanie
Bilet na wydarzenie
Transmisja na żywo
Identyfikator na wydarzenie
Biorę udział
Wszystkie szablony w kategorii Wydarzenia i webinary (17) → · Wszystkie szablony →