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 serwisów z przepisami, cateringów dietetycznych, aplikacji do liczenia kalorii i menu — uzupełnienie szablonu recipe. Ilości wyświetlają się tak, jak je wpisano, a ich liczby wyznaczają pasek proporcji i udziały. W kadrach poziomych zdjęcie stoi obok etykiety, a do czterech makroskładników w dwóch kolumnach; w kwadratowych i pionowych zdjęcie jest u góry, a etykieta na nie zachodzi. Bez zdjęcia etykieta stoi sama na środku.
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 | Nazwa dania albo produktu. domyślnie: Recipe name | Green goddess salad bowl |
calories |
tekst | Energia w dowolnym zapisie, np. 540 kcal. | 540 kcal |
serving |
tekst | Porcja, np. Na miskę · 420 g. | Per bowl · 420 g |
macros |
tekst | Do sześciu wierszy jako nazwa|ilość oddzielone średnikami, np. Białko|32 g; Węglowodany|48 g; Tłuszcz|18 g. | Protein|32 g; Carbs|48 g; Fat|18 g; Fibre|9 g |
eyebrow |
tekst | Mały nagłówek etykiety, np. Wartości odżywcze. | Nutrition facts |
image |
adres obrazka | Zdjęcie dania. | https://example.com/images/salad.jpg |
site |
tekst | Strona na dole etykiety. | northwind.kitchen |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #16a34a | #16a34a |
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://shareglint.com/v1/images?wait=true" \
-H "Authorization: Bearer sk_live_YOUR_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "nutrition-facts",
"modifications": {
"title": "Green goddess salad bowl",
"calories": "540 kcal",
"serving": "Per bowl · 420 g",
"macros": "Protein|32 g; Carbs|48 g; Fat|18 g; Fibre|9 g",
"eyebrow": "Nutrition facts",
"site": "northwind.kitchen",
"image": "https://example.com/images/salad.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://shareglint.com/i/acc_YOUR_ACCOUNT_ID/nutrition-facts.png?calories=540%20kcal&eyebrow=Nutrition%20facts¯os=Protein%7C32%20g%3B%20Carbs%7C48%20g%3B%20Fat%7C18%20g%3B%20Fibre%7C9%20g&serving=Per%20bowl%20%C2%B7%20420%20g&site=northwind.kitchen&title=Green%20goddess%20salad%20bowl&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/nutrition-facts/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Lokalny biznes, nieruchomości i podróże
Oferta nieruchomości
Przepis
Danie dnia
Dzień otwarty nieruchomości
Wolne terminy
Cennik usług
Nieruchomość sprzedana
Wizytówka agenta nieruchomości
Plan podróży
Wszystkie szablony w kategorii Lokalny biznes, nieruchomości i podróże (14) → · Wszystkie szablony →