購入商品を小計・税金・合計で明細表示するスタイル付きレシートFlex Message。購入後確認メッセージに適しています。
カテゴリ: トランザクション
レシート
購入商品・小計・税金・合計を表示するスタイル付きレシート。購入後確認に最適。
プレビュー
JSONテンプレート
{
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "RECEIPT",
"weight": "bold",
"color": "#1DB446",
"size": "sm"
},
{
"type": "text",
"text": "Brown Store",
"weight": "bold",
"size": "xxl",
"margin": "md"
},
{
"type": "text",
"text": "Miraina Tower, 4-1-6 Shinjuku, Tokyo",
"size": "xs",
"color": "#aaaaaa",
"wrap": true
},
{
"type": "separator",
"margin": "xxl"
},
{
"type": "box",
"layout": "vertical",
"margin": "xxl",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "Energy Drink",
"size": "sm",
"color": "#555555",
"flex": 0
},
{
"type": "text",
"text": "$2.99",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "Chewing Gum",
"size": "sm",
"color": "#555555",
"flex": 0
},
{
"type": "text",
"text": "$0.99",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "Bottled Water",
"size": "sm",
"color": "#555555",
"flex": 0
},
{
"type": "text",
"text": "$3.33",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
},
{
"type": "separator",
"margin": "xxl"
},
{
"type": "box",
"layout": "horizontal",
"margin": "xxl",
"contents": [
{
"type": "text",
"text": "ITEMS",
"size": "sm",
"color": "#555555"
},
{
"type": "text",
"text": "3",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "TOTAL",
"size": "sm",
"color": "#555555"
},
{
"type": "text",
"text": "$7.31",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "CASH",
"size": "sm",
"color": "#555555"
},
{
"type": "text",
"text": "$8.0",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "CHANGE",
"size": "sm",
"color": "#555555"
},
{
"type": "text",
"text": "$0.69",
"size": "sm",
"color": "#111111",
"align": "end"
}
]
}
]
},
{
"type": "separator",
"margin": "xxl"
},
{
"type": "box",
"layout": "horizontal",
"margin": "md",
"contents": [
{
"type": "text",
"text": "PAYMENT ID",
"size": "xs",
"color": "#aaaaaa",
"flex": 0
},
{
"type": "text",
"text": "#743289384279",
"color": "#aaaaaa",
"size": "xs",
"align": "end"
}
]
}
]
},
"styles": {
"footer": {
"separator": true
}
}
}- ECサイトの注文確認
- 店舗購入レシート (LINE Pay連携)
- サブスクリプション更新請求書
| フィールド | カスタマイズ方法 |
|---|---|
contents.body.contents[*] (item rows) | アクティベーションペイロードから購入商品をループし、商品名と価格をバインドします。 |
contents.body.contents[*] (total) | {{ event.total_amount }} と通貨フォーマットにバインドします。 |
contents.styles | ブロックごとの背景色を制御。ブランドテーマに合わせて調整します。 |
出典
このテンプレートはLINE Flex Message Simulator をベースに改変しています。配信前に、ペイロードをブランドとキャンペーン文脈に合わせて調整してください。