การเชื่อมต่อกับ LINE|การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน

All_Plan.png

โปรดอ้างอิงถึงบทความนี้เกี่ยวกับขั้นตอนการสร้างบัญชีและลงชื่อเข้าใช้เพื่อเชื่อมต่อกับ LINE

SHOPLINE สนับสนุนการเชื่อมต่อกับ LINE ซึ่งช่วยให้ผู้ค้าเชื่อมต่อกับ LINE API ซึ่งการเชื่อมต่อนี้จะช่วยให้ผู้ค้าสามารถเชื่อมโยงพฤติกรรมของลูกค้าทั้งออนไลน์และออฟไลน์ ช่วยขยายฐานลูกค้าได้อย่างมีประสิทธิภาพ ช่วยเพิ่มยอดขายจากโทรศัพท์มือถือ และนำผู้ใช้ LINE เข้าสู่ระบบสมาชิก

   

เชื่อมต่อร้านค้าของคุณกับ LINE จะช่วยให้คุณเข้าถึงฟีเจอร์บางอย่างด้านล่าง เช่น

*โปรดทราบ: ข้อความที่ถูกโดยฟีเจอร์ด้านบนจะถูกส่งเป็นข้อความที่ต้องชำระเงินซึ่งจะนับรวมจากโควตาข้อความฟรีรายเดือนของ LINE

screenshot-Connect_with_LINE-1.png

 

ขั้นตอนการตั้งค่า 14 ขั้นตอน

ขั้นตอนที่ 1 ตรวจสอบแผนสมาชิกของคุณ

ในผู้ดูแลระบบ SHOPLINE กรุณาไปยัง [สวัสดี OOO] > [การสมัครสมาชิกและการเรียกเก็บเงิน] เพื่อดูรายละเอียดของแผนและโมดูลปัจจุบัน

  • มีรายละเอียดแผนและโมดูลอยู่ใต้ "การสมัครสมาชิกปัจจุบัน" กรุณาตรวจสอบว่าร้านค้าของคุณกำลังใช้งานแผน อีคอมเมิร์ซ หรือ โซเชียลคอมเมิร์ซอยู่หรือไม่ หากกำลังใช้งานอยู่กรุณาข้ามไปยังขั้นตอนที่ 2 
    1.png
    หลังจากตรวจสอบว่าคุณมีแผนการใช้งานที่ถูกต้องแล้ว ในหน้าผู้ดูแลระบบ SHOPLINE ที่เมนูทางด้านซ้ายมือ กรุณาไปยัง [แอพพลิเคชั่น] > [แอพพลิเคชั่นสโตร์] และค้นหาแอพและติดตั้ง Line integrationline3.png

 

ขั้นตอนที่ 2

ไปที่ LINE Official Account Manager จากนั้นสร้าง LINE Business ID โดยการเข้าสู่ระบบด้วยบัญชี LINE ส่วนตัวหรือบัญชีธุรกิจที่ได้รับสิทธิ์เป็นผู้ดูแลระบบ ทั้งนี้ หากคุณกำลังใช้บัญชี LINE@ คุณต้องใช้ LINE Official Account Manager เพื่อที่จะเชื่อมต่อได้สำเร็จ

*โปรดทราบ: หากคุณเปลี่ยนบัญชี LINE@ เป็น LINE Business ID คุณจะไม่สามารถเปลี่ยนกลับได้ โดยหลังจากเปลี่ยนบัญชีแล้วคุณจะสามารถเข้าใช้งานได้โดยผ่าน LINE Official Account Manager เวอร์ชั่นหน้าจอหรือแอปพลิเคชัน

 

ขั้นตอนที่ 3

หลังจากเข้าสู่ระบบ LINE Official Account Manager ไปที่เมนู Settings บริเวณมุมขวามือด้านบน แล้วคลิก Messaging API จากเมนูทางซ้ายมือ หลังจากนั้นคลิก Enable Messaging API

screenshot-Connect_with_LINE-2.png

 

เลือก New provider จากนั้นพิมพ์ shopline (ตัวภาษาอังกฤษแบบพิมพ์เล็ก) ในช่อง [Enter provider name] หากคุณมีการสร้าง provider ใน LINE Developers แล้วเมื่อตั้งค่าการเข้าสู่ระบบ LINE คุณสามารถเลือก provider ดังกล่าวได้ จากนั้นคลิก Agree แล้วคลิก Confirm เพื่อเปิดใช้งาน Messaging API

screenshot-Connect_with_LINE-3.png

 

ขั้นตอนที่ 4

