Szablon obrazka OG: Wynik quizu

og1200×630 square1080×1080 portrait1080×1350 story1080×1920 pinterest1000×1500 youtube1280×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 aplikacji z quizami, testów osobowości w mediach, kursów i ocen kompetencji w HR — jeden render na osobę. Bez punktów pieczęć pokazuje zdjęcie osoby albo pierwszą literę wyniku; gdy są i punkty, i zdjęcie, zdjęcie staje się medalionem na brzegu pieczęci. Cechy są ograniczone do 0–100 i zaokrąglane do pełnych pól. W kadrach poziomych pieczęć stoi obok tekstu, w kwadratowych i pionowych nad nim; poziome i kwadratowe pokazują trzy cechy, pionowe do pięciu.

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.

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": "quiz-result",
    "modifications": {
        "result_title": "The Curious Explorer",
        "quiz_name": "What kind of learner are you?",
        "user_name": "Maya Chen",
        "description": "You learn by poking at things until they make sense. Give yourself projects, not lectures.",
        "score": "8",
        "max_score": "10",
        "traits": "Curiosity|90; Persistence|70; Teamwork|60; Focus|50",
        "site": "quiz.northwind.dev",
        "photo": "https://example.com/images/avatar-woman.jpg",
        "logo": "https://example.com/images/logo-northwind.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/quiz-result.png?description=You%20learn%20by%20poking%20at%20things%20until%20they%20make%20sense.%20Give%20yourself%20projects%2C%20not%20lectures.&max_score=10&quiz_name=What%20kind%20of%20learner%20are%20you%3F&result_title=The%20Curious%20Explorer&score=8&site=quiz.northwind.dev&traits=Curiosity%7C90%3B%20Persistence%7C70%3B%20Teamwork%7C60%3B%20Focus%7C50&user_name=Maya%20Chen&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/quiz-result/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Kursy i certyfikaty

Lekcja kursu Certyfikat ukończenia Ukończenie studiów Wpis na blogu Karta strony internetowej Oferta pracy Wydarzenie Odcinek podcastu Changelog / wydanie

Wszystkie szablony w kategorii Kursy i certyfikaty (4) →  ·  Wszystkie szablony →