hotel-card

Szablon obrazka OG: Karta hotelu

Oferta noclegu: zdjęcie w zaokrąglonej ramce, cena na zawieszce przy jego krawędzi, gwiazdki oceny i udogodnienia w pastylkach.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Karta hotelu” wyrenderowany przez Shareglint
Szablon Karta hotelu w rozmiarze square (1080×1080)
Szablon Karta hotelu w rozmiarze portrait (1080×1350)
Szablon Karta hotelu w rozmiarze story (1080×1920)
Szablon Karta hotelu w rozmiarze pinterest (1000×1500)
Szablon Karta hotelu 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 serwisów rezerwacyjnych, hoteli, wynajmu wakacyjnego i platform z salami, które generują kartę dla każdego obiektu. Ocena rysuje części gwiazdek i jest przycinana do 0–5, więc gdy feed wyśle 48, nadal widać pięć gwiazdek. Udogodnienia mieszczą się w czterech pastylkach i łącznie ok. 48 znakach, reszta trafia do pastylki „+N”; długa nazwa zmniejsza się, aż się zmieści, a bez photo ramka pokazuje fasadę z oświetlonymi oknami i inicjałem obiektu. W szerokich kadrach zdjęcie stoi po lewej, a zawieszka wisi na jego prawej krawędzi; w kwadracie i pionie zdjęcie idzie na górę, a zawieszka na jego dolną krawę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
name tekst Nazwa hotelu, apartamentu albo obiektu. domyślnie: Hotel name Casa Alma Villas
location tekst Miejsce kapitalikami nad nazwą, np. Sopot, Polska. Comporta, Portugal
rating tekst Ocena od 0 do 5, np. 4.8; rysuje gwiazdki. 4.8
reviews tekst Liczba opinii w dowolnej postaci, np. 1 284 opinie. 1,284 reviews
price tekst Cena na zawieszce, np. 320 zł. €320
per tekst Jednostka po cenie, wyświetlana jako „/ noc”; np. noc, tydzień albo osoba. domyślnie: night night
amenities tekst Udogodnienia rozdzielone ;, np. Basen;Widok na morze;Śniadanie w cenie. Do czterech pastylek. Private pool;Sea view;Breakfast included;Free Wi-Fi
photo adres obrazka Zdjęcie obiektu w zaokrąglonej ramce. https://example.com/images/house.jpg
logo adres obrazka Logo marki, kwadratowe. https://example.com/images/b08-hotel.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #c2410c #c2410c
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": "hotel-card",
    "modifications": {
        "name": "Casa Alma Villas",
        "location": "Comporta, Portugal",
        "rating": "4.8",
        "reviews": "1,284 reviews",
        "price": "€320",
        "per": "night",
        "amenities": "Private pool;Sea view;Breakfast included;Free Wi-Fi",
        "photo": "https://example.com/images/house.jpg",
        "logo": "https://example.com/images/b08-hotel.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/hotel-card.png?amenities=Private%20pool%3BSea%20view%3BBreakfast%20included%3BFree%20Wi-Fi&location=Comporta%2C%20Portugal&name=Casa%20Alma%20Villas&per=night&price=%E2%82%AC320&rating=4.8&reviews=1%2C284%20reviews&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/hotel-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

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

Szablon obrazka Open Graph „oferta nieruchomości” wyrenderowany przez Shareglint Oferta nieruchomości Szablon obrazka Open Graph „przepis” wyrenderowany przez Shareglint Przepis Szablon obrazka Open Graph „Danie dnia” wyrenderowany przez Shareglint Danie dnia Szablon obrazka Open Graph „Dzień otwarty nieruchomości” wyrenderowany przez Shareglint Dzień otwarty nieruchomości Szablon obrazka Open Graph „Wolne terminy” wyrenderowany przez Shareglint Wolne terminy Szablon obrazka Open Graph „Wartości odżywcze” wyrenderowany przez Shareglint Wartości odżywcze Szablon obrazka Open Graph „Cennik usług” wyrenderowany przez Shareglint Cennik usług Szablon obrazka Open Graph „Nieruchomość sprzedana” wyrenderowany przez Shareglint Nieruchomość sprzedana Szablon obrazka Open Graph „Wizytówka agenta nieruchomości” wyrenderowany przez Shareglint Wizytówka agenta nieruchomości

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