Panduan Penggunaan Website Tingkat Lanjut

              
              <iframe
  class="livedesk-widget-iframe"
  src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=iTMtGDnzR1tccf3fiikLjL71&action=autoStart"
  title="LiveDesk"
  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 Inboxes
const message = "Unique user ID";
const identifier_hash = crypto
  .createHmac("sha256", key)
  .update(message)
  .digest("hex");

// Tambahkan ke setUser
window.$livedesk.setUserId("Unique user ID", {
  ...OtherInformation,
  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", // Kunci: pengenal unik yang telah ditentukan; nilai: tetapkan sesuai jenisnya, seperti string
    signup_date: new Date(), // Contoh: jenis tanggal
    account_id: 123, // Contoh: jenis angka
  });
});

            

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

            

              
              window.$livedesk.toggle();

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

            

              
              window.$livedesk.toggleBubbleVisibility("hide"); // Tampilkan atau sembunyikan

            

              
              window.$livedesk.popoutChatWindow();

            

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

            

              
              window.$livedesk.setLabel("support-ticket"); // Pengenal label string
window.$livedesk.removeLabel("support-ticket");

            

              
              <script>
  // 1. Tetapkan konfigurasi global sebelum memuat sdk.js.
  // Konfigurasi ini harus ditempatkan di awal skrip.
  window.livedeskSettings = {
    // Posisi widget: kiri bawah (kanan bawah secara default)
    position: "left",

    // Paksa Bahasa Mandarin Sederhana (Bahasa Mandarin akan ditampilkan meskipun browser diatur ke Bahasa Inggris)
    locale: "zh-CN",

    // Deteksi bahasa browser secara otomatis. Jika ingin memprioritaskan
    // bahasa browser pengguna, tetapkan ini ke true dan hapus locale di atas.
    // useBrowserLanguage: true,

    // Jenis widget: expanded_bubble = bubble besar dengan pesan selamat datang;
    // standard = bubble kecil klasik
    type: "expanded_bubble",

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

    // Sembunyikan ikon bubble kecil di bagian bawah (sesuai untuk digunakan dengan tombol kustom)
    hideMessageBubble: false,

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

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

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

    // Teks prompt yang ditampilkan saat online atau offline
    availableMessage: "We are online and ready to help",
    unavailableMessage:
      "We are currently offline and will reply as soon as possible during business hours",

    // Pengaturan fitur
    enableFileUpload: true, // Izinkan unggah file
    enableEmojiPicker: true, // Izinkan emoji
    enableEndConversation: true, // Izinkan pengguna mengakhiri percakapan sendiri

    // Opsi lanjutan lainnya (aktifkan sesuai kebutuhan)
    // showUnreadMessagesDialog: true, // Tampilkan dialog pengingat saat ada pesan yang belum dibaca (true secara default)
    // baseDomain: "yourcompany.com", // Gunakan untuk penerapan di beberapa 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"; // Ubah ke alamat LiveDesk Anda
    var g = d.createElement(t);
    var 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", // Ubah ke Website Token Anda
        baseUrl: BASE_URL,
      });
    };
  })(document, "script");
</script>