คู่มือ Step-by-step

เชื่อม LINE OA เข้ากับ mequeue ใน 13 ขั้นตอน

ทำตามทีละภาพ ไม่ต้องเป็นช่างเทค ใช้เวลาไม่เกิน 30 นาที ก็เปิดให้ลูกค้าจองคิวผ่าน LINE ได้แล้ว

~5 นาที 13 ขั้นตอน ไม่ต้องเขียนโค้ด

เริ่มเชื่อม LINE OA ฟรี ดูคู่มือก่อน

ภาพรวมการติดตั้ง LINE OA บน mequeue ครอบคลุมตั้งแต่ Messaging API, LINE Login, LIFF App, Webhook ถึง Rich Menu

เตรียมให้ครบก่อนเริ่ม

มีสิ่งเหล่านี้ครบ จะทำตามคู่มือต่อเนื่องโดยไม่ต้องหยุดกลางทาง

บัญชี LINE

ที่จะใช้เป็น LINE OA ของร้าน (เพิ่งสมัครได้)

LINE Official Account

สร้างฟรีที่ manager.line.biz

อีเมลธุรกิจ

สำหรับสมัคร mequeue และยืนยันตัว

โลโก้ร้าน

ขนาด 512×512 pixel ขึ้นไปสำหรับ Bot icon

รายการบริการ

ชื่อบริการ ราคา และเวลาที่ใช้แต่ละรายการ

รายชื่อพนักงาน

พนักงานที่จะรับคิว พร้อมเวลาทำงาน

คู่มือติดตั้ง 13 ขั้นตอน

แต่ละขั้นตอนมีรูปประกอบและคำอธิบายชัดเจน คลิกเพื่อขยายดูภาพได้

01

เปิด LINE Developers Console

จุดเริ่มต้นทุกการตั้งค่า LINE OA สำหรับ mequeue
1. เข้าไปที่ developers.line.biz/console ด้วยบัญชี LINE ที่ต้องการใช้กับร้าน
2. ถ้ายังไม่มี Provider ให้กด "Create" เพื่อสร้างใหม่ ใส่ชื่อบริษัทหรือชื่อร้านได้เลย
3. Provider จะเป็นกล่องที่เก็บทั้ง Messaging API และ LINE Login ของร้านนี้
Pro tip
ใช้ 1 Provider ต่อ 1 ร้าน เพื่อให้แยกข้อมูลและสิทธิ์ชัดเจน
02

สร้าง Messaging API Channel

ช่องทางหลักที่ระบบใช้ส่งข้อความและคุม Rich Menu
1. ในหน้า Provider กด "Create a Messaging API channel"
2. กรอกชื่อ Channel ใช้ชื่อร้านได้เลย เช่น "ร้านตัดผม Mequeue"
3. ใส่ Description, Category และ Subcategory ให้ตรงกับธุรกิจจริง
4. อัปโหลดรูปไอคอน (โลโก้ร้าน) และกด Create
03

ดู Channel ID และ Channel Secret

ค่าที่ mequeue ต้องใช้เพื่อคุยกับ LINE OA ของคุณ
1. เปิด Messaging API channel ที่เพิ่งสร้าง ไปที่แท็บ "Basic settings"
2. จะเห็น Channel ID และ Channel Secret อยู่บนสุดของหน้า
3. คัดลอก Channel ID เก็บไว้ก่อน
4. กด "Show" ที่ Channel Secret แล้วคัดลอกเก็บไว้ด้วย
Pro tip
อย่าแชร์ Channel Secret ในที่สาธารณะ ถือเป็น "รหัสผ่าน" ของ Bot
04

สร้าง Channel Access Token

Token ที่ใช้แทน Bot เวลาส่งข้อความ
1. เลื่อนไปแท็บ "Messaging API" ของ channel เดิม
2. หาหัวข้อ "Channel access token" แล้วกด Issue
3. จะได้ token ยาวๆ ขึ้นมา คัดลอกเก็บไว้ทันที
4. ถ้าเคยกดมาแล้ว ให้ใช้ token เดิมหรือ Reissue ใหม่ได้
Pro tip
Channel Access Token (long-lived) จะใช้กับ webhook ต่อไป ห้ามให้คนนอกเห็น
05

สร้าง LINE Login Channel

ใช้ยืนยันตัวลูกค้าตอนเปิด LIFF Booking
1. กลับไปที่ Provider เดิม กด "Create a LINE Login channel"
2. สำคัญ: ต้องอยู่ใน Provider เดียวกับ Messaging API ที่เพิ่งสร้าง
3. App type เลือก "Web app" และกรอกชื่อ description ให้ครบ
4. กด Create และเข้าไปดู Channel ID + Channel Secret เก็บเอาไว้
Pro tip
ถ้าใช้คนละ Provider จะทำให้ LIFF login ไม่ผ่าน เพราะ scope ไม่ตรงกัน
06

ล็อกอิน mequeue และเปิดหน้า LINE Settings

