Szablon obrazka OG: case study / opinia klienta

To prawdziwy render z API z przykładowymi wartościami z tabeli niżej, w rozmiarze 1200×630.

Case study sprzedaje jedna liczba. Ta karta stawia wynik — 3,2×, -40%, 12 godzin — gradientem po lewej, a słowa klienta po prawej, z jego zdjęciem, rolą i logo firmy.

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://imageapi.benchkithq.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "case-study",
    "modifications": {
        "quote": "We replaced a fragile Puppeteer service with one API call. Our social previews finally look like our brand.",
        "name": "Sofia Ramos",
        "role": "Head of Growth",
        "company": "Northwind",
        "metric": "3.2×",
        "metric_label": "more clicks from shared links",
        "site": "imageapi.dev/customers",
        "photo": "https://example.com/images/avatar-woman2.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://imageapi.benchkithq.com/i/acc_YOUR_ACCOUNT_ID/case-study.png?company=Northwind&metric=3.2%C3%97&metric_label=more%20clicks%20from%20shared%20links&name=Sofia%20Ramos&quote=We%20replaced%20a%20fragile%20Puppeteer%20service%20with%20one%20API%20call.%20Our%20social%20previews%20finally%20look%20like%20our%20brand.&role=Head%20of%20Growth&site=imageapi.dev%2Fcustomers&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://imageapi.benchkithq.com/v1/templates/library/case-study/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów obrazków OG

Wpis na blogu Oferta pracy Wydarzenie Odcinek podcastu Changelog / wydanie Strona dokumentacji Oferta nieruchomości Karta produktu Produkt w promocji Lekcja kursu Przepis Miniatura wideo Wydanie newslettera Karta z cytatem Repozytorium GitHub Zapowiedź funkcji Profil / karta autora Porównanie (A vs B) Wyróżniona liczba

Wszystkie szablony →