§ 01अपना workspace बनाएँ।
डेमो डैशबोर्ड पर जाएँ साइन-इन पेज। पहले से बनाए गए owner खाते का उपयोग करें, या उत्पादन में नया workspace बनाएँ — एक slug चुनें, यह आपका subdomain बनता है (acme.livechattools.com).
पहली साइन-इन पर आप इनबॉक्स में पहुँचते हैं। अभी कोई असली बातचीत नहीं है — चरण दो इसे ठीक करता है।
§ 02विजेट embed करें।
loader script को closing टैग से पहले paste करें </body> । बस इतना ही — माउंट करने के लिए कोई React component नहीं, register करने के लिए कोई Vue plugin नहीं।
<script src="https://app.livechattools.com/widget-loader.js" data-tenant="acme" async defer></script>बदलें acme को अपने workspace slug से बदलें। script अपने tenant से theme लाइव fetch करता है — रंग, copy, RTL flag, avatar — इसलिए design परिवर्तनों के लिए कभी आपकी साइट का re-deploy आवश्यक नहीं।
§ 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 जवाब देते हैं।
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 में।
{
"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अब कहाँ जाएँ।
- WhatsApp Cloud को wire करेंअपना नंबर verify करें, webhook paste करें, template messages भेजें।
- आउटबाउंड webhooks subscribe करेंहर बातचीत event को अपने data warehouse में push करें।
- API संदर्भ खोलेंअपने सॉफ़्टवेयर में EasyLiveChat-संचालित flow बनाएँ।
- विजेट को अपनी locale में अनुवादित करेंJSON dictionary, प्रति-locale code-split, RTL स्वचालित।
क्या यह लेख उपयोगी था?