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 kanałów z poradnikami, akademii SaaS i twórców kursów. Kółko staje tam, gdzie wskazuje highlight, i przyciemnia resztę ekranu; tytuł dopasowuje się do miejsca pod podkreśleniem jak z zakreślacza. Bez zrzutu okno pokazuje szkic aplikacji, a bez logo kafelek pokazuje pierwszą literę nazwy narzędzia. Na szerokich formatach tytuł jest po lewej, a okno po prawej; w kwadracie i w pionie okno stoi na górze.
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 | Czego uczy film, w kilku słowach. domyślnie: How to do it | Build a live dashboard in 10 minutes |
tool_name |
tekst | Nazwa narzędzia pod jego kafelkiem. | Northwind |
step_label |
tekst | Etykieta w pigułce w kolorze akcentu, np. Część 1 albo Lekcja 3. | Part 1 |
level |
tekst | Poziom trudności: beginner, intermediate albo advanced (wypełnia jedną, dwie albo trzy kreski). jedna z wartości: beginner | intermediate | advanced | beginner |
highlight |
tekst | Gdzie na zrzucie staje kółko: top-left, top-right, center, bottom-left albo bottom-right. jedna z wartości: top-left | top-right | center | bottom-left | bottom-right domyślnie: top-right | top-right |
channel |
tekst | Nazwa kanału albo szkoły na dole. | Northwind Academy |
tool_logo |
adres obrazka | Logo narzędzia na dużym kafelku. | https://example.com/images/logo-northwind.png |
screenshot |
adres obrazka | Zrzut ekranu aplikacji albo efektu. | https://example.com/images/dashboard.png |
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. domyślnie: 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": "thumbnail-tutorial",
"modifications": {
"title": "Build a live dashboard in 10 minutes",
"tool_name": "Northwind",
"step_label": "Part 1",
"level": "beginner",
"highlight": "top-right",
"channel": "Northwind Academy",
"tool_logo": "https://example.com/images/logo-northwind.png",
"screenshot": "https://example.com/images/dashboard.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/thumbnail-tutorial.png?channel=Northwind%20Academy&highlight=top-right&level=beginner&step_label=Part%201&title=Build%20a%20live%20dashboard%20in%2010%20minutes&tool_name=Northwind&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/thumbnail-tutorial/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Social media i twórcy
Miniatura wideo
Miniatura twórcy
Post z mediów społecznościowych
Okładka karuzeli
Slajd karuzeli
Ostatni slajd karuzeli
Kolaż zdjęć
Relacja o nowym wpisie
Miniatura reakcji
Wszystkie szablony w kategorii Social media i twórcy (19) → · Wszystkie szablony →