วิดเจ็ตแชท | ศูนย์ข้อความ

e-commerce_social commerce.png

ศูนย์ข้อความของ SHOPLINE รองรับ “วิดเจ็ตแชท”แล้วตอนนี้ เมื่อลูกค้ากำลังเลือกซื้อสินค้าอยู่บนหน้าร้านค้า พวกเขาสามารถเริ่มบทสนทนากับฝ่ายให้บริการลูกค้าได้ผ่าน Facebook Messenger, Instagram, LINE, WhatsApp, หรือฟีเจอร์สนทนาออนไลน์ผ่านหน้าร้าน ข้อความทั้งหมดจะปรากฎในศูนย์ข้อความเพื่อให้บริการการจัดการข้อความแบบครบวงจรได้ในที่เดียว

⚠️ หมายเหตุ: ในขณะนี้วิดเจ็ตแชทรองรับเพียงเทมเพลตธีม Ultra Chic, Kingsman, และ Varm เท่านั้น

บทความนี้จะครอบคลุมหัวข้อดังต่อไปนี้:

1. การติดตั้งแอปพลิเคชัน

ขั้นตอนที่ 1

ในหน้าแอดมินของ SHOPLINE ไปที่ [โซเชียลคอมเมิร์ซ] > [ศูนย์ข้อความ] ในเมนูทางด้านซ้ายเลือก [Customer Assistant] > [วิดเจ็ตแชท]

การติดตั้งแอปพลิเคชัน-01.png

 

ขั้นตอนที่ 2

คลิกที่ลิงก์ "แอปพลิเคชันสโตร์ของ SHOPLINE" เพื่อเข้าสู่แอปพลิเคชัน "SHOPLINE วิดเจ็ตแชท"

การติดตั้งแอปพลิเคชัน-02.png

 

ขั้นตอนที่ 3

คุณจะถูกนำไปยังหน้า “SHOPLINE วิดเจ็ตแชท” ในหน้าแอปพลิเคชันสโตร์ คลิก "ติดตั้งตอนนี้" เพื่อติดตั้งแอปพลิเคชันฟรี สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการติดตั้ง กรุณาอ้างอิงจากบทความนี้

การติดตั้งแอปพลิเคชัน-03.png

 

ขั้นตอนที่ 4

เมื่อคุณติดตั้งแอปพลิเคชันแล้ว คุณสามารถไปที่ [แอพพลิเคชั่น] > [แอพพลิเคชั่นของฉัน] จากนั้นคลิกจุดสามจุดด้านขวาของแอปพลิเคชัน “SHOPLINE วิดเจ็ตแชท” เลือก [App Setting]

การติดตั้งแอปพลิเคชัน-04.png

เปิดปุ่มด้านขวาของ "App Script" เพื่อเปิดการใช้งาน Script (สถานะจะเปลี่ยนจาก Deactivated เป็น Activated)

การติดตั้งแอปพลิเคชัน-05.png

 

2. การตั้งค่า

ขั้นตอนที่ 1

หลังจากติดตั้งแอปพลิเคชันเรียบร้อยแล้ว ไปที่ [ศูนย์ข้อความ] > [Customer Assistant] > [วิดเจ็ตแชท]

การติดตั้งแอปพลิเคชัน-06.png

 

ขั้นตอนที่ 2

เปิดใช้งานปุ่ม “เปิดใช้งานวิดเจ็ตแชท”

การติดตั้งแอปพลิเคชัน-07.png

 

ขั้นตอนที่ 3

i. คุณได้เชื่อมต่อช่องทางโซเชียลมีเดียในหน้าผู้ดูแลระบบ > [การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน] ไว้แล้ว

หากคุณได้เชื่อมต่อช่องทางโซเชียลมีเดียในหน้าผู้ดูแลระบบ > [การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน] ไว้แล้ว ระบบจะทำการแสดงบัญชีที่เชื่อมไว้ในวิดเจ็ตแชทโดยอัตโนมัติ หากคุณได้เชื่อมเพจ Facebook หรือบัญชี Instagram มากกว่าหนึ่งบัญชี คุณสามารถเลือกบัญชีหนึ่งบัญชีเพื่อให้ลูกค้าติดต่อคุณได้จากรายการดร็อปดาวน์

การตั้งค่า - 03.png

 

ii. คุณไม่ได้เชื่อมต่อช่องทางโซเชียลมีเดียในหน้าผู้ดูแลระบบ > [การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน]

