hotel-card

Hotel card OG image template

A stay listing: the photo inset with rounded corners, the price on a swing tag hanging from its edge, star rating and amenity pills.

Hotel card Open Graph image template rendered by Shareglint
Hotel card template at square size (1080×1080)
Hotel card template at portrait size (1080×1350)
Hotel card template at story size (1080×1920)
Hotel card template at pinterest size (1000×1500)
Hotel card template at youtube size (1280×720)

These are real renders from the API with the example values in the table below. Switch the size above: the same template lays itself out for all 6 sizes — send size or sizes with the request.

For OTAs, hotels, vacation rentals and venue marketplaces generating a card per property. The rating draws partial stars and is clamped to 0–5, so a feed sending 48 still shows five stars. Amenities show as up to four pills and about 48 characters in all, the rest in a "+N" pill; a long name shrinks to fit and without a photo the inset becomes a facade of lit windows with the hotel's initial. Wide frames put the photo on the left with the tag hanging off its right edge; square and vertical frames put the photo on top with the tag on its bottom edge.

Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

Field Type Description Example
name text Hotel, rental or venue name. default: Hotel name Casa Alma Villas
location text Place in small capitals above the name, e.g. Comporta, Portugal. Comporta, Portugal
rating text Score from 0 to 5, e.g. 4.8; drives the stars. 4.8
reviews text Review count as you want it shown, e.g. 1,284 reviews. 1,284 reviews
price text Price on the tag, e.g. €320. €320
per text Unit after the price, shown as "/ night"; e.g. night, week or person. default: night night
amenities text Amenities separated by ;, e.g. Private pool;Sea view;Breakfast included. Up to four pills. Private pool;Sea view;Breakfast included;Free Wi-Fi
photo image URL Property photo in the rounded inset. https://example.com/images/house.jpg
logo image URL Brand logo, square. https://example.com/images/b08-hotel.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #c2410c #c2410c
theme dark | light Colour scheme: dark or light. default: light —

Render it with one request

Use the slug as template. The response holds the URL of the finished PNG; ?wait=true keeps the connection open until it is ready.

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"
    }
}'

Or paste a signed URL into og:image

For static sites, Webflow, Shopify and no-code tools: put the fields in the query string and sign it with your signing secret. The first request renders the image, every later one is a redirect to the cached file. How to compute the signature.

<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">

Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

curl -X POST "https://shareglint.com/v1/templates/library/hotel-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Local business, real estate & travel templates

All 14 Local business, real estate & travel templates →  ·  All templates →