คู่มือนี้อธิบายขั้นตอนการเชื่อมต่อ LINE (LINE Login + Messaging API + LIFF) เข้ากับปลั๊กอินระบบจอง/ลงทะเบียนบน WordPress โดยให้ ตั้งค่าฝั่ง LINE Developers Console ก่อน เพื่อให้ได้ค่าที่จำเป็น (Channel ID, Channel Secret, LIFF ID/URL, Access Token) แล้วจึงนำค่าเหล่านั้นไปกรอกในหน้าตั้งค่าของ WordPress
หมายเหตุ: ค่า credential ที่เป็นความลับ (Channel secret, Access token) ในภาพประกอบถูก ปิดบัง (masked) เพื่อความปลอดภัย โปรดใช้ค่าจริงจากคอนโซลของคุณ
สารบัญ
- ส่วนที่ 1 — LINE (ขั้นตอนที่ 1–8): สร้าง channel, ตั้งค่า LINE Login, LIFF และ Messaging API
- ตารางสรุปค่า ที่ต้องคัดลอกจาก LINE ไปใช้ใน WordPress
- ส่วนที่ 2 — WordPress (ขั้นตอนที่ 9–12): กรอกค่าในปลั๊กอินและตั้งค่า Template ข้อความ
ส่วนที่ 1 — ตั้งค่า LINE ที่ LINE Developers Console — https://developers.line.biz/console/
ภายใต้ Provider เดียวกัน ต้องมี 2 channel คือ LINE Login channel และ Messaging API channel และสร้าง LIFF app ไว้ภายใต้ LINE Login channel
1
สร้าง Channel ทั้งสองตัวใน Provider เดียวกัน
- เข้าสู่ LINE Developers Console ที่
https://developers.line.biz/console/ - เปิด Provider ชื่อ Kubota Farm 2025 แล้วไปที่แท็บ Channels
- กด Create a new channel เพื่อสร้าง 2 channel ได้แก่ Messaging API และ LINE Login
- เมื่อสร้างเสร็จจะเห็นทั้งสอง channel แสดงอยู่ในหน้า Channels ตามภาพ
2
LINE Login channel — Basic settings และ Channel ID
- เปิด channel ที่เป็น LINE Login แล้วไปที่แท็บ Basic settings
- ตรวจสอบสถานะ channel ให้เป็น Published (จุดสีเขียว)
- คัดลอกค่า Channel ID (ตัวอย่าง
1661130200) เก็บไว้ใช้ในช่อง Line Channel ID ของ WordPress
3
LINE Login channel — Scope, Channel secret และผูก LINE OA
- ที่แท็บ Basic settings เลื่อนลงมาส่วน Permissions
- ตั้งค่า Scope ให้มี:
PROFILE,CHAT_MESSAGE,OPENID_CONNECT,OC_EMAIL - คัดลอก Channel secret เก็บไว้ใช้ในช่อง Line Channel Secret ของ WordPress
- ที่หัวข้อ Add friend option > Linked LINE Official Account ให้ผูก LINE Login เข้ากับ LINE OA (Messaging API) เช่น
@005kukfg
ค่าในภาพถูกปิดบัง (masked) เพื่อความปลอดภัย — ให้ใช้ค่าจริงจากคอนโซลของคุณ
4
LINE Login channel — สร้าง LIFF app
- ที่ channel LINE Login ไปที่แท็บ LIFF
- กด Add เพื่อสร้าง LIFF app (LIFF = LINE Front-end Framework สำหรับฝังหน้าเว็บใน LINE)
- เมื่อสร้างแล้ว LIFF app จะปรากฏในตาราง LIFF applications
5
LINE Login channel — รายละเอียด LIFF (LIFF ID / URL / Scopes)
- เปิด LIFF app ที่ต้องการใช้งาน เพื่อดู LIFF detail
- คัดลอก LIFF ID และ LIFF URL (รูปแบบ
https://liff.line.me/<LIFF ID>) เก็บไว้ใช้ใน WordPress - ตั้งค่า Size = Full
- Endpoint URL = หน้าฟอร์มลงทะเบียนบนเว็บไซต์ เช่น
.../kubotafarm/registration-rebuild - Scopes =
openid, email, profile, chat_message.write - Add friend option =
On (aggressive)
6
Messaging API channel — หน้า Messaging API settings และ Webhook
- เปิด channel ที่เป็น Messaging API แล้วไปที่แท็บ Messaging API
- ดู Bot basic ID (เช่น
@005kukfg) และ QR code สำหรับให้ลูกค้าเพิ่มเพื่อน - ที่ Webhook settings ใส่ Webhook URL ของเว็บไซต์ เช่น
https://<your-site>/.../wp-json/ydm-line-message/v1/webhookแล้วกด Verify - เปิดสวิตช์ Use webhook เป็น ON
7
Messaging API channel — ตรวจ Webhook และ Channel access token
- ตรวจสอบ Webhook URL และกด Verify ให้ผ่าน, เปิด Use webhook, ปิด Webhook redelivery, เปิด Error statistics aggregation
- ส่วน LINE Official Account features (Allow bot to join group chats / Auto-reply / Greeting) ตั้งค่าตามต้องการ
- เลื่อนลงล่างสุดที่ Channel access token (long-lived) แล้ว คัดลอก token เก็บไว้ใช้ในช่อง Line Message Access Token ของ WordPress
Channel access token ในภาพถูกปิดบัง (masked) เพื่อความปลอดภัย
8
Messaging API channel — Basic settings และ Channel secret
- ไปที่แท็บ Basic settings ของ channel Messaging API
- App types =
Bot, Permissions =PROFILE - คัดลอก Channel secret เก็บไว้ใช้ในช่อง Line Message Channel Secret ของ WordPress
Channel secret ในภาพถูกปิดบัง (masked) เพื่อความปลอดภัย
ตารางสรุปค่าที่ต้องคัดลอก จาก LINE ไปกรอกใน WordPress
| ค่า | หาได้จาก (LINE Console) | นำไปใส่ช่องใน WordPress |
|---|---|---|
| Line Channel ID | LINE Login > Basic settings (Channel ID) | Line Channel ID |
| Line Channel Secret | LINE Login > Basic settings (Channel secret) | Line Channel Secret |
| Line LIFF ID | LINE Login > LIFF (LIFF ID) | Line LIFF ID |
| Line LIFF Login URL | LINE Login > LIFF (LIFF URL) | Line LIFF Login URL |
| Line Message Channel ID | Messaging API > Basic settings (Channel ID) | Line Message Channel ID |
| Line Message Channel Secret | Messaging API > Basic settings (Channel secret) | Line Message Channel Secret |
| Line Message Access Token | Messaging API > Messaging API tab (long-lived token) | Line Message Access Token |
ส่วนที่ 2 — ตั้งค่า WordPress หน้าแอดมินของปลั๊กอินระบบจอง/Line Message
9
Reservations Setting → แท็บ Line
- ไปที่เมนู Reserve Manage > Setting แล้วเลือกแท็บ Line
- Line Authentication Settings: กรอก Line Channel ID และ Line Channel Secret (ค่าจาก LINE Login channel)
- Line Liff Settings: กรอก Line LIFF ID และ Line LIFF Login URL
- Line Message Settings: กรอก Line Message Access Token (ค่าจาก Messaging API channel)
- กดปุ่ม Save Line Settings
10
Line Message → Configuration → แท็บ Line
- ไปที่เมนู Line Message > Configuration แล้วเลือกแท็บ Line
- Line Authentication Settings: Line Channel ID, Line Channel Secret (ค่าจาก LINE Login channel)
- Line LIFF Settings: Line LIFF ID, Line LIFF Login URL
- Line Message Settings: Line Message Channel ID, Line Message Channel Secret, Line Message Access Token (ค่าจาก Messaging API channel)
- บันทึกการตั้งค่า
ค่า Channel secret / Access token ในภาพถูกปิดบัง (masked) เพื่อความปลอดภัย
11
Line Message → Message Button (รายการ Template)
- ไปที่เมนู Line Message > Message Button
- จะเห็นรายการ Template ข้อความทั้งหมด เช่น default message ก่อนเข้าฟาร์ม, quiz message, satisfaction survey message ฯลฯ
- กดปุ่ม แก้ไข (สีเขียว) เพื่อแก้ template ที่ต้องการ หรือ ลบ (สีแดง) เพื่อลบ
12
แก้ไข Template (Add / Edit Template)
- Image Style =
Rectangle, Image Size =Cover - Upload Image: อัปโหลดรูป (JPEG/PNG, กว้างสูงสุด 1024px, ไฟล์ไม่เกิน 10MB) และเลือก Background Color ได้
- Title / Text: ใส่หัวข้อและข้อความ (เช่น "กรุณาตอบแบบสอบถาม")
- Numbers of Actions: เลือกจำนวนปุ่ม
- Action 1 → Type =
URI Action, Button Label = ป้ายปุ่ม (เช่น "ตอบคำถาม"), URL = ใส่ LIFF URL ต่อด้วย/quizเช่นhttps://liff.line.me/<LIFF ID>/quiz - ดูผลลัพธ์ได้ที่ Message Preview ด้านขวา
