JSON ข้อความ · Message objectflexlay-bakery-cake-preorder.json
{
"type": "flex",
"altText": "ยืนยันสั่งเค้กช็อกโกแลต 2 ปอนด์ รับวันที่ 24 ธ.ค. 2569 เวลา 15:00 น.",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "lg",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ยืนยันออร์เดอร์ #CK518",
"color": "#5F6673"
},
{
"type": "text",
"size": "lg",
"text": "ดาร์กช็อกโกแลตฟัดจ์ 2 ปอนด์",
"wrap": true,
"color": "#111827",
"margin": "xs",
"weight": "bold"
},
{
"type": "box",
"layout": "vertical",
"margin": "md",
"paddingAll": "md",
"cornerRadius": "md",
"backgroundColor": "#FFF7ED",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ข้อความบนเค้ก",
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "“สุขสันต์วันเกิด แม่ใหญ่ 60 ปี”",
"wrap": true,
"color": "#7C2D12",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "vertical",
"margin": "lg",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "วันรับ",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "พ. 24 ธ.ค. 2569 · 15:00 น.",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "สาขา",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "สุขุมวิท 39",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ราคา",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿1,200",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "มัดจำแล้ว",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿600",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#15803D",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ชำระเพิ่มวันรับ",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿600",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827",
"weight": "bold"
}
]
}
]
}
]
},
"hero": {
"type": "image",
"size": "full",
"url": "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=1024&q=75&fm=jpg&fit=crop",
"aspectMode": "cover",
"aspectRatio": "20:13"
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#7C2D12",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/bakery/sukhumvit39",
"label": "แผนที่ร้าน"
}
},
{
"type": "button",
"style": "secondary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=edit_preorder&order=CK518",
"label": "ขอแก้ไขออร์เดอร์",
"displayText": "ขอแก้ไขออร์เดอร์ CK518"
}
}
]
}
}
}
