เว็บไซต์

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

วิดเจ็ตแชทแบบเรียลไทม์รองรับเบราว์เซอร์สมัยใหม่ส่วนใหญ่ โดยเวอร์ชันของเบราว์เซอร์ที่รองรับมีดังนี้:

วิธีเพิ่มช่องทาง Website

"Add Channel" - "Website"

กรอกข้อมูลการตั้งค่า

ทำตามคำแนะนำบนหน้าจอเพื่อกรอกข้อมูลพื้นฐานของช่องทาง Website ให้ครบถ้วน จากนั้นคลิก "Confirm" เพื่อสร้างช่องทาง หลังจากสร้างแล้ว คุณสามารถตั้งค่าเพิ่มเติมต่อได้ในแท็บต่าง ๆ เช่น "Integration", "Settings", "Widget Builder", "Conversation Assignment", "Human Agent" และ "AI Agent"

กรอกข้อมูลการตั้งค่าตามคำแนะนำบนหน้าจอ จากนั้นคลิก "Confirm" เพื่อดำเนินการให้เสร็จสมบูรณ์

เพิ่มวิดเจ็ตแชทลงในเว็บไซต์

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

ปัจจุบันรองรับวิธีการติดตั้งดังต่อไปนี้:

การตั้งค่าโดยละเอียด

เลื่อนลงเพื่อดูการตั้งค่าเพิ่มเติม ที่นี่คุณสามารถกำหนดค่าการเชื่อมต่อของช่องทาง Website การตั้งค่าพื้นฐาน แบบฟอร์มก่อนเริ่มแชท เวลาทำการ และลักษณะการแสดงผลของวิดเจ็ต

Integration

"Integration" ใช้หลัก ๆ สำหรับการรวมโค้ดฟองแชทและการตั้งค่าความปลอดภัยที่เกี่ยวข้อง

• Messenger Script

  รองรับการสลับระหว่าง "Bubble Code", "iframe Code" และ "GTM Installation" รวมถึงการคัดลอกโค้ดติดตั้งที่เกี่ยวข้อง โค้ดนี้มี websiteToken สำหรับช่องทาง Website ปัจจุบัน และที่อยู่อ้างอิงของ sdk.js ซึ่งจำเป็นต่อการทำงาน

• User Authentication

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

• Domain Whitelist

  ปิดใช้งานเป็นค่าเริ่มต้น หลังจากเปิดใช้งานแล้ว เฉพาะโดเมนที่อยู่ในรายการอนุญาตเท่านั้นที่สามารถเริ่มต้นวิดเจ็ต Website ได้ หากมีหลายโดเมน ให้กรอกแต่ละโดเมนแยกคนละบรรทัด สำหรับการดีบักในเครื่อง ให้ระบุหมายเลขพอร์ตด้วย เช่น localhost:3000, 127.0.0.1:8080

Settings

กำหนดค่าพารามิเตอร์พื้นฐาน วิธีการโต้ตอบของผู้เยี่ยมชม และแบบฟอร์มก่อนเริ่มแชทสำหรับช่องทาง Website

• Channel Information

  รองรับการแก้ไขชื่อของช่องทาง Website ปัจจุบัน

• Enable Channel Greeting

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

• Quick Commands

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

• Enable CSAT

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

• Email Collection

  รองรับการตั้งค่าสองรูปแบบดังต่อไปนี้:

  • Email Collection Box: แสดงช่องกรอกอีเมลเพื่อเก็บข้อมูลจากผู้ใช้โดยอัตโนมัติเมื่อเริ่มการสนทนา แต่ไม่ใช่ข้อมูลบังคับ

  • Conversation Continuity: เมื่อผู้ใช้ออฟไลน์ คุณสามารถสื่อสารต่อกับผู้ใช้ผ่านอีเมลได้ ก่อนใช้งานฟีเจอร์นี้ คุณต้องตั้งค่าที่เกี่ยวข้องสำหรับช่องทาง Email ให้เรียบร้อยก่อน

• User Behavior Control

  รองรับการตั้งค่า "User Ends Conversation" หลังจากเปิดใช้งานแล้ว ผู้ใช้สามารถจบการสนทนาปัจจุบันในวิดเจ็ตได้ด้วยตนเอง และระบบจะเปลี่ยนสถานะการสนทนาเป็น "Resolved"

• Pre-chat Form

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

  รองรับการกำหนดค่าเนื้อหาดังต่อไปนี้:

  • Form Body: ใช้อธิบายวัตถุประสงค์ของแบบฟอร์ม เช่น "สวัสดี โปรดกรอกข้อมูลด้านล่างเพื่อให้เราสามารถติดต่อคุณได้"

  • Form Options: รองรับการตั้งค่าฟิลด์ของแบบฟอร์มทีละรายการ รวมถึงพารามิเตอร์ เช่น "Enable", "Variable Name", "Variable Type", "Name", "Placeholder" และ "Required"

  • System Preset Fields: รองรับฟิลด์ที่ใช้บ่อย เช่น email, phone, firstname และ lastname

  • Conversation Attribute Fields: รองรับการเลือกแอตทริบิวต์การสนทนาที่มีอยู่มาเป็นฟิลด์ก่อนเริ่มแชท ซึ่งจะถูกเขียนลงในแอตทริบิวต์การสนทนาที่เกี่ยวข้องหลังจากส่งแบบฟอร์ม

  • Email Field: สามารถใช้เพื่อติดตามตัวตนของผู้เยี่ยมชม และใช้สำหรับการโอนไปยังเจ้าหน้าที่จริงหรือการติดตามผลเมื่อออฟไลน์ในภายหลัง

