อีคอมเมิร์ซและค้าปลีก · E-commerce & Retail

การ์ดสินค้าเดี่ยว

Product Card

การ์ดสินค้าพร้อมรูปใหญ่ คะแนนรีวิว ราคาพิเศษเทียบราคาปกติ และปุ่มหยิบใส่ตะกร้า

A single product card with large photo, rating, sale price and add-to-cart button.

การ์ดสินค้าเดี่ยว · ตัวอย่างโดยประมาณ ไม่ใช่การแสดงผลอย่างเป็นทางการของ LINE (approximate preview)

รายละเอียดการใช้งาน · Usage

เหมาะสำหรับ

แนะนำสินค้าใหม่หรือสินค้าขายดีให้ลูกค้าในแชท พร้อมให้กดสั่งซื้อหรือดูรายละเอียดต่อ

สิ่งที่ควรแก้ไขก่อนใช้งาน

เปลี่ยนรูปสินค้า (แนะนำสัดส่วน 1:1 ขนาดอย่างน้อย 1024px) ชื่อ ราคา และคะแนนรีวิว แก้ data ของ postback ให้มีรหัสสินค้า (sku) ของคุณ และเปลี่ยนลิงก์ “ดูรายละเอียด” เป็นหน้าสินค้าจริง ตั้ง altText เป็นชื่อสินค้าและราคา

รูปภาพและลิขสิทธิ์

ภาพตัวอย่างจาก Unsplash (Unsplash License) ควรเปลี่ยนเป็นภาพสินค้าของคุณเอง

อัปเดตล่าสุด 19 ต.ค. 2569 · วิธีนำ JSON ไปใช้กับ LINE OA

ผลการตรวจสอบ · Validation

ผ่านการตรวจสอบโครงสร้าง· Structure checks passed

ตรวจสอบล่าสุด: 19 ต.ค. 2569 15:36
เวอร์ชันกฎ: 2026.10-1
ขนาด JSON: 2.2 KB
จำนวน bubble: 1

ตรวจสอบโครงสร้างอัตโนมัติตามข้อกำหนด Flex Message ที่เผยแพร่ ไม่ใช่การรับรองจาก LINE ควรทดสอบส่งจริงก่อนใช้งาน

JSON ข้อความ · Message objectflexlay-product-card.json

{
  "type": "flex",
  "altText": "สินค้าใหม่: หูฟังไร้สาย AirFlow Pro ราคาพิเศษ ฿2,490",
  "contents": {
    "type": "bubble",
    "size": "kilo",
    "body": {
      "type": "box",
      "layout": "vertical",
      "paddingAll": "xl",
      "contents": [
        {
          "type": "box",
          "layout": "horizontal",
          "contents": [
            {
              "type": "box",
              "layout": "vertical",
              "flex": 0,
              "paddingEnd": "8px",
              "paddingTop": "2px",
              "cornerRadius": "xl",
              "paddingStart": "8px",
              "paddingBottom": "2px",
              "backgroundColor": "#BE185D",
              "contents": [
                {
                  "type": "text",
                  "size": "xxs",
                  "text": "New",
                  "align": "center",
                  "color": "#FFFFFF",
                  "weight": "bold"
                }
              ]
            }
          ]
        },
        {
          "type": "text",
          "size": "xl",
          "text": "หูฟังไร้สาย AirFlow Pro",
          "wrap": true,
          "color": "#111827",
          "margin": "md",
          "weight": "bold"
        },
        {
          "type": "box",
          "layout": "baseline",
          "margin": "sm",
          "contents": [
            {
              "type": "text",
              "size": "sm",
              "text": "★★★★★",
              "flex": 0,
              "color": "#B45309"
            },
            {
              "type": "text",
              "size": "sm",
              "text": "4.8 (1,204 รีวิว)",
              "flex": 0,
              "color": "#5F6673",
              "margin": "md"
            }
          ]
        },
        {
          "type": "text",
          "size": "sm",
          "text": "ตัดเสียงรบกวน ANC · แบตเตอรี่ 40 ชั่วโมง · ชาร์จเร็ว USB-C",
          "wrap": true,
          "color": "#4B5563",
          "margin": "md"
        },
        {
          "type": "box",
          "layout": "baseline",
          "margin": "lg",
          "contents": [
            {
              "type": "text",
              "size": "xxl",
              "text": "฿2,490",
              "flex": 0,
              "color": "#111827",
              "weight": "bold"
            },
            {
              "type": "text",
              "size": "sm",
              "text": "฿3,290",
              "flex": 0,
              "color": "#5F6673",
              "margin": "md",
              "decoration": "line-through"
            },
            {
              "type": "text",
              "size": "sm",
              "text": "-24%",
              "flex": 0,
              "color": "#DC2626",
              "margin": "md",
              "weight": "bold"
            }
          ]
        }
      ]
    },
    "hero": {
      "type": "image",
      "size": "full",
      "url": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=1024&q=75&fm=jpg&fit=crop",
      "aspectMode": "cover",
      "aspectRatio": "1:1"
    },
    "footer": {
      "type": "box",
      "layout": "vertical",
      "spacing": "sm",
      "paddingAll": "lg",
      "paddingTop": "none",
      "contents": [
        {
          "type": "button",
          "color": "#0F172A",
          "style": "primary",
          "height": "md",
          "action": {
            "type": "postback",
            "data": "action=add_to_cart&sku=AFP-001",
            "label": "หยิบใส่ตะกร้า",
            "displayText": "หยิบ AirFlow Pro ใส่ตะกร้า"
          }
        },
        {
          "type": "button",
          "color": "#2563EB",
          "style": "link",
          "height": "sm",
          "action": {
            "type": "uri",
            "uri": "https://example.com/products/airflow-pro",
            "label": "ดูรายละเอียด"
          }
        }
      ]
    }
  }
}

