§ 01اپنا workspace بنائیں۔
ڈیمو ڈیش بورڈ پر جائیں سائن ان پیج۔ تیار شدہ مالک اکاؤنٹ استعمال کریں، یا production میں نیا workspace بنائیں — ایک slug چنیں، یہ آپ کا subdomain بنتا ہے (acme.livechattools.com).
پہلی سائن ان پر آپ ان باکس میں آتے ہیں۔ ابھی کوئی حقیقی گفتگو نہیں ہے — یہ مرحلہ دو حل کرتا ہے۔
§ 02ویجٹ embed کریں۔
loader script کو closing tag سے پہلے پیسٹ کریں </body> ۔ بس — کوئی React component mount کرنے کی ضرورت نہیں، کوئی Vue plugin رجسٹر کرنے کی ضرورت نہیں۔
<script>
window.LivechattoolsConfig = { tenant: 'acme' };
</script>
<script src="https://cdn.livechattools.com/widget-loader.js" async defer></script>تبدیل کریں acme کو اپنے workspace slug سے تبدیل کریں۔ سکرپٹ اپنا تھیم لائیو آپ کے tenant سے حاصل کرتا ہے — رنگ، copy، RTL flag، اور avatar — اس لیے ڈیزائن کی تبدیلیوں کے لیے کبھی آپ کی سائٹ کا re-deploy درکار نہیں۔
visitor کی شناخت
اگر visitor آپ کے پروڈکٹ میں لاگ ان ہے، تو ویجٹ کو اس کی شناخت دیں تاکہ آپ EasyLiveChat گفتگوئیں اپنی user table سے مربوط کر سکیں:
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اپنا پہلا جواب بھیجیں۔
اپنی سائٹ کو ایک اور براؤزر ٹیب میں کھولیں، بلبلے پر کلک کریں، اور "Hello world" ٹائپ کریں۔ پیغام Socket.IO چینل پر ریئل ٹائم میں ڈیش بورڈ ان باکس میں آتا ہے — سب سیکنڈ، بغیر polling fallback کے۔
دبائیں ⌘↩ کسی بھی ایجنٹ جواب کو بھیجنے کے لیے۔ visitor آپ کا پیغام ایک نرم آواز کے ساتھ ظاہر ہوتے دیکھتا ہے اور آپ کے لکھنے کے دوران presence dot "Typing…" میں بدل جاتا ہے۔
§ 04اپنی ٹیم کو دعوت دیں۔
سے Settings → Agents، کلک کریں Invite، اور ای میل اور role درج کریں۔ EasyLiveChat ایک بار استعمال کا لنک ای میل کرتی ہے؛ اس پر کلک کرنے سے پاس ورڈ سیٹ ہوتا ہے اور نیا 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کام کے اوقات سیٹ کریں۔
آف-ٹائم پر ویجٹ composer کو آف لائن فارم سے بدل دیتا ہے۔ گفتگوئیں اب بھی آپ کے ان باکس میں آتی ہیں — انہیں tag کیا جاتا ہے offline اگلی صبح صاف فالو اپ کے لیے۔ ہفتے کے دنوں کی windows کنفیگر کریں Settings → Working hours، ہر ایک آپ کے tenant کے مقامی ٹائم زون میں۔
{
"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 کو وائر کریںاپنا نمبر تصدیق کریں، webhook پیسٹ کریں، template messages بھیجیں۔
- آؤٹ باؤنڈ webhooks سبسکرائب کریںہر گفتگو event کو اپنے data warehouse میں پش کریں۔
- API ریفرنس کھولیںاپنے سافٹ ویئر میں EasyLiveChat-driven flow بنائیں۔
- ویجٹ کو اپنی locale میں ترجمہ کریںJSON dictionary، per-locale code-split، RTL خودکار۔
کیا یہ مضمون مفید تھا؟