Guide d'utilisation avancée du site web

              
              <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: 'Nom affiché', 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("Identifiant utilisateur unique (par exemple user_id)", {
    // Le premier paramètre est l'identifiant unique
    email: "user@example.com",
    name: "Nom de l'utilisateur",
    avatar_url: "https://example.com/avatar.jpg", // Facultatif
    phone_number: "+1234567890", // Facultatif
  });
});

            

              
              const crypto = require("crypto");
const key = "Your HMAC Token"; // Copiez-le depuis les paramètres d'Inboxes
const message = "Identifiant utilisateur unique";
const identifier_hash = crypto
  .createHmac("sha256", key)
  .update(message)
  .digest("hex");

// Ajoutez-le à setUser
window.$livedesk.setUserId("Identifiant utilisateur unique", {
  ...OtherInformation,
  identifier_hash: identifier_hash,
});

            

              
              window.$livedesk.setConversationCustomAttributes({
  utm_source: "google", // Exemple : UTM au niveau de la conversation
  session_type: "support",
});

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setCustomAttributes({
    pricing_plan: "premium", // Clé : identifiant unique prédéfini ; valeur : à définir selon le type, par exemple une chaîne
    signup_date: new Date(), // Exemple : type date
    account_id: 123, // Exemple : type numérique
  });
});

            

              
              window.$livedesk.deleteCustomAttribute("pricing_plan"); // Clé d'attribut de type chaîne

            

              
              window.$livedesk.toggle();

// Basculer le widget en transmettant un état
window.$livedesk.toggle("open"); // Ouvrir le widget de discussion
window.$livedesk.toggle("close"); // Fermer le widget de discussion

            

              
              window.$livedesk.toggleBubbleVisibility("hide"); // Afficher ou masquer

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en"); // Code de langue sous forme de chaîne, par exemple zh-CN

            

              
              window.$livedesk.setLabel("support-ticket"); // Identifiant du libellé sous forme de chaîne
window.$livedesk.removeLabel("support-ticket");

            

              
              <script>
  // 1. Définir la configuration globale avant de charger sdk.js.
  // Elle doit être placée au début du script.
  window.livedeskSettings = {
    // Position du widget : en bas à gauche (en bas à droite par défaut)
    position: "left",

    // Forcer le chinois simplifié (le chinois sera affiché même si le navigateur est configuré en anglais)
    locale: "zh-CN",

    // Détecter automatiquement la langue du navigateur. Si vous souhaitez donner la priorité
    // à la langue du navigateur de l'utilisateur, définissez cette valeur sur true et supprimez la propriété locale ci-dessus.
    // useBrowserLanguage: true,

    // Type de widget : expanded_bubble = grande bulle avec un message d'accueil ;
    // standard = petite bulle classique
    type: "expanded_bubble",

    // Mode sombre (suivre automatiquement le paramètre système ou forcer le mode sombre)
    darkMode: "auto", // Valeurs facultatives : true | false | "auto"

    // Masquer la petite icône en forme de bulle en bas (adapté à l'utilisation d'un bouton personnalisé)
    hideMessageBubble: false,

    // Masquer le bouton en forme de flèche de la fenêtre contextuelle dans l'angle inférieur droit
    showPopoutButton: false,

    // Titre personnalisé du lanceur (affiché en mode expanded_bubble)
    launcherTitle: "Online Support",

    // Message d'accueil (actif en mode expanded_bubble)
    welcomeTitle: "Hello! How can we help you?",
    welcomeDescription: "We usually reply within a few minutes.",

    // Texte affiché lorsque le service est en ligne ou hors ligne
    availableMessage: "We are online and ready to help",
    unavailableMessage:
      "We are currently offline and will reply as soon as possible during business hours",

    // Activation ou désactivation des fonctionnalités
    enableFileUpload: true, // Autoriser l'envoi de fichiers
    enableEmojiPicker: true, // Autoriser les émojis
    enableEndConversation: true, // Permettre aux utilisateurs de mettre fin eux-mêmes à la conversation

    // Autres options avancées (à activer selon les besoins)
    // showUnreadMessagesDialog: true, // Afficher une boîte de dialogue de rappel en présence de messages non lus (true par défaut)
    // baseDomain: "yourcompany.com", // À utiliser pour les déploiements sur plusieurs domaines
  };
</script>

<!-- 2. Charger le SDK du widget LiveDesk (remplacez le domaine et le token par les vôtres) -->
<script>
  (function (d, t) {
    var BASE_URL = "https://www.engagelab.com"; // Remplacez par votre adresse LiveDesk
    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", // Remplacez par votre Website Token
        baseUrl: BASE_URL,
      });
    };
  })(document, "script");
</script>