A single-bubble Flex Message that confirms a hotel reservation with dates, room type, and a reservation-details CTA.
Category: Transactional
Hotel Reservation
Bubble summarising a hotel reservation with dates, room type, and a confirmation CTA.
Preview
JSON template
{
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip3.jpg",
"size": "full",
"aspectMode": "cover",
"aspectRatio": "1:1",
"gravity": "center"
},
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip15.png",
"position": "absolute",
"aspectMode": "fit",
"aspectRatio": "1:1",
"offsetTop": "0px",
"offsetBottom": "0px",
"offsetStart": "0px",
"offsetEnd": "0px",
"size": "full"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "Brown Grand Hotel",
"size": "xl",
"color": "#ffffff"
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/review_gold_star_28.png"
},
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/review_gold_star_28.png"
},
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/review_gold_star_28.png"
},
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/review_gold_star_28.png"
},
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/review_gray_star_28.png"
},
{
"type": "text",
"text": "4.0",
"color": "#a9a9a9"
}
],
"spacing": "xs"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "¥62,000",
"color": "#ffffff",
"size": "md",
"flex": 0,
"align": "end"
},
{
"type": "text",
"text": "¥82,000",
"color": "#a9a9a9",
"decoration": "line-through",
"size": "sm",
"align": "end"
}
],
"flex": 0,
"spacing": "lg"
}
]
}
],
"spacing": "xs"
}
],
"position": "absolute",
"offsetBottom": "0px",
"offsetStart": "0px",
"offsetEnd": "0px",
"paddingAll": "20px"
}
],
"paddingAll": "0px"
}
}- Booking confirmation sent immediately after reservation
- Check-in reminder the day before arrival
- Upsell messages for room upgrades
| Field | How to customize |
|---|---|
contents.body.contents[*].text (dates) | Bind to {{ event.check_in_date }} and {{ event.check_out_date }}. |
contents.body.contents[*].text (room type) | Replace with {{ event.room_type }} from your reservation system. |
contents.body (action URI) | Point to the booking detail page including the reservation ID. |
Attribution
This template is adapted from the official LINE Flex Message Simulator. Review and customize the payload to match your brand and campaign context before sending.