หมายเหตุ
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลอง ลงชื่อเข้าใช้หรือเปลี่ยนไดเรกทอรีได้
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลองเปลี่ยนไดเรกทอรีได้
ทําตามขั้นตอนเหล่านี้เพื่อเริ่มแชท
ฟังเหตุการณ์ lcw:ready ที่เกิดขึ้นโดยแชทสดเพื่อเริ่มใช้เมธอด SDK แชทสด ควรเรียกใช้วิธีการแชทสดหลังจากเกิดเหตุการณ์ lcw:ready คุณสามารถฟังเหตุการณ์นี้ได้โดยการเพิ่มตัวฟังเหตุการณ์ของคุณเองบนวัตถุหน้าต่าง
หลังจากเกิดเหตุการณ์ lcw:ready แล้ว ให้เรียกเมธอด startChat เพื่อเริ่มการแชท
หากต้องการตรวจสอบสิทธิ์ลูกค้าเมื่อคุณเริ่มแชท โปรดดู ส่งโทเค็นการรับรองความถูกต้อง
เมื่อต้องการเริ่มการแชทในเชิงรุกโดยขึ้นอยู่กับสถานการณ์ต่างๆ ของลูกค้าในองค์กรของคุณ ให้ดูที่ เริ่มการแชทในเชิงรุก
ตัวอย่างรหัส
window.addEventListener("lcw:ready", function handleLivechatReadyEvent(){
// Handle LiveChat SDK ready event
// SDK methods are ready for use now
// Initiate a chat using startChat SDK
Microsoft.Omnichannel.LiveChatWidget.SDK.startChat();
});
window.addEventListener("lcw:error", function handleLivechatErrorEvent(errorEvent){
// Handle LiveChat error event
console.log(errorEvent);
});
พิจารณาสถานการณ์สมมติที่ลูกค้าอยู่บนหน้าพอร์ทัลของคุณ และคุณต้องการเริ่มการแชทหลังจากที่ลูกค้าใช้เวลาบนเพจแล้ว คุณสามารถเปิดวิดเจ็ตแชทโดยทางโปรแกรมได้หลังจากเวลาที่ระบุผ่านไป
โค้ดตัวอย่างต่อไปนี้แสดงวิธีที่คุณสามารถเริ่มแชทหลังจากที่ลูกค้ารอเป็นเวลา 5 นาที:
window.addEventListener("lcw:ready", function handleLivechatReadyEvent(){
// Open chat widget proactively after customer has been waiting for 5 minutes
setTimeout(function startProactiveChat() {
Microsoft.Omnichannel.LiveChatWidget.SDK.startChat();
}, 300000);
});
ใช้ปุ่มแชทแบบกําหนดเอง
หากต้องการใช้ปุ่มแชทแบบกําหนดเองแทนปุ่มแชทแบบสําเร็จรูป ให้เพิ่มแอตทริบิวต์data-hide-chat-buttonในข้อมูลโค้ดวิดเจ็ตและตั้งค่าเป็นtrue เรียกใช้เมธอด startChat เมื่อคลิกคอมโพเนนต์ UI แบบกําหนดเองเพื่อเริ่มการแชท
ตัวอย่างข้อมูลโค้ดเพื่อซ่อนปุ่มแชทมาตรฐาน
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-chat-button="true"></script>
ข้อมูลที่เกี่ยวข้อง
เริ่มแชท
การอ้างอิง JavaScript API สําหรับ SDK แชทสด
ปรับแต่งวิดเจ็ตแชท
เริ่มแชทในเชิงรุก