Web sitenize canlı sohbet ekleme

Canlı sohbet, web sitenizin köşesinde duran bir sohbet penceresidir; ziyaretçiler size doğrudan sitenizden yazar ve mesajlar CRM gelen kutunuza düşer. Kurulum için sitenize tek satırlık bir kod eklemeniz yeterlidir.

• Canlı Sohbet ayarlarıKurulum kodu, görünüm ve güvenlik
• Genel BakışPlatform adımları ve web yöneticinize talimat
• Gelen KutusuSohbetleri yanıtlayın

Kurulum

1. Kodu kopyalayın — Ayarlar › Canlı Sohbet sayfasında "Yükle" sekmesini açın ve "Widget kodu" kartındaki "Kodu kopyala" düğmesine basın.
2. Sitenize yapıştırın — Kodu sitenizin her sayfasına, kapanış </head> etiketinden hemen önce yerleştirin. Siteniz ortak bir şablon ya da düzen dosyası kullanıyorsa oraya bir kez eklemeniz yeterlidir.
3. Kontrol edin — Sitenizi açın; sohbet başlatıcısı (baloncuk) köşede görünmelidir.

Yöneticiler Genel Bakış sayfasındaki "Birkaç adımda başlayın" bölümünden de kurulum yapabilir: "Platforma kurun" düğmesi WordPress, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla ve "Diğer / düz HTML" için adım adım talimat gösterir. "Web yöneticinize talimat gönderin" ise kodu ve adımları yazdığınız e-posta adresine gönderir; gelen yanıtlar size döner.

Widget kurmadan sohbet etmek isterseniz Widget sekmesindeki "Sohbet sayfası" kartından "Bağlantıyı kopyala" ile doğrudan sohbet sayfasının bağlantısını paylaşabilirsiniz.

Görünüm ve metinler

"Widget" sekmesinde yaptığınız her değişiklik sağdaki canlı önizlemede görünür; bitirince "Değişiklikleri kaydet" düğmesine basın. Başlıca kartlar:

• Ana ekran → Widget açılınca görünen ekran: avatarlar, yardım merkezi kartı, talepler bölümü.
• Mesajlar → "Karşılama", "Anonim karşılama" (ziyaretçinin adı bilinmiyorken) ve "Giriş" metinleri.
• Arka plan ve Bağlantılar → Karşılamanın arkasındaki renk ya da görsel; ana ekranda listelenecek kısayollar.
• Sohbet ekranı → "Karşılama mesajı" (yeni sohbetteki ilk balon), giriş yer tutucusu, "Kullanılabilir temsilci yok" ve "Müşteri sırada" metinleri.
• Sohbet öncesi form / Sohbet sonrası form → İlk mesajdan önce sorulacak alanlar; sohbet kapandıktan sonra gösterilecek kısa puanlama ya da geri bildirim.
• Ekranlar → Alt gezinmede hangi sekmelerin görüneceği ve varsayılan ekran.
• Başlatıcı → Özel simge (100 KB'den küçük JPG, PNG ya da GIF), konum (Sol ya da Sağ) ve kenar boşlukları.
• Stil → Açık ve koyu logo, "Varsayılan widget teması" (Açık, Koyu ya da Sistem).

Metinleri başka dillere Yerelleştirmeler sayfasından çevirebilirsiniz.

Kimse çevrimiçi değilken

Ekibinizden kimse çevrimiçi değilse ziyaretçi "Kullanılabilir temsilci yok" metnini görür. Sohbet açık kalır; siz yanıt verdiğinizde ziyaretçi sohbette değilse yanıt ona e-postayla iletilir. Bunun için ziyaretçinin e-posta adresi gerekir, bu yüzden "Sohbet öncesi form" ile e-posta toplamanız önerilir.

"Zaman aşımları" sekmesinde yanıtsız kalan sohbete ne olacağını belirlersiniz. Her kural ayrı bir anahtarla açılır ve süresi dakika olarak girilir:

• Başka temsilciye aktar (açınca 5 dakika): Temsilci yanıt vermezse müşteri başka bir müsait temsilciye aktarılır; elle atama yapılan gruplarda sohbet kuyruğa alınır.
• Sohbeti etkin değil olarak işaretle (10 dakika): Pasif sohbetler temsilcinin eşzamanlı sohbet sınırına sayılmaz.
• Sohbeti kapat (15 dakika): Müşteri aynı sohbete yeni mesaj yazarak onu yeniden açabilir.

Aynı sekmedeki "Ziyaretçi temizliği", size hiç yazmamış anonim ziyaretçilerin kaç gün saklanacağını belirler (varsayılan 30 gün).

Güvenilir alan adları

"Güvenlik" sekmesindeki "Güvenilir alan adları" alanına widget'ın yüklenebileceği alan adlarını virgülle ayırarak yazın. Tüm alt alan adları için *.example.com biçimini kullanın. Alan boşsa widget herhangi bir siteye eklenebilir. Değişikliği "Değişiklikleri kaydet" ile kaydetmeyi unutmayın.

Ziyaretçi kimliğini doğrulama

Sitenizde oturum açmış kullanıcıları CRM'deki müşteri kayıtlarıyla güvenle eşleştirmek için ziyaretçinin e-posta adresini sunucunuzda gizli anahtarla imzalarsınız (HMAC-SHA256).

1. Gizli anahtarı alın — "Güvenlik" sekmesindeki "Kimlik doğrulama" kartında "Gizli anahtarı göster", ardından "Gizli anahtarı kopyala". Anahtarı yalnızca sunucunuzda saklayın.
2. İmzayı sunucuda üretin — Anahtar gizli anahtarınız, mesaj ziyaretçinin e-posta adresi olacak şekilde HMAC-SHA256 hesaplayın ve sonucu onaltılık (hex) metin olarak alın.
3. Sayfaya ekleyin — Widget kodundan önce e-postayı ve imzayı window.BeChatSettings içinde verin.
4. İsterseniz zorunlu kılın — "Kimlik doğrulamasını zorunlu kıl" anahtarını açıp "Değişiklikleri kaydet" düğmesine basın.

Node.js ile imza:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

PHP ile imza:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

Sayfada, widget kodundan önce:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

İmza geçerliyse ziyaretçi o e-postadaki müşteri kaydına bağlanır (yoksa yeni kayıt açılır) ve e-postası doğrulanmış sayılır; müşteri panelinde "E-posta doğrulandı" satırı "Evet" gösterir. Aynı nesneye eklediğiniz başka alanlar, aynı anahtarla tanımlanmış bir müşteri özniteliği varsa ona yazılır. "Kimlik doğrulamasını zorunlu kıl" açıkken geçerli imza taşımayan kullanıcı verisi yok sayılır ve ziyaretçi anonim olarak devam eder.

Ziyaretçinin kaynağı

Görüşmenin sağındaki müşteri panelinde ziyaretçinin nereden geldiğini görürsünüz:

• Kaynak: Açılış sayfası, Yönlendiren ve UTM kaynak, araç, kampanya, terim, içerik değerleri. Bunlar ilk ziyarette bir kez kaydedilir; site içindeki sonraki gezinmeler ve kendi sitenizden gelen yönlendirmeler değiştirmez.
• Konum ve dil: Tarayıcı dili ve Saat dilimi. Kişi kaydında dil ya da saat dilimi boşsa ziyaretten doldurulur; elle girdiğiniz değer ezilmez.
• Cihaz: Tarayıcı, İşletim sistemi, Cihaz, IP adresi ve Oturum ülkesi.

İlgili makaleler

• Web sitesi kampanyaları
• BLE AI ile tanışın
• Müşteri profili
• Kanallara genel bakış