carousel-cover

Szablon obrazka OG: Okładka karuzeli

Pierwszy slajd karuzeli na LinkedIn albo Instagram: wielki tytuł, jedno zdanie zachęty, autor w plakietce i pasek postępu z kreską na każdy slajd.

Szablon obrazka Open Graph „Okładka karuzeli” wyrenderowany przez Shareglint
Szablon Okładka karuzeli w rozmiarze square (1080×1080)
Szablon Okładka karuzeli w rozmiarze portrait (1080×1350)
Szablon Okładka karuzeli w rozmiarze story (1080×1920)
Szablon Okładka karuzeli w rozmiarze pinterest (1000×1500)
Szablon Okładka karuzeli w rozmiarze youtube (1280×720)

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 twórców, marketerów i agencji, które składają karuzele slajd po slajdzie, jednym wywołaniem API na slajd. Tytuł zmniejsza się, żeby się zmieścić, a zachęta kończy się na dwóch wierszach; bez liczby slajdów pasek i tak ma sześć kresek, z liczbą rysuje ich do dwunastu. W kwadracie i w pionie, czyli w prawdziwych formatach karuzeli, tytuł zajmuje większość strony; na szerokich formatach ta sama kolejność mieści się w niższej kolumnie.

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łówna obietnica karuzeli. domyślnie: Carousel title 7 pricing page mistakes that cost you signups
hook tekst Jedno zdanie pod tytułem, które zachęca do przewinięcia. Swipe through: each one takes under an hour to fix
slide_count tekst Liczba slajdów, np. 9. Rysuje po kresce na slajd (od 2 do 12) i licznik 1 / 9. 9
author_name tekst Imię i nazwisko autora w plakietce u góry. Maya Chen
author_handle tekst Nazwa konta pod imieniem, np. @mayachen. @mayachen
avatar adres obrazka Zdjęcie autora w plakietce; bez niego pokazujemy inicjały. https://example.com/images/avatar-woman.jpg
logo adres obrazka Logo marki w lewym górnym rogu. https://example.com/images/logo-northwind.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-cover",
    "modifications": {
        "title": "7 pricing page mistakes that cost you signups",
        "hook": "Swipe through: each one takes under an hour to fix",
        "slide_count": "9",
        "author_name": "Maya Chen",
        "author_handle": "@mayachen",
        "avatar": "https://example.com/images/avatar-woman.jpg",
        "logo": "https://example.com/images/logo-northwind.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-cover.png?author_handle=%40mayachen&author_name=Maya%20Chen&hook=Swipe%20through%3A%20each%20one%20takes%20under%20an%20hour%20to%20fix&slide_count=9&title=7%20pricing%20page%20mistakes%20that%20cost%20you%20signups&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-cover/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Social media i twórcy

Wszystkie szablony w kategorii Social media i twórcy (19) →  ·  Wszystkie szablony →