qr-card

Szablon obrazka OG: Karta z kodem QR

Plakat „zeskanuj mnie”: duży kod QR na białej karcie w narożnikach celownika, zakładka z wezwaniem, nagłówek i krótki adres.

Szablon obrazka Open Graph „Karta z kodem QR” wyrenderowany przez Shareglint
Szablon Karta z kodem QR w rozmiarze square (1080×1080)
Szablon Karta z kodem QR w rozmiarze portrait (1080×1350)
Szablon Karta z kodem QR w rozmiarze story (1080×1920)
Szablon Karta z kodem QR w rozmiarze pinterest (1000×1500)
Szablon Karta z kodem QR 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 restauracji, sklepów, wydarzeń i kampanii łączących druk z siecią: menu, Wi-Fi, opinie, pobranie aplikacji, link do płatności. Kod QR podajesz jako obrazek; bez niego karta pokazuje pustą ramkę z trzema kwadratami narożnymi. Nagłówek zmniejsza się, żeby się zmieścić, a podpis zajmuje najwyżej dwa wiersze. W szerokich formatach tekst stoi po lewej, kod po prawej; w kwadracie i pionie nagłówek, kod i podpis układają się jeden pod drugim, a zakładka wskazuje kod strzałką w dół.

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 Główny napis, np. Menu masz o jedno skanowanie stąd. domyślnie: Scan to open Our menu is one scan away
qr adres obrazka Obrazek z kodem QR (wygeneruj go u siebie i podaj adres). https://example.com/images/b03-qr.png
cta tekst Napis na zakładce przy kodzie, np. Zeskanuj. domyślnie: Scan me Scan me
caption tekst Jedno-dwa zdania o tym, co otworzy kod. Seasonal dishes, allergens and today’s specials on your phone.
url_label tekst Krótki adres dla tych, którzy wolą go wpisać, np. palarnia.pl/menu. roastery.cafe/menu
logo adres obrazka Logo nad nagłówkiem. https://example.com/images/logo-roastery.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #facc15 #facc15
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": "qr-card",
    "modifications": {
        "headline": "Our menu is one scan away",
        "cta": "Scan me",
        "caption": "Seasonal dishes, allergens and today’s specials on your phone.",
        "url_label": "roastery.cafe/menu",
        "qr": "https://example.com/images/b03-qr.png",
        "logo": "https://example.com/images/logo-roastery.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/qr-card.png?caption=Seasonal%20dishes%2C%20allergens%20and%20today%E2%80%99s%20specials%20on%20your%20phone.&cta=Scan%20me&headline=Our%20menu%20is%20one%20scan%20away&url_label=roastery.cafe%2Fmenu&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/qr-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

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

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