นำ credentials ที่เก็บไว้มากรอกในระบบของเรา
1. ไปที่ https://app.mequeue.app/login ล็อกอินด้วยบัญชีร้าน
2. เปิดเมนู "LINE Settings" จาก sidebar
3. จะเจอ workflow 5 ขั้นตอน: Connection / Customer App / Rich Menu / Diagnostics
4. เริ่มที่แท็บ "Connection" สำหรับขั้นตอนต่อไป
07

กรอก Messaging API ลงใน mequeue

เชื่อม LINE OA กับ Bot ของระบบ
1. วาง LINE Official Account Basic ID (เช่น @yourshop) ในช่องแรก
2. ใส่ Messaging Channel ID, Channel Secret, Channel Access Token
3. กด "เชื่อมต่อ Messaging API"
4. รอประมาณ 1–2 วินาที จะเห็นป้าย "Connected" สีเขียวขึ้น
Pro tip
หลังบันทึก secret และ token จะถูกแสดงเป็น •••• เพื่อความปลอดภัย
08

บันทึก LINE Login Channel

ตั้งค่าระบบยืนยันตัวลูกค้าให้พร้อม
1. ในหน้าเดียวกัน เลื่อนลงไปกล่อง "LINE Login"
2. ใส่ LINE Login Channel ID และ Channel Secret ที่ได้จากขั้นตอนที่ 5
3. กด "บันทึก LINE Login"
4. ป้ายสถานะจะเปลี่ยนจาก "Required" เป็น "Saved"
09

สร้าง LIFF App สำหรับหน้าจองคิว

หน้าเว็บที่ลูกค้าจะเห็นใน LINE สำหรับจองคิว
1. เปลี่ยนไปแท็บ "Customer App" ในเมนู LINE Settings
2. ตั้งชื่อ LIFF App เช่น "Mequeue Booking"
3. Endpoint URL ระบบจะกรอกให้อัตโนมัติ ตรวจสอบว่าเป็น HTTPS เท่านั้น
4. เลือก LIFF Size = Full และเลือก Scopes profile + openid
5. กด "สร้าง LIFF App" ระบบจะคืน LIFF ID + LIFF URL
Pro tip
LIFF URL จะถูกใช้ฝังลงใน Rich Menu ในขั้นตอนต่อไป ไม่ต้องคัดลอกเอง
10

ติดตั้ง Rich Menu

เมนูล่างในแชท LINE ที่พาลูกค้าไปจองคิว
1. เปลี่ยนไปแท็บ "Rich Menu"
2. เลือก preset ที่อยากใช้: เมนูมาตรฐาน, เน้นจองคิว หรือ Minimal
3. แต่ละ preset มี preview ของปุ่มให้เห็นชัดเจน
4. กด "ติดตั้งจาก preset" ระบบจะสร้าง Rich Menu และเชื่อมกับ LIFF อัตโนมัติ
5. กด Publish เพื่อให้ Rich Menu แสดงในแชท LINE ของลูกค้าทันที
Pro tip
ถ้าอยากออกแบบเอง ใช้ปุ่ม "Advanced Builder" ปรับสี/ข้อความ/ปุ่มได้ละเอียด
11

ตรวจระบบใน Diagnostics

รัน Test Suite เพื่อให้แน่ใจว่าใช้งานได้จริง
1. เปลี่ยนไปแท็บ "Diagnostics"
2. กด "ทดสอบทั้งหมด" ระบบจะตรวจ Messaging API, LINE Login, LIFF, Rich Menu, Webhook
3. แต่ละหัวข้อถ้าผ่านจะขึ้นเครื่องหมาย ✓ สีเขียว
4. ถ้ามีหัวข้อใดเป็น Fix ให้กลับไปแก้ตามคำอธิบาย
12

ติดตั้ง Webhook

ให้ LINE ส่ง event มายัง mequeue ตอนลูกค้าจอง/ยกเลิก
1. ในแท็บ Diagnostics กด "ติดตั้ง Webhook"
2. ระบบจะตั้งค่า Webhook URL ให้อัตโนมัติและเปิด Use webhook
3. ใน LINE Developers Console ตรวจสอบ Webhook URL = https://api.mequeue.app/...
4. กด "Verify" ใน LINE Console จะได้ Success ทันที
Pro tip
หลังเปลี่ยน token หรือย้ายโดเมน อย่าลืมกดปุ่มนี้อีกครั้ง
13

พร้อมรับลูกค้าจริง

Production ready — ทดสอบจองครั้งแรกของคุณได้เลย
1. กลับไปที่หน้า Overview ของ LINE Settings
2. จะเห็น progress 5/5 พร้อมป้าย "Production ready"
3. เพิ่มเพื่อน LINE OA ของร้านในมือถือทดสอบ
4. แตะ Rich Menu → จองคิว → เลือกบริการ/พนักงาน/เวลา → ยืนยัน
Pro tip
ลูกค้าจริงจะเห็น Rich Menu ภายใน 1–2 นาทีหลัง publish