หากคุณไม่ได้เชื่อมช่องทางโซเชียลมีเดียไว้ คุณสามารถเพิ่มบัญชีโซเชียลมีเดียได้โดยการป้อนข้อมูลบัญชีของแต่ละช่องทาง(ร้านค้าที่เชื่อมช่องทางโซเชียลมีเดียไว้แล้วสามารถเพิ่มบัญชีอื่นๆเพิ่มเติมด้วยวิธีนี้ได้อีกเช่นกัน):

การตั้งค่า - 04.png

 

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

การตั้งค่า - 05.png

 

ขั้นตอนที่ 4

i.เปิดใช้งานและปรับแต่ง "ข้อความต้อนรับ(welcome message)" สำหรับช่องทางการสนทนาออนไลน์(Online Conversation)

เมื่อเปิดใช้งานข้อความต้อนรับแล้ว หากลูกค้าลงชื่อเข้าสู่ระบบของร้านค้าและลูกค้าเลือกช่องทาง "การสนทนาออนไลน์(Online Conversation)" ในการติดต่อร้านค้า ลูกค้าจะได้รับข้อความต้อนรับที่ร้านค้าตั้งไว้ทุกครั้ง

*โปรดทราบ:

  • ข้อความต้อนรับนี้รองรับเฉพาะข้อความและอิโมจิสูงสุด 200 ตัวอักษร
  • หากคุณไม่ได้ทำการการปรับแต่งข้อความต้อนรับ ระบบจะส่งข้อความเริ่มต้นของระบบ

การตั้งค่า - 06.png

ii.คุณสามารถเปิดใช้และปรับแต่ง "ข้อความแนะนำ WhatsApp(WhatsApp guide message)" สำหรับช่องทาง WhatsApp

เมื่อเปิดใช้งานข้อความนี้แล้ว หากลูกค้าติดต่อคุณผ่านทาง WhatsApp ข้อความนี้จะถูกนำไปใช้ในกล่องสนทนา สำหรับรายละเอียดเพิ่มเติมโปรดดูที่บทความนี้

*โปรดทราบ:

  • ข้อความแนะนำ WhatsApp นี้รองรับเฉพาะข้อความและอิโมจิสูงสุด 200 ตัวอักษร
  • หากคุณไม่ได้ทำการการปรับแต่งข้อความต้อนรับ ระบบจะส่งข้อความเริ่มต้นของระบบ

การตั้งค่า - 07.png

 

ขั้นตอนที่ 5

คลิกปุ่ม "จัดเรียง" ที่มุมบนขวามือ เพื่อจัดเรียงลำดับช่องทางการติดต่อ

Sort.gif

 

ขั้นตอนที่ 6

ในส่วนของแท็บ "การตั้งค่ารูปลักษณ์" คุณสามารถปรับแต่งรูปลักษณ์ของปุ่มวิดเจ็ตแชทได้

i. หัวข้อ

ใส่หัวข้อใหญ่และหัวข้อย่อย

การตั้งค่า - 08.png

 

ii. สไตล์

เลือกสไตล์ของปุ่ม

chat widget.gif

 

iii.  ธีมสี

กำหนดสีของปุ่ม

การตั้งค่า - 09.png

 

iv. ตำแหน่งของปุ่ม

กำหนดตำแหน่งของปุ่ม

การตั้งค่า - 10.png

 

ขั้นตอนที่ 7

เมื่อตั้งค่าเรียบร้อยแล้ว คลิก [บันทึก]

การตั้งค่า - 11.png

 

3. มุมมองหน้าร้านค้า

เมื่อตั้งค่าด้านบนเสร็จเรียบร้อยแล้ว ปุ่มวิดเจ็ตแชทจะปรากฎขึ้นในหน้าร้านค้า ลูกค้าสามารถคลิกที่ปุ่มเพื่อติดต่อกับร้านค้าได้ผ่านช่องทางที่ลูกค้าต้องการ

chat widget 2.gif

 

i.การสนทนาออนไลน์ (Online Conversation)

เมื่อลูกค้าเลือก "การสนทนาออนไลน์ (Online Conversation)" ระบบจะตรวจสอบสถานะการเข้าสู่ระบบของลูกค้า

  • เข้าสู่ระบบ: แสดงหน้าต่างสนทนากับลูกค้า
    Online Conversation.png
  • ไม่ได้เข้าสู่ระบบ: ลูกค้าจะถูกนำไปยังหน้าเข้าสู่ระบบก่อน เมื่อเข้าสู่ระบบแล้ว หน้าต่างสนทนาจะปรากฏขึ้นและลูกค้าจะได้รับข้อความต้อนรับที่ร้านค้าตั้งค่าไว้
    เข้าสู่ระบบ.png

    เข้าสู่ระบบ 2.png

