リッチメッセージ テンプレート参考例
画像とテキストを配置した、リッチメッセージのテンプレート例を参考に掲載しています。
簡単に作れて便利です。
JSON形式も参考にしてください。
JSON形式↓↓
{ “type”: “bubble”,
“body”: { “type”: “box”,
“layout”: “vertical”,
“contents”: [ { “type”: “text”,
“text”: “愛車査定について”,
“weight”: “bold”,
“size”: “lg”,
“margin”: “xs”,
“style”: “italic”,
“decoration”: “underline”,
“align”: “center”,
“color”: “#ff4500” },
{ “type”: “box”,
“layout”: “vertical”,
“margin”: “xxl”,
“spacing”: “sm”,
“contents”: [ { “type”: “button”,
“action”: { “type”: “uri”,
“label”: “🖱️買取相場を調べる”,
“uri”: “http://success-dx-line.test/” },
“height”: “md”,
“style”: “secondary”,
“color”: “#fff8dc” },
{ “type”: “button”,
“action”: { “type”: “uri”,
“label”: “💰オンライン査定する”,
“uri”: “https://dx-line.com/supporttime.html” },
“color”: “#fff8dc”,
“height”: “md”,
“style”: “secondary” },
{ “type”: “button”,
“action”: { “type”: “message”,
“label”: “💭売却について相談する”,
“text”: “売却について相談する” },
“height”: “md”,
“style”: “secondary”,
“color”: “#fff8dc” } ] },
{ “type”: “separator”,
“margin”: “xxl” },
{ “type”: “box”,
“layout”: “vertical”,
“contents”: [ { “type”: “text”,
“text”: “メンテナンスについて”,
“margin”: “lg”,
“size”: “lg”,
“color”: “#ff4500”,
“weight”: “bold”,
“style”: “italic”,
“decoration”: “underline”,
“align”: “center” },
{ “type”: “box”,
“layout”: “vertical”,
“contents”: [ { “type”: “button”,
“action”: { “type”: “uri”,
“label”: “🔧出張整備を予約する”,
“uri”: “https://dx-line.com/supporttime.html” },
“height”: “md”,
“style”: “secondary”,
“color”: “#fff8dc”,
“margin”: “xxl” },
{ “type”: “button”,
“action”: { “type”: “uri”,
“label”: “👷整備士に相談する”,
“uri”: “https://dx-line.com/#howtouse” },
“height”: “md”,
“style”: “secondary”,
“color”: “#fff8dc”,
“margin”: “sm” } ] },
{ “type”: “separator”,
“margin”: “xxl” } ] } ] },
“styles”: { “footer”: { “separator”: true } } }