Zamknięcie karuzeli: autor w przerywanym kółku, ostatnie zdanie, duży przycisk z wezwaniem do działania i linkiem oraz do trzech wierszy „zapisz, udostępnij, obserwuj”.
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.
Domyka karuzelę zrobioną z carousel-cover i carousel-slide: ten sam papier i ten sam pasek, tylko z wypełnionymi wszystkimi kreskami. Nagłówek dopasowuje się do miejsca, zbyt długi przycisk i link kończą się wielokropkiem, a bez zdjęcia w kółku stoją inicjały autora. Na szerokich formatach autor jest po lewej, a wezwanie po prawej; w kwadracie i w pionie wszystko układa się w jedną wyśrodkowaną kolumnę.
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 |
|---|---|---|---|
headline |
tekst | Ostatnie zdanie, np. pytanie, które prowadzi do przycisku. domyślnie: Found this useful? | Want the full pricing page checklist? |
cta_label |
tekst | Napis na przycisku, np. Pobierz darmową checklistę. | Get the free checklist |
url |
tekst | Link obok przycisku albo pod nim. | northwind.dev/checklist |
perks |
tekst | Do trzech wierszy rozdzielonych średnikiem ;, kolejno z ikoną zakładki, samolotu i plusa. | Save this for your next pricing review;Share it with your growth team;Follow for a teardown every Tuesday |
author_name |
tekst | Imię i nazwisko autora pod zdjęciem. | Maya Chen |
author_handle |
tekst | Nazwa konta pod imieniem. | @mayachen |
slide_count |
tekst | Liczba slajdów w karuzeli, np. 9; rysuje pełny pasek. | 9 |
avatar |
adres obrazka | Zdjęcie autora w przerywanym kółku. | https://example.com/images/avatar-woman.jpg |
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 | — |
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-end",
"modifications": {
"headline": "Want the full pricing page checklist?",
"cta_label": "Get the free checklist",
"url": "northwind.dev/checklist",
"perks": "Save this for your next pricing review;Share it with your growth team;Follow for a teardown every Tuesday",
"author_name": "Maya Chen",
"author_handle": "@mayachen",
"slide_count": "9",
"avatar": "https://example.com/images/avatar-woman.jpg"
}
}'
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-end.png?author_handle=%40mayachen&author_name=Maya%20Chen&cta_label=Get%20the%20free%20checklist&headline=Want%20the%20full%20pricing%20page%20checklist%3F&perks=Save%20this%20for%20your%20next%20pricing%20review%3BShare%20it%20with%20your%20growth%20team%3BFollow%20for%20a%20teardown%20every%20Tuesday&slide_count=9&url=northwind.dev%2Fchecklist&s=YOUR_SIGNATURE">
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-end/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"
Post z mediów społecznościowych
Okładka karuzeli
Slajd karuzeli
Kolaż zdjęć
Relacja o nowym wpisie
Wszystkie szablony w kategorii Social media i twórcy (19) → · Wszystkie szablony →