Başlamadan önce
Canlı destek sohbeti, ziyaretçinin sitenizden ayrılmadan size yazabildiği küçük penceredir. Miko'da bu pencereye gelen her mesaj, e-posta ve WhatsApp ile aynı gelen kutusuna düşer; Miko AI açıksa ilk cevabı o verir.
İhtiyacınız olan tek şey sitenizin HTML'ine bir satır ekleyebilmek. WordPress, Shopify ya da kendi yazdığınız bir site fark etmez.
1. Kurulum kodunu alın
- Miko panelinde Ayarlar › Kanallar › Web chat › Kurulum ekranını açın.
- Kod, çalışma alanınızın anahtarıyla hazır gelir; kopyalayın.
- Sohbetin görüneceği her sayfada, kapanış </body> etiketinden hemen önce yapıştırın.
<script src="https://getmiko.co/widget.js" data-key="CALISMA_ALANI_ANAHTARINIZ" async></script>Tek sayfalı bir uygulamada (React, Vue gibi) aynı betiği uygulama açılırken koddan yükleyebilirsiniz; ayrıntısı dokümanlarda.
2. Görünüşü koddan değil, panelden ayarlayın
Kod bir kez eklendikten sonra renkler, karşılama metni, ana sayfadaki kartlar ve yardım makalesi araması Messenger Studio'dan değişir. Kaydettiğiniz an sitenizdeki sohbet de değişir; siteyi yeniden yayımlamanız gerekmez.
- Marka rengi ve logo: sohbet başlığı sizin markanızı taşır.
- Karşılama: başlatıcının yanında kısa bir davet cümlesi, istediğiniz anda ve sıklıkta.
- Spotlight: aynı yardımı sayfanın altında bir arama çubuğu olarak da sunabilirsiniz.
3. Sohbetin yalnızca kendi sitenizde açılmasını sağlayın
Web chat ayarlarındaki izinli siteler listesine alan adlarınızı yazarsanız sohbet yalnızca bu sitelerde açılır. Liste boşsa kodun eklendiği her yerde açılır; canlıya çıkmadan önce listeyi doldurmanızı öneririz.
4. Giriş yapmış müşterilerinizi tanıyın
Ziyaretçi sitenizde oturum açmışsa kimliğini koddan önce verin. Böylece konuşmaları cihazdan cihaza onu izler ve aynı kişi kartına düşer; temsilciniz kiminle konuştuğunu bilir.
Kimliğin taklit edilmemesi için userHash gerekir: kullanıcı kimliğinin, Ayarlar › Kanallar › Web chat › Güvenlik altındaki gizli anahtarla alınmış HMAC-SHA256 değeri. Bunu kendi sunucunuzda hesaplayın; gizli anahtarı asla sayfaya koymayın.
<script>
window.mikoSettings = {
userId: "u_123",
userHash: "<sunucunuzda hesaplanır>",
email: "[email protected]",
name: "Ayşe Yılmaz"
};
</script>5. Kendi düğmenizden açın (isteğe bağlı)
Sohbeti köşedeki düğme yerine kendi “Bize yazın” düğmenizden açmak isterseniz sayfadaki kod window.Miko ile sohbeti yönetebilir: Miko("open") açar, Miko("hide") köşedeki düğmeyi kaldırır.
Sırada ne var
Sohbet sitenizde çalıştığına göre Miko AI'ı besleyin: bir bilgi kaynağı bağladığınızda müşterilerinizin sık sorularını sizin yazdıklarınızdan cevaplamaya başlar, emin olmadığında konuşmayı ekibinize bırakır.