Erweiterter Leitfaden: LiveDesk Widget-SDK für Websites

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setUserId("Eindeutige User-ID (z. B. user_id)", {  // Erster Parameter ist der eindeutige Bezeichner
    email: "user@example.com",
    name: "Benutzername",
    avatar_url: "https://example.com/avatar.jpg",  // Optional
    phone_number: "+1234567890"  // Optional
  });
});

            

              
              const crypto = require('crypto');
const key = 'Ihr HMAC-Token';  // Aus den Postfacheinstellungen kopieren
const message = 'Eindeutige User-ID';
const identifier_hash = crypto.createHmac('sha256', key).update(message).digest('hex');

// Beim setUser anhängen
window.$livedesk.setUserId("Eindeutige User-ID", {
  ...andere Infos,
  identifier_hash: identifier_hash
});

            

              
              window.$livedesk.setConversationCustomAttributes({
  utm_source: "google",  // Beispiel: UTM auf Sitzungsebene
  session_type: "support"
});

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setCustomAttributes({
    pricing_plan: "premium",  // Schlüssel: Vordefinierter eindeutiger Bezeichner, Wert: entsprechend Typ setzen (z. B. String)
    signup_date: new Date(),  // Beispiel: Datumstyp
    account_id: 123           // Beispiel: Zahlentyp
  });
});

            

              
              window.$livedesk.deleteCustomAttribute("pricing_plan"); // Name des Attribut-Schlüssels (String)

            

              
              window.$livedesk.toggle();

// Widget gezielt öffnen/schließen
window.$livedesk.toggle("open"); // Chat-Widget öffnen
window.$livedesk.toggle("close"); // Chat-Widget schließen

            

              
              window.$livedesk.toggleBubbleVisibility('hide'); // einblenden/ausblenden

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("de"); // Sprachcode als String, Beispiel: zh-CN

            

              
              window.$livedesk.setLabel('support-ticket'); // String: Label-Bezeichner
window.$livedesk.removeLabel('support-ticket');

            

              
              <script>
// 1. Globale Konfiguration vor dem Laden von sdk.js setzen (muss am Anfang des Skripts stehen)
window.livedeskSettings = {
  // Widget-Position: unten links (Standard ist unten rechts)
  position: "left",

  // Sprache auf vereinfachtes Chinesisch festlegen (zeigt Chinesisch auch bei englischem Browser)
  locale: "zh-CN",

  // Automatische Erkennung der Browsersprache (bei Priorisierung der Nutzersprache auf true setzen und locale entfernen)
  // useBrowserLanguage: true,

  // Widget-Typ: expanded_bubble = große Bubble (mit Begrüßung), standard = klassische kleine Bubble
  type: "expanded_bubble",

  // Dunkelmodus (automatisch nach System oder erzwingen)
  darkMode: "auto",        // Mögliche Werte: true | false | "auto"

  // Kleines Bubble-Icon unten ausblenden (geeignet für eigene Buttons)
  hideMessageBubble: false,

  // „Popout-Fenster“-Pfeil unten rechts ausblenden
  showPopoutButton: false,

  // Benutzerdefinierter Launcher-Titel (wird im expanded_bubble-Modus angezeigt)
  launcherTitle: "Online-Support",

  // Begrüßung (nur im expanded_bubble-Modus wirksam)
  welcomeTitle: "Hallo! Wie können wir Ihnen helfen?",
  welcomeDescription: "Wir antworten in der Regel innerhalb weniger Minuten~",

  // Hinweistext bei Online-/Offline-Status
  availableMessage: "Wir sind online und für Sie da",
  unavailableMessage: "Wir sind aktuell offline und melden uns schnellstmöglich während der Geschäftszeiten",

  // Funktionsschalter
  enableFileUpload: true,       // Dateiupload erlauben
  enableEmojiPicker: true,      // Emojis erlauben
  enableEndConversation: true,  // Nutzer können Konversation aktiv beenden

  // Weitere Optionen (bei Bedarf aktivieren)
  // showUnreadMessagesDialog: true,   // Pop-up bei ungelesenen Nachrichten (Standard: true)
  // baseDomain: "yourcompany.com",    // Für Multi-Domain-Einsatz
};

</script>

<!-- 2. LiveDesk Widget SDK laden (eigene Domain und Token eintragen) -->
<script>
  (function(d,t) {
    var BASE_URL="https://www.engagelab.com";          // ← Eigene LiveDesk-Adresse eintragen
    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',  // ← Eigenen Website-Token einfügen
        baseUrl: BASE_URL
      });
    }
  })(document,"script");
</script>