Related templates

เทมเพลตที่เกี่ยวข้อง

New
รองเท้าผ้าใบ Urban Walk
฿2,490
สั่งซื้อ
ขายดี
สมาร์ตวอทช์ Pulse 2
฿4,990
สั่งซื้อ
เก้าอี้ Lounge สีมัสตาร์ด
฿6,900
สั่งซื้อ
หูฟังไร้สาย AirFlow Pro
฿2,490
สั่งซื้อ
ดูสินค้าทั้งหมด
มากกว่า 200 รายการ
ไปที่ร้าน
แคโรเซล 5 การ์ด
อีคอมเมิร์ซและค้าปลีก · E-commerce & Retail
แคโรเซลสินค้าหลายรายการ
Product Carousel
แคโรเซลการ์ดสินค้าขนาดกะทัดรัด เลื่อนดูได้หลายรายการ ปิดท้ายด้วยการ์ดดูสินค้าทั้งหมด
ตรวจสอบแล้ว#สินค้า#carousel#คอลเลกชัน
อีคอมเมิร์ซและค้าปลีก · E-commerce & Retail
แจ้งสินค้ากลับมามีสต็อก
Back in Stock Alert
แจ้งลูกค้าที่กดรอสินค้าว่าสินค้ากลับมาแล้ว พร้อมจำนวนคงเหลือและปุ่มสั่งซื้อ
ตรวจสอบแล้ว#สต็อก#back in stock#แจ้งเตือน
สถานะคำสั่งซื้อ
กำลังจัดส่ง
#OD-25691204 · ขนส่งด่วนเอกชน
เลขพัสดุ
TH0123456789
รับคำสั่งซื้อแล้ว
12 ธ.ค. 2569 · 10:24
แพ็กสินค้าเรียบร้อย
12 ธ.ค. 2569 · 15:10
กำลังนำส่งถึงผู้รับ
13 ธ.ค. 2569 · 08:45
จัดส่งสำเร็จ
คาดว่าภายในวันนี้
ติดตามพัสดุ
อีคอมเมิร์ซและค้าปลีก · E-commerce & Retail
สถานะการจัดส่งพัสดุ
Shipping Status
ไทม์ไลน์สถานะพัสดุตั้งแต่รับคำสั่งซื้อจนถึงจัดส่งสำเร็จ พร้อมเลขพัสดุและปุ่มติดตาม
ตรวจสอบแล้ว#จัดส่ง#พัสดุ#tracking