หากลูกค้าเคยติดต่อร้านค้ามาก่อน การสนทนาก่อนหน้านี้จะปรากฏขึ้นในหน้าต่างการสนทนา

Chat Widget - Message Store.png

เมื่อร้านค้าตอบกลับลูกค้า ลูกค้าจะได้รับการแจ้งเตือนทันที:

  • ข้อความใหม่จะปรากฏที่หน้าร้าน ลูกค้าจะเห็นข้อความใหม่นี้ได้โดยไม่เปิดวิดเจ็ตแชท และลูกค้าสามารถเปิดหน้าต่างสนทนาได้โดยกดที่ข้อความใหม่ที่แสดงขึ้นมา หรือส่วนตอบกลับการสนทนาของวิดเจ็ตแชท
    unread2.png
  • จำนวนข้อความที่ลูกค้ายังไม่ได้อ่านจะแสดงที่ไอคอนวิดเจ็ตแชท และ "X ข้อความที่ยังไม่ได้อ่าน" จะแสดงที่แท็บบราว์เซอร์ด้วย
    unread.png
  • ลูกค้าสามารถเลื่อนเคอร์เซอร์ไปเหนือข้อความตัวอย่างหรือส่วนตอบกลับเพื่อแสดงปุ่ม "ปิด" ที่มุมขวาบน และคลิกเพื่อปิดการแสดงข้อความใหม่ได้ อย่างไรก็ตามจำนวนข้อความที่ยังไม่ได้อ่านจะยังคงปรากฏบนไอคอนวิดเจ็ตแชท 
    cross message.png
  • หากข้อความตัวอย่างถูกปิด(ไม่ได้กดเข้าไปอ่าน) เมื่อร้านค้าส่งข้อความใหม่ไปหาลูกค้า ข้อความตัวอย่างจะแสดงเฉพาะข้อความใหม่เท่านั้น(จะไม่ได้แสดงข้อความที่ยังไม่ได้อ่านแต่ถูกปิดไป)
    unread - new.png

ii.Facebook Messenger

  • เวอร์ชันเดสก์ท็อป: เมื่อลูกค้าเลือก "Facebook Messenger" หน้าต่างสนทนาพร้อมเพจของร้านค้าจะเปิดขึ้นมาในหน้าแท็บใหม่
    Facebook Desktop.png

  • เวอร์ชันมือถือ: เมื่อลูกค้าเลือก "Facebook Messenger" หน้าต่างสนทนาพร้อมเพจของร้านค้าจะเปิดขึ้นมาในแอปพลิเคชัน Messenger
    Facebook Mobile.png

iii.Instagram

  • เวอร์ชันเดสก์ท็อป: เมื่อลูกค้าเลือก "Instagram" หน้าโปรไฟล์ Instagram ของร้านค้าจะเปิดขึ้นมาในหน้าแท็บใหม่
    Chat_widget__16.png

  • เวอร์ชันมือถือ: เมื่อลูกค้าเลือก Instagram หน้าโปรไฟล์ Instagram ของร้านค้าจะเปิดขึ้นมาในแอปพลิเคชัน Instagram
    IMG_3396.png

iv.LINE

เมื่อลูกค้าเลือก "LINE" ลูกค้าสามารถสแกน QR โค้ด หรือคลิกที่ปุ่ม "เปิด LINE"
LINE Desktop.png

  • สแกน QR โค้ด: เมื่อสแกนแล้ว หน้าต่างบทสนทนาใน LINE OA ของร้านค้าจะปรากฎขึ้นในแอปพลิเคชัน LINE
    Chat_widget_23.PNG

  • คลิกที่ “เปิด LINE”: QR โค้ดสำหรับบัญชี LINE OA ของร้านค้าจะเปิดขึ้นในแท็บใหม่
    Chat_widget_18.png

หากคุณตั้งค่าโดยใช้ LINE ส่วนตัว(ไม่ใช่ LINE OA) เมื่อลูกค้าสแกนคิวอาร์โค้ด ลูกค้าจะถูกนำไปยังหน้า LINE ส่วนตัวของคุณเพื่อเพิ่มคุณเป็นเพื่อน 

