booking-slots

Szablon obrazka OG: Wolne terminy

Wolne terminy na ten tydzień: kartka z datą dla każdego dnia, wolne godziny w pełnych pigułkach, zajęte przekreślone i link do rezerwacji.

Szablon obrazka Open Graph „Wolne terminy” wyrenderowany przez Shareglint
Szablon Wolne terminy w rozmiarze square (1080×1080)
Szablon Wolne terminy w rozmiarze portrait (1080×1350)
Szablon Wolne terminy w rozmiarze story (1080×1920)
Szablon Wolne terminy w rozmiarze pinterest (1000×1500)
Szablon Wolne terminy 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 salonów, trenerów, konsultantów i platform rezerwacyjnych, które publikują wolne okienka prosto z kalendarza. Godzina w nawiasie oznacza termin zajęty — zostaje na karcie, przekreślona, żeby było widać, że wolnych jest niewiele. Każdy dzień pokazuje do sześciu godzin, a dni tyle, ile zmieści kadr przy czytelnym rozmiarze (cztery w szerokich formatach, do siedmiu w relacji). Zdjęcie wypełnia boczny panel w szerokich formatach, w kwadracie jest okrągłym portretem, a w pionie banerem; bez niego panel pokazuje pierwszą literę nazwy firmy.

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 Nagłówek, np. Wolne terminy w tym tygodniu. domyślnie: Open slots this week Open slots this week
slots tekst Dni oddzielone średnikiem, każdy jako Dzień|godziny, godziny po przecinku, zajęta w nawiasie, np. Pon 3|9:00, (10:30), 13:00. Dzień zakończony liczbą staje się kartką z datą. Mon 3|9:00, (10:30), 13:00, 16:30;Tue 4|(9:00), (11:00), 15:30;Wed 5|10:00, 12:30, (14:00), 17:00, 18:30;Thu 6|(9:30), 11:00;Fri 7|9:00, 10:30, (13:00), 15:00, 16:30, 18:00;Sat 8|10:00, (11:30)
period tekst Daty w pigułce, np. 3–8 lis. Nov 3–8
business tekst Nazwa firmy albo osoby. Studio Lena · Hair & colour
booking_url tekst Gdzie zarezerwować, np. studiolena.pl/rezerwacja. studiolena.com/book
photo adres obrazka Zdjęcie osoby albo miejsca. https://example.com/images/avatar-woman2.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #db2777 #db2777
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": "booking-slots",
    "modifications": {
        "title": "Open slots this week",
        "slots": "Mon 3|9:00, (10:30), 13:00, 16:30;Tue 4|(9:00), (11:00), 15:30;Wed 5|10:00, 12:30, (14:00), 17:00, 18:30;Thu 6|(9:30), 11:00;Fri 7|9:00, 10:30, (13:00), 15:00, 16:30, 18:00;Sat 8|10:00, (11:30)",
        "period": "Nov 3–8",
        "business": "Studio Lena · Hair & colour",
        "booking_url": "studiolena.com/book",
        "photo": "https://example.com/images/avatar-woman2.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/booking-slots.png?booking_url=studiolena.com%2Fbook&business=Studio%20Lena%20%C2%B7%20Hair%20%26%20colour&period=Nov%203%E2%80%938&slots=Mon%203%7C9%3A00%2C%20%2810%3A30%29%2C%2013%3A00%2C%2016%3A30%3BTue%204%7C%289%3A00%29%2C%20%2811%3A00%29%2C%2015%3A30%3BWed%205%7C10%3A00%2C%2012%3A30%2C%20%2814%3A00%29%2C%2017%3A00%2C%2018%3A30%3BThu%206%7C%289%3A30%29%2C%2011%3A00%3BFri%207%7C9%3A00%2C%2010%3A30%2C%20%2813%3A00%29%2C%2015%3A00%2C%2016%3A30%2C%2018%3A00%3BSat%208%7C10%3A00%2C%20%2811%3A30%29&title=Open%20slots%20this%20week&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/booking-slots/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Lokalny biznes, nieruchomości i podróże

Wszystkie szablony w kategorii Lokalny biznes, nieruchomości i podróże (14) →  ·  Wszystkie szablony →