Hızlı başlangıç.
Beş dakikadan kısa sürede.

§ 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>
  window.LivechattoolsConfig = { tenant: 'acme' };
</script>
<script src="https://cdn.livechattools.com/widget-loader.js" 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.

Bir ziyaretçiyi tanımlama

Ziyaretçi ürününüzde oturum açmışsa, EasyLiveChat konuşmalarını kendi kullanıcı tablonuzla ilişkilendirebilmek için widget'a kimliğini verin:

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İ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.→