rates-board

Szablon obrazka OG: Tablica stawek

Tablica w stylu dworcowej: nazwy produktów, stawki na klapkach i mała strzałka zmiany w każdym wierszu.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Tablica stawek” wyrenderowany przez Shareglint
Szablon Tablica stawek w rozmiarze square (1080×1080)
Szablon Tablica stawek w rozmiarze portrait (1080×1350)
Szablon Tablica stawek w rozmiarze story (1080×1920)
Szablon Tablica stawek w rozmiarze pinterest (1000×1500)
Szablon Tablica stawek 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 banków, pośredników kredytowych i porównywarek, które publikują oprocentowanie kredytów i lokat, kursy walut albo ceny paliw. Zmiana w każdym wierszu ma kolor zielony, czerwony albo szary zależnie od znaku; stawka dłuższa niż siedem znaków trafia na jedną szeroką klapkę, a tablica pokazuje najwyżej osiem wierszy. W szerokich kadrach sześć i więcej wierszy dzieli się na dwie kolumny; w kwadracie i pionie zostaje jedna kolumna z większymi klapkami i zastrzeżeniem na dole.

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 Tytuł tablicy, np. Oprocentowanie kredytów w tym tygodniu. domyślnie: Today's rates Mortgage rates this week
as_of tekst Data stawek, na tabliczce obok tytułu. Week of Oct 26, 2026
rows tekst Wiersze rozdzielone ;, każdy jako produkt|stawka|zmiana, np. Stała 5 lat|6,12%|-0,08. Do ośmiu. 30-year fixed|6.12%|-0.08;20-year fixed|5.94%|-0.05;15-year fixed|5.48%|+0.02;10/1 ARM|5.71%|0.00;Jumbo 30-year|6.35%|-0.11
disclaimer tekst Drobny druk pod tablicą, w szerokich kadrach do dwóch linii. Average APR for a $400,000 loan with 20% down. Rates change daily and depend on your credit.
site tekst Adres strony, w prawym dolnym rogu. northwindbank.com/rates
logo adres obrazka Logo firmy, kwadratowe. https://example.com/images/b05-bank.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #fbbf24 #fbbf24
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": "rates-board",
    "modifications": {
        "title": "Mortgage rates this week",
        "as_of": "Week of Oct 26, 2026",
        "rows": "30-year fixed|6.12%|-0.08;20-year fixed|5.94%|-0.05;15-year fixed|5.48%|+0.02;10/1 ARM|5.71%|0.00;Jumbo 30-year|6.35%|-0.11",
        "disclaimer": "Average APR for a $400,000 loan with 20% down. Rates change daily and depend on your credit.",
        "site": "northwindbank.com/rates",
        "logo": "https://example.com/images/b05-bank.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/rates-board.png?as_of=Week%20of%20Oct%2026%2C%202026&disclaimer=Average%20APR%20for%20a%20%24400%2C000%20loan%20with%2020%25%20down.%20Rates%20change%20daily%20and%20depend%20on%20your%20credit.&rows=30-year%20fixed%7C6.12%25%7C-0.08%3B20-year%20fixed%7C5.94%25%7C-0.05%3B15-year%20fixed%7C5.48%25%7C%2B0.02%3B10%2F1%20ARM%7C5.71%25%7C0.00%3BJumbo%2030-year%7C6.35%25%7C-0.11&site=northwindbank.com%2Frates&title=Mortgage%20rates%20this%20week&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/rates-board/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

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

Szablon obrazka Open Graph „Pilna wiadomość” wyrenderowany przez Shareglint Pilna wiadomość Szablon obrazka Open Graph „Wynik meczu” wyrenderowany przez Shareglint Wynik meczu Szablon obrazka Open Graph „Zapowiedź meczu” wyrenderowany przez Shareglint Zapowiedź meczu Szablon obrazka Open Graph „Notowanie kursu” wyrenderowany przez Shareglint Notowanie kursu Szablon obrazka Open Graph „Prognoza pogody” wyrenderowany przez Shareglint Prognoza pogody Szablon obrazka Open Graph „wpis na blogu” wyrenderowany przez Shareglint Wpis na blogu Szablon obrazka Open Graph „Karta strony internetowej” wyrenderowany przez Shareglint Karta strony internetowej Szablon obrazka Open Graph „oferta pracy” wyrenderowany przez Shareglint Oferta pracy Szablon obrazka Open Graph „wydarzenie” wyrenderowany przez Shareglint Wydarzenie

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