Szablon obrazka OG: Komunikat o awarii

og1200×630 square1080×1080 portrait1080×1350 story1080×1920 pinterest1000×1500 youtube1280×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 firm SaaS, hostingu i narzędzi do stron statusu, które informują o awarii albo pracach serwisowych. Pole status ustala kolor (czerwony, pomarańczowy, niebieski, zielony albo fioletowy) i to, ile kroków jest podświetlonych; prace serwisowe mają własne trzy kroki. Do pięciu komponentów pokazuje się jako plakietki, resztę liczy „+N”, a tekst aktualizacji jest przycinany. W szerokich kadrach i kwadracie kroki biegną w poprzek z aktualizacją pod nimi; w pionie schodzą w dół, a aktualizacja stoi pod bieżącym krokiem.

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.

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": "incident-update",
    "modifications": {
        "title": "Elevated error rates on image renders",
        "service": "Northwind Cloud",
        "status": "monitoring",
        "update": "A fix is live on the render pool. Error rates are back to normal and we are watching the queue.",
        "started": "Oct 26, 2026 · 08:12 UTC",
        "components": "Render API;Webhooks;Dashboard",
        "site": "status.northwind.dev",
        "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/incident-update.png?components=Render%20API%3BWebhooks%3BDashboard&service=Northwind%20Cloud&site=status.northwind.dev&started=Oct%2026%2C%202026%20%C2%B7%2008%3A12%20UTC&status=monitoring&title=Elevated%20error%20rates%20on%20image%20renders&update=A%20fix%20is%20live%20on%20the%20render%20pool.%20Error%20rates%20are%20back%20to%20normal%20and%20we%20are%20watching%20the%20queue.&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/incident-update/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Produkt i SaaS

Changelog / wydanie Zapowiedź funkcji Porównanie (A vs B) Plan rozwoju produktu Aplikacja w sklepie Dzień premiery Plany cenowe Makieta urządzenia Tabela porównawcza funkcji

Wszystkie szablony w kategorii Produkt i SaaS (11) →  ·  Wszystkie szablony →