A styled receipt Flex Message itemising purchases with subtotals, tax, and the grand total — suitable for post-purchase confirmation messages.
Category: Transactional
Receipt
Styled receipt showing purchased items, subtotals, taxes, and total — ideal for post-purchase confirmation.
Preview
JSON template
{
"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
}
}
}- E-commerce order confirmation
- In-store purchase receipt (LINE Pay integration)
- Subscription renewal invoices
| Field | How to customize |
|---|---|
contents.body.contents[*] (item rows) | Loop through purchased items via activation payload; bind name and price. |
contents.body.contents[*] (total) | Bind to {{ event.total_amount }} and currency formatting. |
contents.styles | Control per-block background colors; adjust for brand theme. |
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.