त्वरित शुरुआत - ईजीलाइवचैट डॉक्स

§ 01अपना workspace बनाएँ।

डेमो डैशबोर्ड पर जाएँ साइन-इन पेज। पहले से बनाए गए owner खाते का उपयोग करें, या उत्पादन में नया workspace बनाएँ — एक slug चुनें, यह आपका subdomain बनता है (acme.livechattools.com).

पहली साइन-इन पर आप इनबॉक्स में पहुँचते हैं। अभी कोई असली बातचीत नहीं है — चरण दो इसे ठीक करता है।

§ 02विजेट embed करें।

loader script को closing टैग से पहले paste करें </body> । बस इतना ही — माउंट करने के लिए कोई React component नहीं, register करने के लिए कोई Vue plugin नहीं।

HTMLapps/your-site/index.html

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

बदलें acme को अपने workspace slug से बदलें। script अपने tenant से theme लाइव fetch करता है — रंग, copy, RTL flag, avatar — इसलिए design परिवर्तनों के लिए कभी आपकी साइट का re-deploy आवश्यक नहीं।

visitor की पहचान

यदि visitor आपके product में लॉग-इन है, तो widget को उसकी पहचान दें ताकि आप EasyLiveChat बातचीत को अपने user table से जोड़ सकें:

JSwindow.LivechattoolsConfig — पहचान

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',
    },
  },
};

§ 03अपना पहला जवाब भेजें।

अपनी साइट को दूसरे browser tab में खोलें, बबल पर क्लिक करें, और "Hello world" टाइप करें। संदेश dashboard inbox में Socket.IO channel पर रीयल-टाइम में आता है — सब-सेकंड, बिना polling fallback के।

दबाएँ ⌘↩ किसी भी agent जवाब पर भेजने के लिए। visitor आपका संदेश एक मृदु ध्वनि के साथ देखता है और आपके लिखने के दौरान presence dot "Typing…" में बदल जाता है।

§ 04अपनी टीम को आमंत्रित करें।

से Settings → Agents, क्लिक करें Invite, और एक email और role दर्ज करें। EasyLiveChat एकल-उपयोग लिंक ईमेल करता है; इस पर क्लिक करने से एक password सेट होता है और नया agent सीधे इनबॉक्स में पहुँचता है। Roles लागू करते हैं कि वे क्या देख सकते हैं — owners बिलिंग का प्रबंधन करते हैं, admins agents का प्रबंधन करते हैं, agents जवाब देते हैं।

bashPOST /api/tenant/agents — REST API के माध्यम से आमंत्रित करें

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"
      }'

§ 05काम के घंटे सेट करें।

ऑफ-घंटों में widget composer को offline form से बदल देता है। बातचीत अब भी आपके इनबॉक्स में आती है — उन्हें tag किया जाता है offline अगली सुबह साफ-सुथरे follow-up के लिए। सप्ताह के दिनों की windows सेट करें Settings → Working hours, प्रत्येक आपके tenant के स्थानीय timezone में।

JSONउदाहरण schedule — रवि–गुरु, 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."
}

§ 06अब कहाँ जाएँ।

क्या यह लेख उपयोगी था?

संपादन सुझाएँ ↗