หลังจากเปิดใช้งาน Messaging API แล้ว ไปที่หน้า LINE Developers จากนั้นคลิกที่บัญชีของคุณบริเวณมุมบนขวามือ จากเมนูบริเวณซ้ายมือจะเห็น Providers จากนั้นเลือก shopline จากรายชื่อ Providers ดังกล่าวจากนั้นด้านขวาคุณจะเห็น Messaging API ที่คุณเพิ่งเปิดใช้งาน

screenshot-Connect_with_LINE-4.png

 

screenshot-Connect_with_LINE-5.png

 

ขั้นตอนที่ 5

คลิกที่เพจ Messaging API จะพบ Channel ID และ Channel secret ที่แถบ Basic settings โปรดตรวจสอบให้แน่ใจว่า Channel ID และ Channel secret ที่ปรากฏนั้นเหมือนกับในหน้า LINE Official Official Account Manager (ภาพประกอบด้านล่าง) ไอค่อนของแอปพลิเคชัน ชื่อ รายละเอียด ประเภท และอีเมลของคุณจะปรากฎในหน้า Settings ของ LINE Official Account Manager 

screenshot-Connect_with_LINE-6.png

 

screenshot-Connect_with_LINE-7.png

 

screenshot-Connect_with_LINE-8.png

 

ขั้นตอนที่ 6

ไปที่แผงควบคุมของ SHOPLINE จากนั้นทางด้านซ้ายมือ ไปที่ [การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน] > [LINE] ในหน้าการตั้งค่า ไปที่ทางด้านขวามือที่แถบเชื่อมต่อ LINE และเลือกเชื่อมต่อ

screenshot-Connect_with_LINE-9.png

 

ขั้นตอนที่ 7

i. คัดลอก Webhook URL ดังตัวอย่างในภาพด้านล่าง

4.png

 

ii. จากนั้นวางลงในช่องภายใต้แท็บ  "Messaging API" ในหน้า LINE Developers จากนั้นเลื่อนลงมายัง "Webhook URL" และวาง URL ทั้งนี้ต้องเติม “https://” ด้านหน้าด้วย จากนั้นคลิก Update เพื่อบันทึกการเปลี่ยนแปลง

7.png

8.png

 

iii. หลังจากที่ได้อัปเดต Webhook URL แล้ว กรุณากดเปิดปุ่ม "Use webhook" ด้วย

webhook.png

 

iv. หลังจากนั้นคุณจะเห็นปุ่ม Verify ปรากฏขึ้นมา คลิกที่ปุ่ม Verify จากนั้นจะเห็นหน้าต่างแสดงข้อความ Success ปรากฏขึ้นหากขั้นตอนข้างต้นสำเร็จเรียบร้อย 

 

__LINE-19.png

__LINE-20.png

 

iv. ไปที่หน้า LINE Official Account Manager จากนั้นใส่ webhook URL ที่คัดลอกจากหน้าแผงควบคุมของ SHOPLINE โดยเพิ่มคำนำหน้า “https://” และกด Save

screenshot-Connect_with_LINE-19.png

 

ขั้นตอนที่ 8

ไปที่หน้า LINE Developers ที่แถบ Basic settings ในหน้า Messaging API

 

i. คัดลอก Channel ID และ Channel secret ที่ได้จากแถบ Basic settings ใน LINE Developers

13.png

__LINE-9.png

 

ii. จากนั้นวางข้อมูลที่คัดลอกไว้ลงในช่องที่เกี่ยวข้องในผู้ดูแลระบบ SHOPLINE (กรุณาดูภาพด้านล่างประกอบ)

2.png

 

iii. ที่แถบ Messaging API ใน LINE Developers ไปที่หัวข้อ Channel access token (long-lived) จากนั้นคลิก Issue แล้วคุณจะเห็น "Channel access token (long-lived)" 7.png

3.png

 

iv. คัดลอก Token information ที่ปรากฏและวางลงในช่อง "Channel Access Token: ซึ่งอยู่ในแผงควบคุมของ SHOPLINE ([การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน] > [LINE] > [เชื่อมต่อ LINE]).

3.png

 

หลังจากตั้งค่าข้อมูลสำหรับ Messaging API Channel เสร็จเรียบร้อยแล้ว กรุณาดำเนินการตั้งค่าข้อมูลสำหรับ LINE Login Channel

 

ขั้นตอนที่ 9

การสร้างLINE Login Channel จะช่วยให้ลูกค้าสามารถติดตาม LINE@ ของคุณได้

กรุณาไปยังหน้า LINE Developer จากนั้นคลิกสร้างช่องทางใหม่ และเลือก LINE login หรือ Messaging API

10.png

