event-agenda

Szablon obrazka OG: Program wydarzenia

Program całego dnia na pionowej osi czasu: godziny przy osi, tytuły wystąpień i prelegenci, pod tytułem, datą i miejscem.

Szablon obrazka Open Graph „Program wydarzenia” wyrenderowany przez Shareglint
Szablon Program wydarzenia w rozmiarze square (1080×1080)
Szablon Program wydarzenia w rozmiarze portrait (1080×1350)
Szablon Program wydarzenia w rozmiarze story (1080×1920)
Szablon Program wydarzenia w rozmiarze pinterest (1000×1500)
Szablon Program wydarzenia 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, warsztatów i webinarów, które chcą pokazać harmonogram na jednym obrazku. Program mieści do 8 punktów; punkt bez godziny i tak trafia na oś, a długi tytuł łamie się na dwa wiersze i kończy wielokropkiem. W szerokich formatach ponad cztery punkty rozkładają się na dwie kolumny pod paskiem z tytułem, w pionowych każdy punkt dostaje własny wiersz na całą szerokość.

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 Nagłówek, np. nazwa wydarzenia i dzień. domyślnie: Agenda Frontend Summit, day one
items tekst Do 8 punktów oddzielonych średnikiem, każdy jako godzina|tytuł|prelegent, np. 09:30|Otwarcie|Maya Chen. Prelegent jest opcjonalny. 09:00|Doors open and coffee;09:30|Keynote: the next decade of the web|Maya Chen;10:30|Design systems that survive a redesign|Daniel Okafor;12:00|Lunch on the terrace;13:30|Shipping faster with edge rendering|Priya Nair;15:00|Panel: AI in the design workflow|Four guests;16:30|Closing talk and drinks
date tekst Data, np. czwartek, 12 czerwca 2026. Thursday, June 12, 2026
venue tekst Miejsce wydarzenia. Lisbon Congress Centre
logo adres obrazka Logo nad tytułem. 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: #22d3ee #22d3ee
theme dark | light Schemat kolorów: dark albo 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": "event-agenda",
    "modifications": {
        "title": "Frontend Summit, day one",
        "items": "09:00|Doors open and coffee;09:30|Keynote: the next decade of the web|Maya Chen;10:30|Design systems that survive a redesign|Daniel Okafor;12:00|Lunch on the terrace;13:30|Shipping faster with edge rendering|Priya Nair;15:00|Panel: AI in the design workflow|Four guests;16:30|Closing talk and drinks",
        "date": "Thursday, June 12, 2026",
        "venue": "Lisbon Congress Centre",
        "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/event-agenda.png?date=Thursday%2C%20June%2012%2C%202026&items=09%3A00%7CDoors%20open%20and%20coffee%3B09%3A30%7CKeynote%3A%20the%20next%20decade%20of%20the%20web%7CMaya%20Chen%3B10%3A30%7CDesign%20systems%20that%20survive%20a%20redesign%7CDaniel%20Okafor%3B12%3A00%7CLunch%20on%20the%20terrace%3B13%3A30%7CShipping%20faster%20with%20edge%20rendering%7CPriya%20Nair%3B15%3A00%7CPanel%3A%20AI%20in%20the%20design%20workflow%7CFour%20guests%3B16%3A30%7CClosing%20talk%20and%20drinks&title=Frontend%20Summit%2C%20day%20one&venue=Lisbon%20Congress%20Centre&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/event-agenda/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 →