351F4D89-8989-4FDC-9C94-46FA22A9B618.png

 

หากลูกค้าคลิก "เปิด LINE" คิวอาร์โค้ดบัญชี LINE ส่วนตัวของคุณจะปรากฏขึ้น

Chat_widget_18.png

 

v. WhatsApp

เมื่อลูกค้าเลือก "WhatsApp" ลูกค้าสามารถสแกน QR โค้ด หรือคลิกที่ปุ่มเปิด WhatsApp
Chat_widget_19.png

  • สแกน QR โค้ด: เมื่อสแกนแล้ว หน้าต่างบทสนทนาในบัญชี WhatsApp ของร้านค้าจะปรากฎขึ้นในแอปพลิเคชัน WhatsApp บทสนทนาจะเริ่มขึ้นด้วยข้อความที่กำหนดไว้ก่อนหน้านี้
    Chat_widget_22.PNG

  • คลิกที่ “เปิด WhatsApp”: หน้าต่างบัญชี WhatsApp ของร้านค้าในเวอร์ชันเดกส์ท็อปจะปรากฎขึ้นในหน้าแท็บใหม่ ข้อความที่กำหนดด้วยตัวเองจะถูกนำมาใช้ด้วยเช่นกัน
    Chat_widget_15.png

vi. อีเมล

เมื่อลูกค้าเลือก "อีเมล" หน้าต่าง “ข้อความในหน้าร้านค้า” จะปรากฎขึ้นมา ลูกค้าสามารถติดต่อร้านค้าผ่านอีเมลหรือหมายเลขโทรศัพท์ได้

email - not logged in.png

 

4. ตอบข้อความลูกค้า

i.ลูกค้าเลือกช่องทางโซเชียลมีเดียเพื่อติดต่อร้านค้า:

  • วิดเจ็ตแชทแสดงช่องทางโซเชียลมีเดียที่คุณได้เชื่อมต่อไว้ในหน้าผู้ดูแลระบบ > [การเชื่อมต่อแต่ละช่องทางเข้าด้วยกัน] คุณสามารถจัดการข้อความลูกค้าที่ส่งผ่าน Facebook, Instagram, LINE และ WhatsApp ได้ในหน้า [ศูนย์ข้อความ]>[ข้อความจากโซเชียล]
    Social media - message center.png
  • วิดเจ็ตแชทแสดงช่องทางโซเชียลมีเดียที่ไม่ได้เชื่อมต่อไว้ในหน้าผู้ดูแลระบบ ร้านค้าจะต้องตอบลูกค้าโดยตรงจากช่องทางนั้นๆ

ii.ลูกค้าเลือก "การสนทนาออนไลน์ (Online Conversation)" หรือ "อีเมล" เพื่อติดต่อร้านค้า:

ร้านค้าสามารถดูและตอบกลับข้อความลูกค้าได้ที่ [ศูนย์ข้อความ]>[ข้อความจากร้านค้า]>[ข้อความจากหน้าเว็บไซต์]
website - message center.png

 

5. หมายเหตุ

1. หากลูกค้าไม่ได้ติดตั้งแอปพลิเคชันโซเชียลมีเดียใดใดบนมือถือ หน้าต่างจะปรากฎดังต่อไปนี้: 

  • แอปพลิเคชัน Facebook Messenger
    • iOS: ระบบจะนำลูกค้าไปยังหน้าเพจการติดตั้งแอปพลิเคชัน Messenger
    • Android: สำหรับผู้ใช้งานบราวเซอร์ Chrome ระบบจะนำลูกค้าไปยังหน้าเพจการติดตั้งแอปพลิเคชัน Messenger สำหรับผู้ใช้งานบราวเซอร์อื่นๆ ระบบจะไม่นำลูกค้าไปยังหน้าเพจและจะไม่แสดงการตอบสนองใดใด
  • WhatsApp: ระบบจะนำลูกค้าไปยังหน้าเพจ WhatsApp เวอร์ชันเดสก์ท็อป (iOS และ Android)
  • LINE: ระบบจะนำลูกค้าไปยังหน้าเพจการติดตั้งแอปพลิเคชัน LINE (iOS และ Android).

2. ขณะนี้ปุ่มวิดเจ็ตแชทไม่สามารถใช้งานได้บนหน้าโพสต์บล็อก และหน้าลงชื่อเข้าใช้/สมัครสมาชิก

 

 

อ่านเพิ่มเติม

 

 

 

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

ข้อคิดเห็น