• Working Hours

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

Widget Builder

"Widget Builder" ใช้สำหรับกำหนดลักษณะการแสดงผลและเนื้อหาที่แสดงของคอมโพเนนต์แชทฝั่งผู้เยี่ยมชม โดยพื้นที่แสดงตัวอย่างทางด้านขวาจะแสดงผลการตั้งค่าแบบเรียลไทม์

• Theme Settings

รองรับการกำหนดค่าพารามิเตอร์ดังต่อไปนี้:

• Theme Color: กำหนดสีหลักของวิดเจ็ต

• Text Color: กำหนดสีของข้อความที่แสดง เช่น ชื่อเรื่องและเนื้อหาหลัก

• Background Image: รองรับการอัปโหลดและเปลี่ยนรูปภาพพื้นหลังของพื้นที่ต้อนรับ

• Width: กำหนดความกว้างของวิดเจ็ต ค่าเริ่มต้นคือ 400

• Height: กำหนดความสูงของวิดเจ็ต ค่าเริ่มต้นคือ 700

• Bubble Settings

รองรับการกำหนดค่าเนื้อหาดังต่อไปนี้:

• Bubble Style: รองรับโหมดการแสดงผล 3 รูปแบบ ได้แก่ "Icon", "Icon + Text" และ "Text"

• Icon: สามารถแทนที่ไอคอนเริ่มต้นได้

• Text: เมื่อเลือกสไตล์ "Icon + Text" หรือ "Text" คุณสามารถกำหนดข้อความของฟองแชทได้ โดยข้อความต้องไม่เกิน 20 อักขระ

• Size: รองรับขนาดต่าง ๆ เช่น จิ๋ว เล็ก กลาง ใหญ่ และใหญ่พิเศษ

• Bubble Position: รองรับการตั้งค่าตำแหน่งการแสดงผลและการกำหนดระยะห่างจากด้านล่างและด้านข้าง

• Welcome Message

รองรับการกำหนดค่าดังต่อไปนี้:

• Title: ชื่อหลักของพื้นที่ต้อนรับ

• Content: เนื้อหาหลักของพื้นที่ต้อนรับ

• Guidance Text: แสดงในพื้นที่ "Instant Answers" เพื่อแนะนำให้ผู้ใช้เริ่มส่งคำถามได้อย่างรวดเร็ว

• Social Media

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

• Submit Ticket

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

• External Links

ปิดใช้งานเป็นค่าเริ่มต้น หลังจากเปิดใช้งานแล้ว คุณสามารถเพิ่มการ์ดลิงก์ภายนอกเพื่อแสดงศูนย์ช่วยเหลือภายนอก หน้าคำถามที่พบบ่อย หรือจุดนำทางอื่น ๆ ได้

Conversation Assignment

แสดงกฎการกำหนดการสนทนาสำหรับช่องทางปัจจุบัน รองรับกฎการกำหนดเส้นทาง การตอบกลับโดย AI Agent และการตอบกลับโดย Human Agent โดยลำดับความสำคัญของการกำหนดการสนทนาคือ: กฎการกำหนดเส้นทาง > AI Agent > Human Agent

เมื่อมีกฎการกำหนดเส้นทาง ระบบจะตรวจสอบก่อนว่าเป็นไปตามเงื่อนไขการกำหนดเส้นทางหรือไม่ หากมีกฎหลายข้อพร้อมกัน ระบบจะจับคู่ตามลำดับ หากการสนทนาปัจจุบันไม่ตรงกับกฎการกำหนดเส้นทางใดเลย ระบบจะกำหนดให้ AI Agent ก่อน หากไม่ได้ตั้งค่า AI Agent ไว้ จึงจะกำหนดให้ Human Agent ที่เกี่ยวข้อง

รองรับการกำหนดอัตโนมัติ ซึ่งรวมถึงการกำหนดตามภาระงานพร้อมกัน การกำหนดแบบเฉลี่ยตามลำดับ และการกำหนดตามภาระงานของเจ้าหน้าที่บริการลูกค้าแบบกำหนดเอง

• Assignment by Workload

  การกำหนดจะอิงตามจำนวนภาระงานที่กำหนด โดยให้ความสำคัญกับเจ้าหน้าที่บริการลูกค้าที่มีภาระงานพร้อมกันต่ำกว่า

• Sequential Even Assignment

  ไม่พิจารณาการตั้งค่าภาระงานของเจ้าหน้าที่บริการลูกค้าแต่ละราย ระบบจะกำหนดการสนทนาให้เจ้าหน้าที่บริการลูกค้าแต่ละรายอย่างเท่า ๆ กันตามลำดับ

• Assignment by Custom Customer Service Workload

  กำหนดค่าภาระงานแบบกำหนดเองให้เจ้าหน้าที่บริการลูกค้าแต่ละรายแยกกัน โดยให้ความสำคัญกับเจ้าหน้าที่บริการลูกค้าที่มีภาระงานพร้อมกันต่ำกว่า

Human Agent

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

AI Agent

รองรับการตั้งค่า AI Agent ให้จัดการข้อความการสนทนาสำหรับช่องทางนี้ สามารถเปิดหรือปิดใช้งานได้ และยังสามารถเพิ่ม GPT AI Agent ได้อีกด้วย