session-card

Szablon obrazka OG: Karta sesji

Jedno wystąpienie z programu konferencji jako karta pokładowa: godziny, sala i ścieżka na odcinku, tytuł wystąpienia i do trzech prelegentów ze zdjęciami.

Szablon obrazka Open Graph „Karta sesji” wyrenderowany przez Shareglint
Szablon Karta sesji w rozmiarze square (1080×1080)
Szablon Karta sesji w rozmiarze portrait (1080×1350)
Szablon Karta sesji w rozmiarze story (1080×1920)
Szablon Karta sesji w rozmiarze pinterest (1000×1500)
Szablon Karta sesji 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 konferencji, meetupów i cykli webinarów, które publikują każdą sesję z programu osobno. Prelegent bez imienia jest pomijany, a brak zdjęcia zastępują inicjały. Długi tytuł się zmniejsza, długie nazwiska kończą się wielokropkiem. W szerokich formatach odcinek jest po lewej, a prelegenci w jednym rzędzie; w kwadracie i pionie odcinek przechodzi w pas u góry, a prelegenci układają się w listę pod tytułem.

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
talk_title tekst Tytuł wystąpienia. domyślnie: Session title Shipping design systems that survive the second redesign
track tekst Ścieżka albo forma, w pigułce na odcinku, np. Ścieżka designu. Design track
day tekst Dzień sesji, np. czw., 12 czerwca. Thu, June 12
start tekst Godzina rozpoczęcia, np. 14:30. 14:30
end tekst Godzina zakończenia, np. 15:15. 15:15
room tekst Sala lub scena, np. Sala A · Duża sala. Room A · Main hall
event_name tekst Nazwa wydarzenia obok logo. Frontend Summit 2026
speaker_1_name tekst Imię i nazwisko pierwszego prelegenta. Maya Chen
speaker_1_title tekst Stanowisko i firma pierwszego prelegenta. Staff Engineer, Northwind
speaker_1_photo adres obrazka Zdjęcie pierwszego prelegenta. https://example.com/images/avatar-woman.jpg
speaker_2_name tekst Imię i nazwisko drugiego prelegenta. Daniel Okafor
speaker_2_title tekst Stanowisko i firma drugiego prelegenta. Head of Design, Polaris
speaker_2_photo adres obrazka Zdjęcie drugiego prelegenta. https://example.com/images/avatar-man.jpg
speaker_3_name tekst Imię i nazwisko trzeciego prelegenta. —
speaker_3_title tekst Stanowisko i firma trzeciego prelegenta. —
speaker_3_photo adres obrazka Zdjęcie trzeciego prelegenta. —
logo adres obrazka Logo wydarzenia. 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: #2563eb #2563eb
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": "session-card",
    "modifications": {
        "talk_title": "Shipping design systems that survive the second redesign",
        "track": "Design track",
        "day": "Thu, June 12",
        "start": "14:30",
        "end": "15:15",
        "room": "Room A · Main hall",
        "event_name": "Frontend Summit 2026",
        "speaker_1_name": "Maya Chen",
        "speaker_1_title": "Staff Engineer, Northwind",
        "speaker_2_name": "Daniel Okafor",
        "speaker_2_title": "Head of Design, Polaris",
        "speaker_1_photo": "https://example.com/images/avatar-woman.jpg",
        "speaker_2_photo": "https://example.com/images/avatar-man.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/session-card.png?day=Thu%2C%20June%2012&end=15%3A15&event_name=Frontend%20Summit%202026&room=Room%20A%20%C2%B7%20Main%20hall&speaker_1_name=Maya%20Chen&speaker_1_title=Staff%20Engineer%2C%20Northwind&speaker_2_name=Daniel%20Okafor&speaker_2_title=Head%20of%20Design%2C%20Polaris&start=14%3A30&talk_title=Shipping%20design%20systems%20that%20survive%20the%20second%20redesign&track=Design%20track&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/session-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Wydarzenia i webinary

Wszystkie szablony w kategorii Wydarzenia i webinary (17) →  ·  Wszystkie szablony →