宿泊日・部屋タイプ・予約詳細CTAを含むシングルバブルのホテル予約確認Flex Message。
カテゴリ: トランザクション
ホテル予約
宿泊日・部屋タイプ・確認CTAを含むホテル予約のサマリーバブル。
プレビュー
JSONテンプレート
{
"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"
}
}- 予約直後の予約確認通知
- チェックイン前日のリマインダー
- 部屋アップグレードのアップセル通知
| フィールド | カスタマイズ方法 |
|---|---|
contents.body.contents[*].text (dates) | {{ event.check_in_date }} と {{ event.check_out_date }} にバインドします。 |
contents.body.contents[*].text (room type) | 予約システムの {{ event.room_type }} に置き換えます。 |
contents.body (action URI) | 予約IDを含めた予約詳細ページへのリンクに指定します。 |
出典
このテンプレートはLINE Flex Message Simulator をベースに改変しています。配信前に、ペイロードをブランドとキャンペーン文脈に合わせて調整してください。