price-ticker

Szablon obrazka OG: Notowanie kursu

Notowanie: ogromna cena, zmiana jako zielony albo czerwony klin i wykres liniowy przez całą kartę.

Szablon obrazka Open Graph „Notowanie kursu” wyrenderowany przez Shareglint
Szablon Notowanie kursu w rozmiarze square (1080×1080)
Szablon Notowanie kursu w rozmiarze portrait (1080×1350)
Szablon Notowanie kursu w rozmiarze story (1080×1920)
Szablon Notowanie kursu w rozmiarze pinterest (1000×1500)
Szablon Notowanie kursu 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 mediów finansowych, giełd, domów maklerskich i aplikacji kryptowalutowych, które publikują kurs każdego instrumentu. Kolor wynika ze znaku change_pct (minus to czerwień, zero to szarość), wykres rysuje się z maksymalnie 60 liczb w series, a długa cena się zmniejsza. Gdy w rows podasz co najmniej dwa instrumenty, wykres zamienia się w listę obserwowanych, do pięciu wierszy. W szerokich kadrach kurs i wykres stoją jeden pod drugim; w kwadracie i pionie zmiana schodzi pod większą cenę.

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
symbol tekst Symbol na plakietce w kolorze akcentu, np. BTC albo CDR. BTC
name tekst Pełna nazwa obok symbolu. Bitcoin
price tekst Cena w dowolnej postaci, np. 67 120 zł. $67,120
change_pct tekst Zmiana w procentach, np. +2.4 albo -1.1; znak decyduje o kolorze, a brakujący znak % zostaje dopisany. +2.4
change_abs tekst Zmiana kwotowo, pod procentem, np. +1574 zł. +$1,574
series tekst Liczby do wykresu rozdzielone ;, od najstarszej, np. 61.2;62.0;61.4. Co najmniej dwie, rysujemy ostatnie 60. 61.2;62.0;61.4;63.1;62.7;64.0;63.6;65.2;64.8;66.1;65.7;67.1
timestamp tekst Czas notowania, np. 26 paź 2026 · 09:00. Oct 26, 2026 · 09:00 UTC
rows tekst Opcjonalna lista obserwowanych: pozycje rozdzielone ;, każda jako symbol|cena|zmiana, np. ETH|3412 zł|-1.1. Dwie lub więcej zastępują wykres; widać pięć. —
logo adres obrazka Logo instrumentu albo spółki, okrągłe. https://example.com/images/b05-coin.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #f59e0b #f59e0b
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": "price-ticker",
    "modifications": {
        "symbol": "BTC",
        "name": "Bitcoin",
        "price": "$67,120",
        "change_pct": "+2.4",
        "change_abs": "+$1,574",
        "series": "61.2;62.0;61.4;63.1;62.7;64.0;63.6;65.2;64.8;66.1;65.7;67.1",
        "timestamp": "Oct 26, 2026 · 09:00 UTC",
        "logo": "https://example.com/images/b05-coin.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/price-ticker.png?change_abs=%2B%241%2C574&change_pct=%2B2.4&name=Bitcoin&price=%2467%2C120&series=61.2%3B62.0%3B61.4%3B63.1%3B62.7%3B64.0%3B63.6%3B65.2%3B64.8%3B66.1%3B65.7%3B67.1&symbol=BTC&timestamp=Oct%2026%2C%202026%20%C2%B7%2009%3A00%20UTC&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/price-ticker/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Wiadomości, sport i finanse

Wszystkie szablony w kategorii Wiadomości, sport i finanse (6) →  ·  Wszystkie szablony →