.png)
カルーセルタイプのメッセージで、複数の商品を1つ1つ大きく紹介できるメッセージデザイン例です。
このテンプレートを使うことで、カルーセル形式で複数の商品情報をユーザーに訴求できます。
.png)
下記テンプレートには【サンプル画像・サンプルURL】が使用されています。
実際に利用される際には、下記項目を差し替えの上、配信にご活用ください。
・メッセージ内の各種テキスト
・画像URL
・遷移先URL
{
"type": "carousel",
"contents": [
{
"type": "bubble",
"size": "mega",
"header": {
"type": "box",
"layout": "vertical",
"paddingAll": "0px",
"contents": [
{
"type": "image",
"url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/template-gallery_carousel-products01.jpg",
"size": "full",
"aspectMode": "cover",
"gravity": "center",
"margin": "none",
"aspectRatio": "10:9"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "新商品",
"size": "xs",
"color": "#ffffff"
}
],
"backgroundColor": "#666f86",
"paddingAll": "2px",
"paddingStart": "8px",
"paddingEnd": "8px",
"position": "absolute",
"offsetStart": "10px",
"offsetTop": "12px",
"cornerRadius": "50px"
}
]
},
"body": {
"type": "box",
"layout": "vertical",
"paddingTop": "12px",
"paddingBottom": "6px",
"paddingStart": "15px",
"paddingEnd": "15px",
"spacing": "lg",
"contents": [
{
"type": "text",
"text": "【7/3発売】シンプルスニーカー",
"color": "#222222",
"wrap": true,
"weight": "bold"
},
{
"type": "text",
"text": "シンプルで使いやすい定番デザイン",
"size": "sm",
"color": "#222222"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "GRAY / WHITE / BRACK",
"color": "#757575",
"size": "sm",
"align": "start",
"flex": 2,
"wrap": true
},
{
"type": "text",
"text": "6,980円",
"color": "#555555",
"size": "sm",
"align": "end",
"flex": 1,
"wrap": true
}
]
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"paddingAll": "10px",
"contents": [
{
"type": "button",
"style": "primary",
"color": "#596876",
"height": "sm",
"action": {
"type": "uri",
"label": "詳細はこちら",
"uri": "https://www.socialplus.jp?utm_source=line&utm_medium=social&utm_campaign=message_gallery"
}
}
]
}
},
{
"type": "bubble",
"header": {
"type": "box",
"layout": "vertical",
"paddingAll": "0px",
"contents": [
{
"type": "image",
"url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/template-gallery_carousel-products02.jpeg",
"size": "full",
"aspectMode": "cover",
"gravity": "center",
"aspectRatio": "10:9"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "残りわずか",
"size": "xs",
"color": "#ffffff"
}
],
"backgroundColor": "#666f86",
"paddingAll": "2px",
"paddingStart": "8px",
"paddingEnd": "8px",
"position": "absolute",
"offsetStart": "10px",
"offsetTop": "12px",
"cornerRadius": "50px"
}
]
},
"body": {
"type": "box",
"layout": "vertical",
"paddingTop": "12px",
"paddingBottom": "6px",
"paddingStart": "15px",
"paddingEnd": "15px",
"spacing": "lg",
"contents": [
{
"type": "text",
"color": "#222222",
"wrap": true,
"weight": "bold",
"text": "コットンデザインブラウス"
},
{
"type": "text",
"text": "袖まわりにワザあり！さらりと着こなし◎",
"size": "sm",
"color": "#222222"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "BLUE / WHITE",
"color": "#757575",
"size": "sm",
"align": "start",
"flex": 2,
"wrap": true
},
{
"type": "text",
"text": "3,980円",
"color": "#555555",
"size": "sm",
"align": "end",
"flex": 1,
"wrap": true
}
]
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"paddingAll": "10px",
"contents": [
{
"type": "button",
"style": "primary",
"color": "#596876",
"height": "sm",
"action": {
"type": "uri",
"label": "詳細はこちら",
"uri": "https://www.socialplus.jp?utm_source=line&utm_medium=social&utm_campaign=message_gallery"
}
}
]
}
},
{
"type": "bubble",
"header": {
"type": "box",
"layout": "vertical",
"paddingAll": "0px",
"contents": [
{
"type": "image",
"url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/template-gallery_carousel-products03.jpg",
"size": "full",
"aspectMode": "cover",
"gravity": "center",
"aspectRatio": "10:9"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "20%OFF",
"size": "xs",
"color": "#ffffff"
}
],
"backgroundColor": "#666f86",
"paddingAll": "2px",
"paddingStart": "8px",
"paddingEnd": "8px",
"position": "absolute",
"offsetStart": "10px",
"offsetTop": "12px",
"cornerRadius": "50px"
}
]
},
"body": {
"type": "box",
"layout": "vertical",
"paddingTop": "12px",
"paddingBottom": "6px",
"paddingStart": "15px",
"paddingEnd": "15px",
"spacing": "lg",
"contents": [
{
"type": "text",
"text": "ベーシックトートバッグ",
"color": "#222222",
"wrap": true,
"weight": "bold"
},
{
"type": "text",
"text": "A4サイズ対応 | 通勤・通学にもおすすめ",
"size": "sm",
"color": "#222222"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "WHITE / BLUE / PINK",
"color": "#757575",
"size": "sm",
"align": "start",
"flex": 2,
"wrap": true
},
{
"type": "text",
"text": "1,980円",
"color": "#555555",
"size": "sm",
"align": "end",
"flex": 1,
"wrap": true
}
]
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"paddingAll": "10px",
"contents": [
{
"type": "button",
"style": "primary",
"color": "#596876",
"height": "sm",
"action": {
"type": "uri",
"label": "詳細はこちら",
"uri": "https://www.socialplus.jp?utm_source=line&utm_medium=social&utm_campaign=message_gallery"
}
}
]
}
}
]
}.png)
.png)
.png)