Szablon obrazka OG: Identyfikator na wydarzenie

og1200×630 square1080×1080 portrait1080×1350 story1080×1920 pinterest1000×1500 youtube1280×720

Szablon obrazka Open Graph „Identyfikator na wydarzenie” wyrenderowany przez Shareglint

Szablon Identyfikator na wydarzenie w rozmiarze square (1080×1080)

Szablon Identyfikator na wydarzenie w rozmiarze portrait (1080×1350)

Szablon Identyfikator na wydarzenie w rozmiarze story (1080×1920)

Szablon Identyfikator na wydarzenie w rozmiarze pinterest (1000×1500)

Szablon Identyfikator na wydarzenie 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 systemów biletowych i organizatorów, którzy drukują albo wysyłają identyfikator każdemu uczestnikowi. Pole ticket_type ustala kolor paska na dole (uczestnik dostaje kolor akcentu, prelegent czerwony, sponsor złoty, obsługa czarny, prasa morski). Bez zdjęcia w kółku pojawiają się inicjały, a bez obrazka QR — pusta ramka do skanowania. Długie imię zmniejsza się, żeby się zmieścić, a reszta tekstu kończy się wielokropkiem. W formatach pionowych to klasyczny wiszący identyfikator z imieniem na całą szerokość, w szerokich — pozioma karta ze zdjęciem po lewej i kodem po prawej.

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
`first_name`	tekst	Imię, największy napis na karcie. domyślnie: First name	Maya
`last_name`	tekst	Nazwisko, pod imieniem.	Chen
`role`	tekst	Stanowisko albo rola, np. Staff Engineer.	Staff Engineer
`company`	tekst	Firma lub organizacja.	Northwind Labs
`ticket_type`	tekst	Typ biletu, od którego zależy kolor paska: attendee, speaker, sponsor, staff albo press. jedna z wartości: attendee \| speaker \| sponsor \| staff \| press domyślnie: attendee	speaker
`event_name`	tekst	Nazwa wydarzenia w nagłówku.	Frontend Summit 2026
`event_dates`	tekst	Daty i miejsce wydarzenia, np. 12–14 czerwca · Lizbona.	June 12–14 · Lisbon
`qr`	adres obrazka	Obrazek z kodem QR (wygeneruj go u siebie i podaj adres). Bez niego karta pokazuje pustą ramkę.	https://example.com/images/b03-qr.png
`photo`	adres obrazka	Zdjęcie uczestnika do kółka; gdy go brak, widać inicjały.	https://example.com/images/avatar-woman.jpg
`logo`	adres obrazka	Logo wydarzenia w nagłówku.	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: #7c3aed	#7c3aed
`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-badge",
    "modifications": {
        "first_name": "Maya",
        "last_name": "Chen",
        "role": "Staff Engineer",
        "company": "Northwind Labs",
        "ticket_type": "speaker",
        "event_name": "Frontend Summit 2026",
        "event_dates": "June 12–14 · Lisbon",
        "qr": "https://example.com/images/b03-qr.png",
        "photo": "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/event-badge.png?company=Northwind%20Labs&event_dates=June%2012%E2%80%9314%20%C2%B7%20Lisbon&event_name=Frontend%20Summit%202026&first_name=Maya&last_name=Chen&role=Staff%20Engineer&ticket_type=speaker&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-badge/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Wydarzenia i webinary

Szablon obrazka Open Graph „wydarzenie” wyrenderowany przez Shareglint

Wydarzenie Szablon obrazka Open Graph „karta prelegenta” wyrenderowany przez Shareglint

Karta prelegenta Szablon obrazka Open Graph „webinar” wyrenderowany przez Shareglint

Webinar

Szablon obrazka Open Graph „meetup społeczności” wyrenderowany przez Shareglint

Meetup społeczności Szablon obrazka Open Graph „odliczanie” wyrenderowany przez Shareglint

Odliczanie Szablon obrazka Open Graph „bilet na wydarzenie” wyrenderowany przez Shareglint

Bilet na wydarzenie Szablon obrazka Open Graph „transmisja na żywo” wyrenderowany przez Shareglint

Transmisja na żywo Szablon obrazka Open Graph „Biorę udział” wyrenderowany przez Shareglint

Biorę udział Szablon obrazka Open Graph „Karta sesji” wyrenderowany przez Shareglint

Karta sesji

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