Skip to content

Media cards

Media cards emphasize visual offers — hero image, title, subtitle, price line, and actions. Common for hotels, travel, events, and any listing where photography drives conversion.

Transform fieldAPI source exampleRequired
titleroom.name or offer.titleyes
image_urlroom.photos[0].urlrecommended
subtitleroom.description or bed countno
pricetotalGrossAmount.amountrecommended
currencytotalGrossAmount.currencywith price
badgeoffer.tag (“Best value”)no
urloffer.booking_urlfor external booking

Map nested paths in Transform reference.

{
"data": {
"offers": [
{
"title": "Deluxe Sea View",
"photos": [{ "url": "https://cdn.hotel.com/room1.jpg" }],
"totalGrossAmount": { "amount": 189, "currency": "EUR" },
"deepLink": "https://book.hotel.com/offer/abc"
}
]
}
}
Transform settingValue
items_pathdata.offers
layoutcarousel
card typemedia
sort_bytotalGrossAmount.amount:asc

See Room offer carousel quickstart.

Typical buttons: “Book This Room”, “More Details”, “Compare dates”. Labels are configured in transform; URLs come from your API fields.

Use media when the primary payload is an experiential offer with photos. Use product cards for SKU-based retail.

Media cards appear only after successful tool execution. Trust policy.