วิธีใช้งาน Flexlay

สรุปสั้น ๆ: เลือกเทมเพลต → ตรวจดูตัวอย่าง → กด คัดลอก JSON หรือ ดาวน์โหลด → แก้ข้อความ ลิงก์ และรูปภาพให้เป็นของธุรกิจคุณ → ส่งผ่าน LINE Messaging API

1. เลือกและส่งออกเทมเพลต

1. ค้นหาที่หน้า เทมเพลตทั้งหมด หรือเลือกจาก หมวดหมู่
2. เปิดหน้ารายละเอียดเพื่อดูตัวอย่างบนมือถือ คำอธิบาย และผลการตรวจสอบโครงสร้าง
3. กด คัดลอก JSON เพื่อคัดลอกอ็อบเจกต์ข้อความทั้งหมด ({ "type": "flex", "altText", "contents" }) หรือ ดาวน์โหลด เป็นไฟล์ flexlay-ชื่อเทมเพลต.json (UTF-8)
4. หากต้องการทดลองแก้ไขใน Flex Message Simulator ให้กด คัดลอกเฉพาะ contents

2. แก้ไขก่อนใช้งาน

• altText — ข้อความที่แสดงในการแจ้งเตือนและรายการแชท ควรสื่อเนื้อหาจริง (ไม่เกิน 400 ตัวอักษร)
• ลิงก์ (uri) — เปลี่ยน https://example.com/… เป็นลิงก์ของคุณ
• postback data — ปรับให้ตรงกับระบบหลังบ้านที่รับ webhook
• รูปภาพ — ใช้ URL แบบ HTTPS ที่เป็นไฟล์ JPEG หรือ PNG ซึ่งคุณมีสิทธิ์ใช้งาน

3. ส่งผ่าน LINE Messaging API

วาง JSON ที่คัดลอกไว้ในอาร์เรย์ messages ของคำขอ push, reply, multicast หรือ broadcast

curl -X POST https://api.line.me/v2/bot/message/push \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer {CHANNEL_ACCESS_TOKEN}" \
  -d '{
    "to": "{USER_ID}",
    "messages": [ ...วาง JSON จาก Flexlay ที่นี่... ]
  }'

ตัวอย่างด้วย Node.js และ LINE Bot SDK:

import { messagingApi } from "@line/bot-sdk";
import message from "./flexlay-restaurant-menu-card.json" with { type: "json" };

const client = new messagingApi.MessagingApiClient({
  channelAccessToken: process.env.LINE_CHANNEL_ACCESS_TOKEN!,
});

await client.pushMessage({ to: userId, messages: [message] });

เก็บ Channel access token ไว้ฝั่งเซิร์ฟเวอร์เท่านั้น Flexlay ไม่ขอและไม่จัดเก็บ token ของคุณ

ผลการตรวจสอบหมายความว่าอย่างไร

• ผ่านการตรวจสอบโครงสร้าง — ไม่พบข้อผิดพลาดตามกฎของ Flexlay (JSON ถูกต้อง ประเภทข้อความ คอมโพเนนต์ ค่าที่บังคับ และขีดจำกัดขนาด)
• ผ่าน มีข้อควรระวัง — ใช้งานได้ แต่มีจุดที่ควรตรวจ เช่น altText ไม่สื่อความหมาย
• ไม่ผ่านการตรวจสอบ — มีข้อผิดพลาดที่ LINE จะปฏิเสธ เทมเพลตลักษณะนี้จะไม่ถูกเผยแพร่

การตรวจสอบนี้ไม่ใช่การรับรองจาก LINE และตัวอย่างบนหน้าเว็บเป็นการแสดงผลโดยประมาณ ควรทดสอบส่งจริงก่อนใช้งาน

คำถามที่พบบ่อย