Panduan Penggunaan Lanjutan Website

              
              <iframe
    class="livedesk-widget-iframe"
    src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=iTMtGDnzR1tccf3fiikLjL71&action=autoStart" // Ganti website_token dengan nilai yang sesuai yang dihasilkan setelah membuat channel
    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)", {  // Parameter pertama adalah pengenal unik
    email: "user@example.com",
    name: "User Name",
    avatar_url: "https://example.com/avatar.jpg",  // Opsional
    phone_number: "+1234567890"  // Opsional
  });
});

            

              
              const crypto = require('crypto');
const key = 'Your HMAC Token';  // Salin dari pengaturan Inbox
const message = 'Unique user ID';
const identifier_hash = crypto.createHmac('sha256', key).update(message).digest('hex');

// Lampirkan di setUser
window.$livedesk.setUserId("Unique user ID", {
  ...Other information,
  identifier_hash: identifier_hash
});

            

              
              window.$livedesk.setConversationCustomAttributes({
  utm_source: "google",  // Contoh: UTM tingkat percakapan
  session_type: "support"
});

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setCustomAttributes({
    pricing_plan: "premium",  // key: pengenal unik yang telah ditentukan; value: atur sesuai tipe (misalnya string)
    signup_date: new Date(),  // Contoh: tipe tanggal
    account_id: 123           // Contoh: tipe angka
  });
});

            

              
              window.$livedesk.deleteCustomAttribute("pricing_plan"); // Nama key atribut string

            

              
              window.$livdesk.toggle();

// Ubah widget dengan meneruskan status
window.$livedesk.toggle("open"); // Buka widget chat
window.$livedesk.toggle("close"); // Tutup widget chat

            

              
              window.$livedesk.toggleBubbleVisibility('hide'); // tampilkan/sembunyikan

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en"); // Kode bahasa string, misalnya: zh-CN

            

              
              window.$livdesk.setLabel('support-ticket'); // Pengenal label string
window.$livdesk.removeLabel('support-ticket');

            

              
              <script>
// 1. Sebelum memuat sdk.js, atur dulu konfigurasi global (harus ditempatkan di awal script)
window.livedeskSettings = {
  // Posisi widget: kiri bawah (default adalah kanan bawah)
  position: "left",

  // Paksa bahasa menjadi Bahasa Tionghoa Sederhana (akan menampilkan bahasa Mandarin meskipun browser berbahasa Inggris)
  locale: "zh-CN",

  // Deteksi otomatis bahasa browser (jika Anda ingin memprioritaskan bahasa browser pengguna, setel ke true dan hapus locale di atas)
  // useBrowserLanguage: true,

  // Tipe widget: expanded_bubble = bubble besar (dengan pesan sambutan), standard = bubble kecil klasik
  type: "expanded_bubble",

  // Mode gelap (ikuti sistem secara otomatis atau paksa mode gelap)
  darkMode: "auto",        // Nilai opsional: true | false | "auto"

  // Sembunyikan ikon bubble kecil di bawah (cocok untuk ditempatkan di tombol kustom)
  hideMessageBubble: false,

  // Sembunyikan tombol panah "jendela pop-out" di sudut kanan bawah
  showPopoutButton: false,

  // Judul launcher kustom (ditampilkan dalam mode bubble besar)
  launcherTitle: "Online Support",

  // Pesan sambutan (berlaku dalam mode expanded_bubble)
  welcomeTitle: "Hello! How can we help you?",
  welcomeDescription: "We usually reply within a few minutes.",

  // Teks petunjuk yang ditampilkan saat online/offline
  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",

  // Sakelar fitur
  enableFileUpload: true,       // Izinkan unggah file
  enableEmojiPicker: true,      // Izinkan penggunaan emoji
  enableEndConversation: true,  // Izinkan pengguna mengakhiri percakapan secara proaktif

  // Opsi lanjutan lainnya (aktifkan sesuai kebutuhan)
  // showUnreadMessagesDialog: true,   // Pengingat pop-up saat ada pesan yang belum dibaca (default: true)
  // baseDomain: "yourcompany.com",    // Digunakan untuk deployment multi-domain
};

</script>

<!-- 2. Muat LiveDesk Widget SDK (ganti dengan domain dan token Anda sendiri) -->
<script>
  (function(d,t) {
    var BASE_URL="https://www.engagelab.com";          // ← Ganti dengan alamat LiveDesk Anda
    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',  // ← Ganti dengan Website Token Anda
        baseUrl: BASE_URL
      });
    }
  })(document,"script");
</script>