คู่มือการใช้งานขั้นสูงของเว็บไซต์

              
              <iframe
    class="livedesk-widget-iframe"
    src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=iTMtGDnzR1tccf3fiikLjL71&action=autoStart" // แทนที่ website_token ด้วยค่าที่เกี่ยวข้องซึ่งสร้างขึ้นหลังจากสร้างช่องทางแล้ว
    title="Live desk"
    allow="camera;microphone"
/>

            

              
              Array.from(document.getElementsByTagName('iframe'))
.filter((iframe) => iframe.src && iframe.src.includes('livedesk'))
.forEach((iframe) =>
iframe.contentWindow?.postMessage(
'livedesk-widget:' +
JSON.stringify({
event: 'set-user',
identifier: 'your_user_id',
user: { name: 'Display Name', email: 'user@example.com' },
}),
'*',
),
);

            

              
              <iframe
  class="livedesk-widget-iframe"
  src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=Etsz4XtvqKi7iqbHf8Ma6ZLR&action=autoStart&user_id=5002"
  title="LiveDesk"
  allow="camera;microphone"
/>

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setUserId("Unique user ID (such as user_id)", {  // พารามิเตอร์ตัวแรกคือตัวระบุที่ไม่ซ้ำกัน
    email: "user@example.com",
    name: "User Name",
    avatar_url: "https://example.com/avatar.jpg",  // ไม่บังคับ
    phone_number: "+1234567890"  // ไม่บังคับ
  });
});

            

              
              const crypto = require('crypto');
const key = 'Your HMAC Token';  // คัดลอกจากการตั้งค่า Inbox
const message = 'Unique user ID';
const identifier_hash = crypto.createHmac('sha256', key).update(message).digest('hex');

// แนบใน setUser
window.$livedesk.setUserId("Unique user ID", {
  ...Other information,
  identifier_hash: identifier_hash
});

            

              
              window.$livedesk.setConversationCustomAttributes({
  utm_source: "google",  // ตัวอย่าง: UTM ระดับการสนทนา
  session_type: "support"
});

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setCustomAttributes({
    pricing_plan: "premium",  // key: ตัวระบุที่ไม่ซ้ำกันที่กำหนดไว้ล่วงหน้า; value: ตั้งค่าตามประเภท (เช่น string)
    signup_date: new Date(),  // ตัวอย่าง: ประเภทวันที่
    account_id: 123           // ตัวอย่าง: ประเภทตัวเลข
  });
});

            

              
              window.$livedesk.deleteCustomAttribute("pricing_plan"); // ชื่อคีย์แอตทริบิวต์แบบสตริง

            

              
              window.$livdesk.toggle();

// สลับวิดเจ็ตโดยระบุสถานะ
window.$livedesk.toggle("open"); // เปิดวิดเจ็ตแชท
window.$livedesk.toggle("close"); // ปิดวิดเจ็ตแชท

            

              
              window.$livedesk.toggleBubbleVisibility('hide'); // แสดง/ซ่อน

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en"); // รหัสภาษาสตริง เช่น zh-CN

            

              
              window.$livdesk.setLabel('support-ticket'); // ตัวระบุป้ายกำกับแบบสตริง
window.$livdesk.removeLabel('support-ticket');

            

              
              <script>
// 1. ก่อนโหลด sdk.js ให้ตั้งค่าคอนฟิกแบบ global ก่อน (ต้องวางไว้ตอนต้นของสคริปต์)
window.livedeskSettings = {
  // ตำแหน่งวิดเจ็ต: ล่างซ้าย (ค่าเริ่มต้นคือล่างขวา)
  position: "left",

  // บังคับใช้ภาษาจีนตัวย่อ (จะแสดงภาษาจีนแม้ว่าเบราว์เซอร์จะเป็นภาษาอังกฤษ)
  locale: "zh-CN",

  // ตรวจจับภาษาของเบราว์เซอร์โดยอัตโนมัติ (หากต้องการให้ภาษาของเบราว์เซอร์ผู้ใช้มีลำดับความสำคัญ ให้ตั้งค่าเป็น true และลบ locale ด้านบนออก)
  // useBrowserLanguage: true,

  // ประเภทวิดเจ็ต: expanded_bubble = bubble ขนาดใหญ่ (พร้อมข้อความต้อนรับ), standard = bubble ขนาดเล็กแบบคลาสสิก
  type: "expanded_bubble",

  // โหมดมืด (ทำตามระบบอัตโนมัติหรือบังคับใช้โหมดมืด)
  darkMode: "auto",        // ค่าที่เลือกได้: true | false | "auto"

  // ซ่อนไอคอน bubble ขนาดเล็กด้านล่าง (เหมาะสำหรับวางในปุ่มแบบกำหนดเอง)
  hideMessageBubble: false,

  // ซ่อนปุ่มลูกศร "หน้าต่างป๊อปเอาต์" ที่มุมขวาล่าง
  showPopoutButton: false,

  // ชื่อ launcher แบบกำหนดเอง (แสดงในโหมด large bubble)
  launcherTitle: "Online Support",

  // ข้อความต้อนรับ (มีผลในโหมด expanded_bubble)
  welcomeTitle: "Hello! How can we help you?",
  welcomeDescription: "We usually reply within a few minutes.",

  // ข้อความแจ้งเมื่อออนไลน์/ออฟไลน์
  availableMessage: "We are online and ready to assist you at any time",
  unavailableMessage: "We are currently offline and will reply as soon as possible during business hours",

  // สวิตช์ฟีเจอร์
  enableFileUpload: true,       // อนุญาตให้อัปโหลดไฟล์
  enableEmojiPicker: true,      // อนุญาตให้ใช้อีโมจิ
  enableEndConversation: true,  // อนุญาตให้ผู้ใช้จบการสนทนาได้เอง

  // ตัวเลือกขั้นสูงอื่นๆ (เปิดใช้ตามต้องการ)
  // showUnreadMessagesDialog: true,   // การแจ้งเตือนแบบป๊อปอัปเมื่อมีข้อความที่ยังไม่ได้อ่าน (ค่าเริ่มต้น: true)
  // baseDomain: "yourcompany.com",    // ใช้สำหรับการติดตั้งใช้งานหลายโดเมน
};

</script>

<!-- 2. โหลด LiveDesk Widget SDK (แทนที่ด้วยโดเมนและ token ของคุณเอง) -->
<script>
  (function(d,t) {
    var BASE_URL="https://www.engagelab.com";          // ← แทนที่ด้วยที่อยู่ LiveDesk ของคุณ
    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=BASE_URL+"/packs/js/sdk.js";
    g.defer = true;
    g.async = true;
    s.parentNode.insertBefore(g,s);
    g.onload=function(){
      window.livedeskSDK.run({
        websiteToken: 'abcdefgh1234567890abcdefgh123456',  // ← แทนที่ด้วย Website Token ของคุณ
        baseUrl: BASE_URL
      });
    }
  })(document,"script");
</script>