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 każdy krok, poradę albo punkt między okładką a ostatnim slajdem; ma ten sam papier, kolory i pasek co carousel-cover i carousel-end. Nagłówek dopasowuje się do miejsca, tekst urywa się po kilku wierszach wielokropkiem, a bez obrazka zajmuje całą kolumnę. Na szerokich formatach numer stoi po lewej, a obrazek obok tekstu; w kwadracie tekst trzyma się prawych dwóch trzecich, w pionie numer dostaje własny pas u góry.
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 |
|---|---|---|---|
heading |
tekst | Myśl tego slajdu. domyślnie: Slide heading | Hiding the price behind "Talk to sales" |
body |
tekst | Dwa, trzy zdania, które ją rozwijają. | Show a starting price, even a range. Visitors who cannot find a number assume it is too high and leave without asking. |
index |
tekst | Numer tego slajdu, np. 3. Pojawia się jako wielka cyfra i zaznacza miejsce na pasku. | 3 |
total |
tekst | Liczba slajdów w karuzeli, np. 9 (rysujemy najwyżej 12 kresek). | 9 |
author_handle |
tekst | Nazwa konta autora nad nagłówkiem. | @mayachen |
image |
adres obrazka | Opcjonalny obrazek: zrzut ekranu, wykres albo zdjęcie do tego punktu. | 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: #ff5b2e | #ff5b2e |
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": "carousel-slide",
"modifications": {
"heading": "Hiding the price behind \"Talk to sales\"",
"body": "Show a starting price, even a range. Visitors who cannot find a number assume it is too high and leave without asking.",
"index": "3",
"total": "9",
"author_handle": "@mayachen",
"image": "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/carousel-slide.png?author_handle=%40mayachen&body=Show%20a%20starting%20price%2C%20even%20a%20range.%20Visitors%20who%20cannot%20find%20a%20number%20assume%20it%20is%20too%20high%20and%20leave%20without%20asking.&heading=Hiding%20the%20price%20behind%20%22Talk%20to%20sales%22&index=3&total=9&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/carousel-slide/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
Ostatni slajd karuzeli
Kolaż zdjęć
Relacja o nowym wpisie
Miniatura reakcji
Miniatura poradnika
Wszystkie szablony w kategorii Social media i twórcy (19) → · Wszystkie szablony →