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 kamienie milowe, premiery, rocznice i ogłoszenia zwycięzców. Konfetti spada w pętli, która domyka się bez szwu, i zawsze w tych samych miejscach, więc to samo zlecenie daje ten sam plik. Format statyczny pokazuje kartę z rozsypanym konfetti.
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 |
|---|---|---|---|
title |
tekst | Główny nagłówek. domyślnie: We did it! | 10,000 customers. Thank you! |
subtitle |
tekst | Jeden albo dwa wiersze pod tytułem. | From a side project to the image API teams rely on every day. |
eyebrow |
tekst | Krótka etykieta nad tytułem. | Milestone |
cta |
tekst | Wezwanie do działania na przycisku. | Read the story |
site |
tekst | Twoja domena albo krótki adres. | northwind.dev |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #a855f7 | #a855f7 |
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-confetti",
"modifications": {
"title": "10,000 customers. Thank you!",
"subtitle": "From a side project to the image API teams rely on every day.",
"eyebrow": "Milestone",
"cta": "Read the story",
"site": "northwind.dev"
}
}'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-confetti.png?cta=Read%20the%20story&eyebrow=Milestone&site=northwind.dev&subtitle=From%20a%20side%20project%20to%20the%20image%20API%20teams%20rely%20on%20every%20day.&title=10%2C000%20customers.%20Thank%20you%21&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-confetti/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Dane, wykresy i kamienie milowe
Wyróżniona liczba
Zbiórka
Siatka wskaźników
Wykres słupkowy
Kamień milowy
Podsumowanie roku
Osiągnięcie z aplikacji
Wykres liniowy
Wykres pierścieniowy
Wszystkie szablony w kategorii Dane, wykresy i kamienie milowe (14) → · Wszystkie szablony →