การ์ดสินค้าเดี่ยว

Product Card

A single product card with large photo, rating, sale price and add-to-cart button.

รายละเอียดการใช้งาน · Usage

เหมาะสำหรับ

สิ่งที่ควรแก้ไขก่อนใช้งาน

รูปภาพและลิขสิทธิ์

ภาพตัวอย่างจาก Unsplash (Unsplash License) ควรเปลี่ยนเป็นภาพสินค้าของคุณเอง

JSON ข้อความ · Message objectflexlay-product-card.json

{ "type": "flex", "altText": "สินค้าใหม่: หูฟังไร้สาย AirFlow Pro ราคาพิเศษ ฿2,490", "contents": { "type": "bubble", "size": "kilo", "body": { "type": "box", "layout": "vertical", "paddingAll": "xl", "contents": [ { "type": "box", "layout": "horizontal", "contents": [ { "type": "box", "layout": "vertical", "flex": 0, "paddingEnd": "8px", "paddingTop": "2px", "cornerRadius": "xl", "paddingStart": "8px", "paddingBottom": "2px", "backgroundColor": "#BE185D", "contents": [ { "type": "text", "size": "xxs", "text": "New", "align": "center", "color": "#FFFFFF", "weight": "bold" } ] } ] }, { "type": "text", "size": "xl", "text": "หูฟังไร้สาย AirFlow Pro", "wrap": true, "color": "#111827", "margin": "md", "weight": "bold" }, { "type": "box", "layout": "baseline", "margin": "sm", "contents": [ { "type": "text", "size": "sm", "text": "★★★★★", "flex": 0, "color": "#B45309" }, { "type": "text", "size": "sm", "text": "4.8 (1,204 รีวิว)", "flex": 0, "color": "#5F6673", "margin": "md" } ] }, { "type": "text", "size": "sm", "text": "ตัดเสียงรบกวน ANC · แบตเตอรี่ 40 ชั่วโมง · ชาร์จเร็ว USB-C", "wrap": true, "color": "#4B5563", "margin": "md" }, { "type": "box", "layout": "baseline", "margin": "lg", "contents": [ { "type": "text", "size": "xxl", "text": "฿2,490", "flex": 0, "color": "#111827", "weight": "bold" }, { "type": "text", "size": "sm", "text": "฿3,290", "flex": 0, "color": "#5F6673", "margin": "md", "decoration": "line-through" }, { "type": "text", "size": "sm", "text": "-24%", "flex": 0, "color": "#DC2626", "margin": "md", "weight": "bold" } ] } ] }, "hero": { "type": "image", "size": "full", "url": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=1024&q=75&fm=jpg&fit=crop", "aspectMode": "cover", "aspectRatio": "1:1" }, "footer": { "type": "box", "layout": "vertical", "spacing": "sm", "paddingAll": "lg", "paddingTop": "none", "contents": [ { "type": "button", "color": "#0F172A", "style": "primary", "height": "md", "action": { "type": "postback", "data": "action=add_to_cart&sku=AFP-001", "label": "หยิบใส่ตะกร้า", "displayText": "หยิบ AirFlow Pro ใส่ตะกร้า" } }, { "type": "button", "color": "#2563EB", "style": "link", "height": "sm", "action": { "type": "uri", "uri": "https://example.com/products/airflow-pro", "label": "ดูรายละเอียด" } } ] } } }

รายละเอียดการใช้งาน · Usage

เหมาะสำหรับ

สิ่งที่ควรแก้ไขก่อนใช้งาน

รูปภาพและลิขสิทธิ์

เทมเพลตที่เกี่ยวข้อง

แคโรเซลสินค้าหลายรายการ

แจ้งสินค้ากลับมามีสต็อก

สถานะการจัดส่งพัสดุ

รายละเอียดการใช้งาน · Usage

เหมาะสำหรับ

สิ่งที่ควรแก้ไขก่อนใช้งาน

รูปภาพและลิขสิทธิ์

เทมเพลตที่เกี่ยวข้อง

แคโรเซลสินค้าหลายรายการ

แจ้งสินค้ากลับมามีสต็อก

สถานะการจัดส่งพัสดุ