product-sale

Szablon obrazka OG: produkt w promocji

Zdjęcie produktu z naklejką rabatową, nowa cena i przekreślona stara.

Szablon obrazka Open Graph „produkt w promocji” wyrenderowany przez Image API

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

Dla sklepów i marketplace’ów: rabat stoi na naklejce w kształcie gwiazdy na zdjęciu, cena jest ogromna, a stara cena przekreślona obok. Wyrenderujesz jedną kartę na produkt z katalogu albo na kampanię.

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
name tekst Nazwa produktu. domyślnie: Product name Studio Wireless Headphones
brand tekst Marka albo nazwa sklepu nad nazwą produktu. Aurora Audio
price tekst Cena w postaci do wydruku, razem z walutą. $139
old_price tekst Cena przed rabatem, przekreślona. $199
discount tekst Rabat na naklejce, np. -30%. -30%
cta tekst Wezwanie do działania na przycisku. domyślnie: Shop now —
site tekst Twoja domena albo krótki adres. aurora-audio.com
photo adres obrazka Zdjęcie produktu, przycięte do koła. https://example.com/images/headphones.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #e11d48 #e11d48
theme dark | light Schemat kolorów: dark albo light. domyślnie: 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://imageapi.benchkithq.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "product-sale",
    "modifications": {
        "name": "Studio Wireless Headphones",
        "brand": "Aurora Audio",
        "price": "$139",
        "old_price": "$199",
        "discount": "-30%",
        "site": "aurora-audio.com",
        "photo": "https://example.com/images/headphones.jpg"
    }
}'

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/product-sale.png?brand=Aurora%20Audio&discount=-30%25&name=Studio%20Wireless%20Headphones&old_price=%24199&price=%24139&site=aurora-audio.com&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/product-sale/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów obrazków OG

Wszystkie szablony →