โปรดทราบ:
- หากคุณได้มีการตั้งค่าการเข้าสู่ระบบและลงทะเบียนด้วย LINE ในห้า SHOPLINE แอดมินไว้แล้ว
กรุณาข้ามไปยังขั้นตอนที่ 11
- หากคุณยังไม่ได้ตั้งค่า LINE Login & ตั้งค่าใน SHOPLINE แอดมิน กรุณาสร้าง LINE Login Channel
จากผู้ให้บริการเดียวกันกับ Messaging API Channel ใน LINE developer
คุณสามารถปฎิบัติตามวิธีการตั้งค่านี้ได้ในบทความ: การเข้าสู่ระบบและลงทะเบียนด้วยบัญชี LINE ก่อนที่จะ
ดำเนินการต่อไปยังขั้นตอนที่ 10

 

ขั้นตอนที่ 10

หลังจากยืนยันการตั้งค่าแล้ว ไปที่ส่วนข้อมูลในหน้า providers อีกครั้งจากหน้าของ LINE Login แล้วคัดลอก Channel ID และ Channel secret จากแท็บ Basic Settings จากนั้นวางในช่อง Channel ID (LINE login) และ Channel secret (LINE ID) บนแผงควบคุมของ SHOPLINE

13.png

15.png

5.png

 

ขั้นตอนที่ 11

จากนั้นคัดลอก Callback URL บนแผงควบคุมของ SHOPLINE แล้วไปที่หน้า LINE Login ใน LINE Developers ที่แท็บ LINE Login เลื่อนลงมาที่หัวข้อ Web app จะมี Callback URL จากนั้นคลิก Edit แล้ววาง Callback URL ที่คัดลอกมาลงในช่องดังกล่าวแล้วกด Update

6.png

17.png

*หากขั้นตอนนี้ไม่ได้ถูกตั้งค่าอย่างถูกต้อง ผู้ใช้งานจะเห็นข้อความผิดพลาด "400" 
เมื่อพยายามเข้าสู่ระบบหรือลงทะเบียนโดยใช้ LINE

 

ขั้นตอนที่ 12

ไปที่หน้า LINE Login เพื่อสร้าง LINE@ ID ของคุณ จากนั้นเลื่อนลงมาที่หัวข้อ Linked OA ในแท็บ Basic settings แล้วคลิก Edit จากนั้นเลือก Message API Channel ของคุณจากตัวเลือกในช่องที่ปรากฏขึ้นแล้วคลิก Update

17.png

18.png

 

หลังจากกด Update แล้ว LINE@ ID ของคุณจะปรากฏขึ้น โดย ID ของคุณจะเป็นตัวเลขและตัวอักษรหลังจากสัญลักษณ์ @ และก่อนเครื่องหมาย “/” จากนั้นคัดลอก Basic ID (ตัวอย่าง "633nofwg" จากภาพตัวอย่างด้านบน) ซึ่งอยู่ใน LINE Official Account Manager แท็บ Account settings หัวข้อ Account details ไปวางที่แผงควบคุมของ SHOPLINE

screenshot-Connect_with_LINE-26.png

 

ขั้นตอนที่ 13

หากมาถึงขั้นตอนนี้ แสดงว่าการตั้งค่าต่างๆ ใกล้จะเสร็จสิ้นแล้ว คลิกที่ปุ่มสถานะ Developing ทางด้านขวามือ จากนั้นกด Publish ในหน้าต่างที่เด้งขึ้นมา สถานะจะเปลี่ยนเป็น Published

20.png

21.png

22.png

 

ขั้นตอนที่ 14

กลับไปที่แผงควบคุม SHOPLINE คลิกปุ่ม “เชื่อมต่อ” ทางขวามือด้านล่าง จะมีข้อความ “เชื่อมต่อกับ LINE สำเร็จ” ปรากฏขึ้น

screenshot-Connect_with_LINE-30.png 

 

FAQ

หากระบบแจ้งคำเตือน "LINE Message API connection error" หลังจากที่คุณคลิกเชื่อมต่อ กรุณาตรวจสอบว่า "Channel Secret (LINE LOGIN)" ในหน้าแอดมินนั้นมีการใส่สัญลักษณ์ " * " หรือไม่ ถ้าหากว่ามีสัญลักษณ์นี้อยู่ กรุณากลับไปยังขั้นตอนที่ 10 เพื่อปฏิบัติตามขั้นตอนในการกรอกตัวเลขที่ถูกต้อง

Screen_Shot_2023-01-19_at_2.37.28_PM.png

 

บทความนี้มีประโยชน์หรือไม่
0 จาก 0 เห็นว่ามีประโยชน์
มีคำถามเพิ่มเติมหรือไม่ ส่งคำร้องขอ

ข้อคิดเห็น