A Flex Message styled like a social-media post with avatar, author name, body text, and reaction buttons.
Category: Notification
Social Post
Social-style post bubble with avatar, post body, and reaction buttons.
Preview
JSON template
{
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip7.jpg",
"size": "5xl",
"aspectMode": "cover",
"aspectRatio": "150:196",
"gravity": "center",
"flex": 1
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip8.jpg",
"size": "full",
"aspectMode": "cover",
"aspectRatio": "150:98",
"gravity": "center"
},
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip9.jpg",
"size": "full",
"aspectMode": "cover",
"aspectRatio": "150:98",
"gravity": "center"
}
],
"flex": 1
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip13.jpg",
"aspectMode": "cover",
"size": "full"
}
],
"cornerRadius": "100px",
"width": "72px",
"height": "72px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"contents": [
{
"type": "span",
"text": "brown_05",
"weight": "bold",
"color": "#000000"
},
{
"type": "span",
"text": " "
},
{
"type": "span",
"text": "I went to the Brown&Cony cafe in Tokyo and took a picture"
}
],
"size": "sm",
"wrap": true
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "1,140,753 Like",
"size": "sm",
"color": "#bcbcbc"
}
],
"spacing": "sm",
"margin": "md"
}
]
}
],
"spacing": "xl",
"paddingAll": "20px"
}
],
"paddingAll": "0px"
}
}- Community or fan-club announcements
- Blog or news article summaries
- User-generated content highlights
| Field | How to customize |
|---|---|
contents.body (avatar/name) | Replace avatar URL and author display name. |
contents.body (body text) | Supports Liquid; keep under ~400 characters for readability. |
contents.body (reactions) | Reaction buttons emit postback events you can log for analytics. |
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.
Social Post Template