cta-card

Szablon obrazka OG: Wezwanie do działania

Jeden nagłówek i jeden ogromny przycisk, w który za chwilę kliknie kursor, plus linijka dowodu społecznego.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Wezwanie do działania” wyrenderowany przez Shareglint
Szablon Wezwanie do działania w rozmiarze square (1080×1080)
Szablon Wezwanie do działania w rozmiarze portrait (1080×1350)
Szablon Wezwanie do działania w rozmiarze story (1080×1920)
Szablon Wezwanie do działania w rozmiarze pinterest (1000×1500)
Szablon Wezwanie do działania 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 newsletterów, SaaS-ów i twórców, którzy proszą o jedną rzecz: zapis, rejestrację, rozmowę. Nagłówek zmniejsza się, by się zmieścić, tekst pomocniczy ma do trzech linii, a długi napis na przycisku kończy się w nim wielokropkiem. Bez proof przycisk stoi sam na swojej podkładce. Szerokie kadry kładą przycisk na podświetlonej podkładce obok nagłówka; kwadratowe i pionowe układają nagłówek, przycisk i dowód jeden pod drugim.

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
headline tekst Obietnica, np. Jeden konkretny pomysł na ceny, w każdy wtorek. domyślnie: Join the newsletter One sharp idea about pricing, every Tuesday
subtext tekst Zdanie uzupełniające pod nagłówkiem. Five-minute reads from people who ran the experiments. No fluff, unsubscribe any time.
button_label tekst Napis na przycisku, np. Zapisz się za darmo. domyślnie: Subscribe Subscribe free
proof tekst Dowód społeczny pod przyciskiem, np. Czyta nas 12 000 założycieli. 12,000 founders read it
url tekst Adres obok logo. marginnotes.email
logo adres obrazka Logo, kwadratowe. https://example.com/images/logo-m.png
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://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "cta-card",
    "modifications": {
        "headline": "One sharp idea about pricing, every Tuesday",
        "subtext": "Five-minute reads from people who ran the experiments. No fluff, unsubscribe any time.",
        "button_label": "Subscribe free",
        "proof": "12,000 founders read it",
        "url": "marginnotes.email",
        "logo": "https://example.com/images/logo-m.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/cta-card.png?button_label=Subscribe%20free&headline=One%20sharp%20idea%20about%20pricing%2C%20every%20Tuesday&proof=12%2C000%20founders%20read%20it&subtext=Five-minute%20reads%20from%20people%20who%20ran%20the%20experiments.%20No%20fluff%2C%20unsubscribe%20any%20time.&url=marginnotes.email&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/cta-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Marketing i dowód społeczny

Szablon obrazka Open Graph „Opinia z gwiazdkami” wyrenderowany przez Shareglint Opinia z gwiazdkami Szablon obrazka Open Graph „Plusy i minusy” wyrenderowany przez Shareglint Plusy i minusy Szablon obrazka Open Graph „Przed / po” wyrenderowany przez Shareglint Przed / po Szablon obrazka Open Graph „Karta z kodem QR” wyrenderowany przez Shareglint Karta z kodem QR Szablon obrazka Open Graph „Podsumowanie ocen” wyrenderowany przez Shareglint Podsumowanie ocen Szablon obrazka Open Graph „Już wkrótce” wyrenderowany przez Shareglint Już wkrótce Szablon obrazka Open Graph „Ściana logotypów” wyrenderowany przez Shareglint Ściana logotypów Szablon obrazka Open Graph „Materiał do pobrania” wyrenderowany przez Shareglint Materiał do pobrania Szablon obrazka Open Graph „wpis na blogu” wyrenderowany przez Shareglint Wpis na blogu

Wszystkie szablony w kategorii Marketing i dowód społeczny (9) →  ·  Wszystkie szablony →