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 katalogów integracji, platform automatyzacji i marketplace’ów, które renderują kartę dla każdej pary aplikacji. Aplikacja bez logo dostaje kafel z monogramem w kolorze wybranym z jej nazwy, długie nazwy kończą się wielokropkiem, a nagłówek zmniejsza się, aż się zmieści. W szerokich i kwadratowych kadrach aplikacje stoją obok siebie; w pionowych jedna nad drugą, a linia biegnie w dół między nimi.
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 |
|---|---|---|---|
app_a_name |
tekst | Nazwa pierwszej aplikacji, pod jej kaflem. | Northwind |
app_b_name |
tekst | Nazwa drugiej aplikacji. | Ledgerly |
headline |
tekst | Co robi integracja — pod parą. | Turn every paid invoice into a branded thank-you image |
connector |
tekst | Słowa na linii, np. syncs with, dla albo łączy się z. domyślnie: integrates with | syncs with |
category |
tekst | Kategoria w plakietce w lewym górnym rogu, np. Finanse i księgowość. | Finance & accounting |
site |
tekst | Adres strony albo katalogu, w prawym górnym rogu. | northwind.dev/integrations |
app_a_logo |
adres obrazka | Logo pierwszej aplikacji; kwadratowe, na białym kaflu. | https://example.com/images/logo-northwind.png |
app_b_logo |
adres obrazka | Logo drugiej aplikacji. | https://example.com/images/b06-icon-sheet.png |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #0ea5e9 | #0ea5e9 |
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": "integration-pair",
"modifications": {
"app_a_name": "Northwind",
"app_b_name": "Ledgerly",
"headline": "Turn every paid invoice into a branded thank-you image",
"connector": "syncs with",
"category": "Finance & accounting",
"site": "northwind.dev/integrations",
"app_a_logo": "https://example.com/images/logo-northwind.png",
"app_b_logo": "https://example.com/images/b06-icon-sheet.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/integration-pair.png?app_a_name=Northwind&app_b_name=Ledgerly&category=Finance%20%26%20accounting&connector=syncs%20with&headline=Turn%20every%20paid%20invoice%20into%20a%20branded%20thank-you%20image&site=northwind.dev%2Fintegrations&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/integration-pair/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Produkt i SaaS
Changelog / wydanie
Zapowiedź funkcji
Porównanie (A vs B)
Plan rozwoju produktu
Aplikacja w sklepie
Dzień premiery
Plany cenowe
Komunikat o awarii
Makieta urządzenia
Wszystkie szablony w kategorii Produkt i SaaS (11) → · Wszystkie szablony →