§ 01Workspace'inizi oluşturun.
Demo paneline gidin oturum açma sayfası. Önceden hazırlanmış sahip hesabını kullanın veya üretimde yeni bir çalışma alanı oluşturun — bir slug seçin, bu sizin alt alan adınız olur (acme.livechattools.com).
İlk girişte gelen kutusuna düşersiniz. Henüz gerçek konuşma yok — bunu ikinci adım çözüyor.
§ 02Widget'ı gömün.
Loader betiğini kapanış etiketinden önce yapıştırın </body> . Hepsi bu — mount edilecek React bileşeni yok, kaydedilecek Vue plugin'i yok.
<script src="https://app.livechattools.com/widget-loader.js" data-tenant="acme" async defer></script>Değiştirin acme kendi çalışma alanı slug'ınızla. Script, temasını canlı olarak kiracınızdan alır — renkler, kopya, RTL bayrağı ve avatar — bu nedenle tasarım değişiklikleri sitenizin yeniden dağıtılmasını gerektirmez.
§ 03İlk yanıtınızı gönderin.
Sitenizi ikinci bir tarayıcı sekmesinde açın, baloncuğa tıklayın ve "Hello world" yazın. Mesaj, Socket.IO kanalı üzerinden gerçek zamanlı olarak pano gelen kutusuna düşer — saniye altında, polling yedeği yok.
Basın ⌘↩ herhangi bir temsilci yanıtında göndermek için. Ziyaretçi, mesajınızın yumuşak bir sesle göründüğünü ve siz yazarken bir varlık noktasının "Typing…" olarak değiştiğini görür.
§ 04Ekibinizi davet edin.
Şuradan: Ayarlar → Temsilciler, tıklayın: Davet et, ve bir e-posta ve rol girin. EasyLiveChat tek kullanımlık bir bağlantıyı e-postayla gönderir; tıklamak bir parola belirler ve yeni temsilciyi doğrudan gelen kutusuna bırakır. Roller ne görebileceklerini belirler — sahipler faturalandırmayı yönetir, adminler temsilcileri yönetir, temsilciler yanıtlar.
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Çalışma saatlerini ayarlayın.
Mesai dışında widget yazıcıyı çevrimdışı formla değiştirir. Konuşmalar yine de gelen kutunuza düşer — şu etikette: offline ertesi sabah temiz bir takip için. Hafta içi pencerelerini şurada yapılandırın: Ayarlar → Çalışma saatleri, her biri kiracınızın yerel saat diliminde.
{
"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."
}§ 06Sonra nereye gidilir.
- WhatsApp Cloud'u bağlayınNumaranızı doğrulayın, webhook'u yapıştırın, şablon mesajları gönderin.
- Giden webhook'lara abone olunHer konuşma olayını kendi veri ambarınıza gönderin.
- API referansını açınKendi yazılımınıza EasyLiveChat odaklı bir akış inşa edin.
- Widget'ı yerel dilinize çevirinJSON sözlüğü, yerel başına code-split, RTL otomatik.
Bu makale faydalı oldu mu?