เว็บไซต์

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

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

เบราว์เซอร์
Mozilla Firefox: v52 ขึ้นไป
Google Chrome: v57 ขึ้นไป
Chromium: v57 ขึ้นไป
Apple Safari: v14.1 ขึ้นไป
Microsoft Edge: v16 ขึ้นไป

วิธีเพิ่มช่องทางเว็บไซต์

"เพิ่มช่องทาง" - "เว็บไซต์"

website.png

ป้อนข้อมูลการกำหนดค่า

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

กรอกข้อมูลการกำหนดค่าตามคำแนะนำในอินเทอร์เฟซ และคลิก "ยืนยัน" เมื่อดำเนินการเสร็จสิ้น

website_param.png

รายการกำหนดค่า คำอธิบาย
ชื่อเว็บไซต์ ชื่อเว็บไซต์
โดเมนเว็บไซต์ ตั้งค่าที่อยู่โดเมนที่ใช้รับข้อมูลลูกค้า เช่น www.example.com
ชื่อเรื่อง ชื่อเรื่องของหน้าต่างวิดเจ็ตรับข้อความ
ข้อความป้ายกำกับ ข้อความต้อนรับ
เปิดใช้คำทักทายของช่องทาง ระบุว่าจะส่งข้อความทักทายโดยอัตโนมัติหรือไม่ เมื่อลูกค้าเริ่มการสนทนาด้วยการส่งข้อความ
เพิ่มเจ้าหน้าที่บริการลูกค้า ระบุเจ้าหน้าที่บริการลูกค้าที่ได้รับมอบหมาย

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

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

ขณะนี้รองรับวิธีการติดตั้งดังต่อไปนี้:

วิธีการติดตั้ง คำอธิบาย
ลิงก์เฉพาะ รองรับการกำหนดค่าลิงก์บับเบิลตามชื่อโดเมนของผู้ใช้
โค้ดบับเบิล ฝังโค้ดบับเบิลแชทมาตรฐานลงในหน้าเว็บ เหมาะสำหรับสถานการณ์ส่วนใหญ่
โค้ด iframe ฝังหน้าต่างแชทด้วย iframe เหมาะสำหรับสถานการณ์ที่ต้องใช้คอนเทนเนอร์แยกอิสระ
การติดตั้ง GTM ปรับใช้โค้ดแชทผ่าน Google Tag Manager

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

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

การผสานรวม

"การผสานรวม" ใช้สำหรับจัดเตรียมวิธีการผสานรวมโค้ดบับเบิลแชท รวมถึงการตั้งค่าความปลอดภัยที่เกี่ยวข้อง

  • สคริปต์ Messenger

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

messger.png

  • การยืนยันตัวตนผู้ใช้

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

identity.png

  • รายการที่อนุญาตของโดเมน

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

whitelist.png

การตั้งค่า

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

  • ข้อมูลช่องทาง

    รองรับการแก้ไขชื่อของช่องทางเว็บไซต์ปัจจุบัน

  • เปิดใช้คำทักทายของช่องทาง

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

  • คำสั่งด่วน

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

  • เปิดใช้ CSAT

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

basicsetting.png

  • การเก็บอีเมล

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

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

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

  • การควบคุมพฤติกรรมผู้ใช้

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

othersetting.png

  • แบบฟอร์มก่อนเริ่มแชท

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

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

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

    • ตัวเลือกแบบฟอร์ม: รองรับการกำหนดค่าฟิลด์แบบฟอร์มทีละรายการ รวมถึงพารามิเตอร์ เช่น "เปิดใช้งาน" "ชื่อตัวแปร" "ประเภทตัวแปร" "ชื่อ" "ข้อความตัวแทน" และ "จำเป็น"

    • ฟิลด์ที่ระบบกำหนดไว้ล่วงหน้า: รองรับฟิลด์ทั่วไป เช่น email, phone, firstname และ lastname

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

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

prechatting.png

  • เวลาทำการ

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

workinghours.png

ตัวสร้างวิดเจ็ต

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

  • การตั้งค่าธีม

theme.png

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

  • สีธีม: ตั้งค่าสีหลักของวิดเจ็ต

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

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

  • ความกว้าง: ตั้งค่าความกว้างของวิดเจ็ต โดยค่าเริ่มต้นคือ 400

  • ความสูง: ตั้งค่าความสูงของวิดเจ็ต โดยค่าเริ่มต้นคือ 700

  • การตั้งค่าบับเบิล

bubble.png

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

  • รูปแบบบับเบิล: รองรับโหมดการแสดงผล 3 รูปแบบ ได้แก่ "ไอคอน" "ไอคอน + ข้อความ" และ "ข้อความ"

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

  • ข้อความ: เมื่อเลือกรูปแบบ "ไอคอน + ข้อความ" หรือ "ข้อความ" จะสามารถกำหนดค่าข้อความในบับเบิลได้ โดยความยาวข้อความต้องไม่เกิน 20 ตัวอักษร

  • ขนาด: รองรับขนาดต่าง ๆ เช่น เล็กที่สุด เล็ก กลาง ใหญ่ และใหญ่พิเศษ

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

  • ข้อความต้อนรับ

welcome.png

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

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

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

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

  • แสดงข้อความแจ้งเตือนเจ้าหน้าที่ออนไลน์

online.png

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

tips.png

  • แสดงเฉพาะรูปโปรไฟล์เจ้าหน้าที่ออนไลน์

icon.png

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

icon1.png

  • โซเชียลมีเดีย

sns.png

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

  • ส่งตั๋ว

ticket.png

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

  • ลิงก์ภายนอก

url.png

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

Icon Solid Transparent White Qiyu
ติดต่อฝ่ายขาย