Démarrage rapide - documentation EasyLiveChat

§ 01Créez votre workspace.

Rendez-vous sur le tableau de bord demo à la page de connexion. Utilisez le compte propriétaire pré-rempli, ou en production créez un nouveau workspace — choisissez un slug, c'est votre sous-domaine (acme.livechattools.com).

À la première connexion, vous arrivez dans la boîte de réception. Il n'y a pas encore de vraies conversations — c'est l'étape deux qui s'en occupe.

§ 02Intégrez le widget.

Collez le script loader avant la balise de fermeture </body> . C'est tout — pas de composant React à monter, pas de plugin Vue à enregistrer.

HTMLapps/your-site/index.html

<script>
  window.LivechattoolsConfig = { tenant: 'acme' };
</script>
<script src="https://cdn.livechattools.com/widget-loader.js" async defer></script>

Remplacez acme par votre propre slug de workspace. Le script récupère son thème en direct depuis votre tenant — couleurs, textes, drapeau RTL, avatar — donc les changements de design ne nécessitent jamais un redéploiement de votre site.

Identifier un visiteur

Si le visiteur est connecté à votre produit, donnez au widget son identité pour corréler les conversations EasyLiveChat avec votre propre table d'utilisateurs :

JSwindow.LivechattoolsConfig — identification

window.LivechattoolsConfig = {
  tenant: 'acme',
  identify: {
    id:    'usr_28x91',          // your stable user id
    name:  'Mariam El-Sayed',
    email: 'mariam@example.com',
    locale: 'ar',
    attributes: {
      plan:        'pro',
      mrr_cents:   4900,
      signed_up:   '2024-11-04',
    },
  },
};

§ 03Envoyez votre première réponse.

Ouvrez votre site dans un second onglet, cliquez sur la bulle et tapez « Hello world ». Le message arrive dans la boîte de réception du tableau de bord en temps réel via un canal Socket.IO — sous la seconde, sans fallback polling.

Appuyez sur ⌘↩ sur toute réponse d'agent pour l'envoyer. Le visiteur voit votre message apparaître avec un son doux et un point de présence qui passe à « Typing… » pendant que vous composez.

§ 04Invitez votre équipe.

Depuis Paramètres → Agents, cliquez sur Inviter, et saisissez un e-mail et un rôle. EasyLiveChat envoie par e-mail un lien à usage unique ; cliquer dessus définit un mot de passe et place le nouvel agent directement dans la boîte de réception. Les rôles imposent ce qu'ils voient — les propriétaires gèrent la facturation, les admins gèrent les agents, les agents répondent.

bashPOST /api/tenant/agents — invitation via l'API REST

curl -X POST https://acme.livechattools.com/api/tenant/agents \
  -H "Authorization: Bearer $EASYLIVECHAT_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
        "email":  "noor@acme.test",
        "name":   "Noor Al-Saadi",
        "role":   "ADMIN"
      }'

§ 05Définissez les horaires de travail.

Hors horaires, le widget remplace l'éditeur par un formulaire hors ligne. Les conversations arrivent toujours dans votre boîte — étiquetées offline pour un suivi propre le lendemain matin. Configurez les créneaux de jours sous Paramètres → Horaires de travail, chacun dans le fuseau horaire local de votre locataire.

JSONHoraire d'exemple — Dim–Jeu, 09:00–18:00 Asia/Erbil

{
  "timezone": "Asia/Erbil",
  "schedule": {
    "sunday":    [{ "from": "09:00", "to": "18:00" }],
    "monday":    [{ "from": "09:00", "to": "18:00" }],
    "tuesday":   [{ "from": "09:00", "to": "18:00" }],
    "wednesday": [{ "from": "09:00", "to": "18:00" }],
    "thursday":  [{ "from": "09:00", "to": "18:00" }],
    "friday":    [],
    "saturday":  []
  },
  "offlineMessage": "We're back Sunday at 9. Leave a note — we will reply."
}

§ 06Où aller ensuite.

Cet article a-t-il été utile ?

Suggérer une modification ↗