เชื่อม LINE OA กับ VetRadix

เมื่อเชื่อมแล้ว เจ้าของสัตว์กดปุ่มในห้องแชท LINE ของคลินิกเพื่อลงทะเบียน ดูข้อมูลสัตว์เลี้ยง และจองนัดได้เอง และคลินิกส่งแจ้งเตือนนัดหมายเข้า LINE ได้ ทำ 2 ส่วนตามลำดับ:

1. ตั้งค่า LINE — สร้าง LIFF app ใน LINE Developers แล้วนำค่ามาใส่ใน VetRadix
2. ทำ Rich Menu — เมนูปุ่มด้านล่างห้องแชท LINE OA ที่มีปุ่มเปิด VetRadix

สิ่งที่ต้องมีก่อนเริ่ม: บัญชี LINE Official Account ของคลินิก และสิทธิ์ผู้ดูแลใน VetRadix (เมนู ตั้งค่า)

ส่วนที่ 1 — ตั้งค่า LINE#

หน้าตั้งค่าอยู่ที่เมนู ตั้งค่า > LINE LIFF ในหน้านั้นมีค่า Endpoint URL ของคลินิกให้กดคัดลอก

1. สร้าง LINE Login Channel — เข้า LINE Developers Console เลือก Provider ของคลินิก (หรือสร้างใหม่) แล้วสร้าง Channel ประเภท LINE Login
2. เพิ่ม LIFF app — ใน Channel ที่สร้าง ไปแท็บ LIFF กด Add แล้วตั้งค่า:
   • Size: Full
   • Endpoint URL: คัดลอกจากการ์ด Endpoint URL ในหน้า LINE LIFF ของ VetRadix (ลงท้ายด้วย ?orgId= ตามด้วยรหัสคลินิก)
   • Scopes: openid, profile, chat_message.write
   • Bot link feature: On (Aggressive)
3. คัดลอก LIFF ID — หลังสร้าง LIFF app จะได้ LIFF ID (หน้าตาแบบ 2008107454-rVZAbbjw) นำมาวางในช่อง LIFF ID ของหน้า LINE LIFF
4. ใส่ Channel Access Token (สำหรับส่งแจ้งเตือน) — เชื่อม LINE Official Account ของคลินิกไว้ใน Provider เดียวกัน ไปที่ Channel ประเภท Messaging API แล้วออก Channel access token (long-lived) นำมาวางในช่อง Channel Access Token — ใช้ส่งเตือนนัดหมายและยืนยันการจองเข้า LINE ของเจ้าของสัตว์
5. บันทึกและทดสอบ — กด Save Configuration แล้วเปิดลิงก์ https://liff.line.me/<LIFF ID> ในแอป LINE บนมือถือ ถ้าเปิดหน้า VetRadix ได้ แปลว่าเชื่อมสำเร็จ เก็บลิงก์นี้ไว้ ใช้เป็นปุ่มใน Rich Menu ส่วนที่ 2

ส่วนที่ 2 — ทำ Rich Menu#

Rich Menu คือแผงปุ่มด้านล่างห้องแชท LINE OA ของคลินิก ใช้ Template 6 ช่องของ VetRadix ได้เลย:

• ดาวน์โหลด Template โทน VetRadix (PNG 2500×1686)
• ดาวน์โหลด Template ขาวดำ (PNG 2500×1686) — สำหรับนำไปแต่งสีหรือใส่โลโก้คลินิกเอง

ไฟล์มีขนาด 2500×1686 พิกเซล ตามที่ LINE แนะนำสำหรับ Rich Menu แบบใหญ่ และไม่เกิน 1 MB ตามที่ LINE กำหนด กดลิงก์แล้วรูปจะเปิดขึ้นมา ให้คลิกขวา (หรือกดค้างบนมือถือ) แล้วเลือก บันทึกรูป

สร้าง Rich Menu ใน LINE OA#

1. เข้า LINE Official Account Manager เลือกบัญชีของคลินิก แล้วไปที่เมนู หน้าจอแชท > ริชเมนู

   

2. กด สร้างใหม่

   

3. ใส่ ชื่อ (ตั้งเองได้ ลูกค้าไม่เห็น) และ ช่วงที่แสดง — ถ้าไม่อยากต้องกลับมาต่ออายุ ให้เลือกวันสิ้นสุดไกลที่สุดที่เลือกได้

   

4. ที่ เทมเพลต กด เลือก

   

5. เลือกแบบ ใหญ่ 6 ช่อง (แถวบน 3 ช่อง แถวล่าง 3 ช่อง — แบบแรกของหมวดใหญ่) แล้วกด เลือก

   

6. ตัวอย่างด้านซ้ายจะแบ่งเป็นช่อง A–F ตามเทมเพลต ที่ รูป กด เลือก

   

7. หน้าต่าง เลือกวิธีใช้รูป จะขึ้นมา

   • ใช้ Template ของ VetRadix ที่ดาวน์โหลดมา (ขนาดตรงแล้ว) — เลือก อัปโหลดรูปและนำไปใช้ แล้วเลือกไฟล์ ข้ามไปข้อ 12 ได้เลย
   • รูปขนาดไม่ตรง 2500×1686 — เลือก แต่งหรือแก้ไขรูปก่อนใช้ แล้วทำข้อ 8–11 ต่อ

   

8. ในหน้า สร้างรูป กด ตั้งค่ารูปเป็นพื้นหลังทั้งหมด

   

9. กดปุ่มรูปภาพด้านล่าง แล้วเลือกไฟล์ Template

   

10. ลากและย่อขยายรูปให้เต็มกรอบ ดูตัวอย่างด้านซ้ายว่ารูปแต่ละปุ่มตรงช่อง จากนั้นกด นำรูปไปใช้เป็นพื้นหลังทั้งหมด

    

11. กดดูทีละช่องในตัวอย่างอีกครั้งว่ารูปตรงกับปุ่ม แล้วกด ใช้

    

    ระบบจะถามว่ายังไม่ได้บันทึกรูปเป็นไฟล์ — ถ้าใช้ Template เดิมโดยไม่แก้อะไร กด ใช้ ได้เลย ถ้าแต่งรูปเพิ่มใน LINE OA และอยากเก็บไว้ใช้ครั้งหน้า ให้กด บันทึกเป็นไฟล์ ก่อน

    

12. ตั้งแอ็กชันของแต่ละช่อง (A–F) ที่ ประเภท เลือก ลิงก์ แล้วใส่ลิงก์:

    ช่อง	ปุ่ม	ลิงก์
    A	เว็บไซต์	เว็บไซต์ของคลินิก
    B	Facebook	เพจ Facebook ของคลินิก
    C	Instagram	Instagram ของคลินิก
    D	ข้อมูลสัตว์เลี้ยง	https://liff.line.me/<LIFF ID> จาก ส่วนที่ 1 ข้อ 5
    E	เวลาทำการ	หน้าที่บอกเวลาทำการ (หรือเลือกประเภท ข้อความ แล้วพิมพ์เวลาทำการ)
    F	การเดินทาง	ลิงก์ Google Maps ของคลินิก

    

13. ที่ ตั้งค่าเมนูบาร์ — ข้อความบนเมนูบาร์ เปลี่ยนเป็นคำอื่นได้ เช่น "ข้อมูลของน้องๆ" และ การแสดงเมนูแบบเริ่มต้น ให้เลือก แสดง เพื่อให้ลูกค้าเห็นเมนูทันทีที่เปิดแชท แล้วกด บันทึก