Sizin gibi okuyucular MUO'yu desteklemeye yardımcı oluyor. Sitemizdeki bağlantıları kullanarak bir satın alma işlemi gerçekleştirdiğinizde, bir ortaklık komisyonu kazanabiliriz. Devamını oku.

Şunu hayal edin: ürünlerinizden birini kullanan biri bir sorunla karşılaşır. Sorunu bildirmek ve çözmeye çalışmak için kullanabilecekleri birkaç kanal var.

Bunlar arasında e-posta veya aramayı tercih edebilirler. Ancak bu iletişim kanalları, bırakın gerçek zamanlı yanıtları, hızlı yanıtları garanti etmez. Ancak bir müşteri destek uzmanıyla canlı, etkileşimli bir sohbet paha biçilmez olabilir.

Canlı sohbet özelliğinin çok kullanışlı bir iletişim aracı olduğu kanıtlanmıştır. Bunun nedeni, kullanıcılarla daha iyi etkileşim kurmanıza, kullanıcı deneyimini iyileştirmenize ve sorunları hızlı ve gerçek zamanlı olarak gidermenize olanak sağlamasıdır.

Canlı Sohbet Nedir ve Neden Önemlidir?

Canlı sohbet özelliği, genellikle bir web sayfasının yan tarafında bir pencere öğesi veya site yüklendikten sonra görünen bir açılır pencere olarak eklenir. Kullanıcılar ile müşteri hizmetleri temsilcileri veya destek ekipleri arasında doğrudan uygulama içinden gerçek zamanlı iletişim sağlar.

instagram viewer

Canlı sohbet özelliğinin kullanıcıları, ürün hakkında acil sorular sorabilir, anlamadıkları alanlar hakkında soru sorabilir veya bir sorunu bildirip çözüm talep edebilir. Bu arada müşteri destek ekipleriniz, kullanıcıya göre kişiselleştirilmiş, gerçek zamanlı, ayrıntılı geri bildirim sağlayabilir.

Canlı Sohbet Özelliğini Entegre Etmenin Faydaları

Bir canlı sohbet özelliğini entegre etmek çeşitli avantajlar sağlayabilir:

  • Müşteri hizmetleri çalışmalarını iyileştirin. Harika bir ürün, yalnızca kullanımı kadar iyidir. Bir canlı sohbet özelliğinin entegre edilmesi, hızlı bir şekilde yardım ve yanıt almanın kolay bir yolunu sağlayarak kullanıcı deneyimini önemli ölçüde iyileştirmeye yardımcı olur. Sonuçta bu, ürününüzün kullanımını kolaylaştıran daha iyi hizmetler sunmanıza yardımcı olacaktır.
  • Müşteri katılımını artırın. Canlı sohbet, kullanıcıların uygulamanızla gerçek zamanlı olarak etkileşim kurmasını sağlayarak kendilerini değerli hissetmelerini sağlar. Bu, onları daha fazla etkileşim kurmaya, kaydolmaya ve daha fazla özelliği test etmeye yönlendirir.
  • Daha fazla müşteri adayı oluşturun ve satışları artırın. Bu iletişim kanalı, kullanıcılarınızla kişisel olarak etkileşime geçmeniz için bir yol sağlar. Potansiyel müşterileri yakalamak ve onları müşterilere dönüştürmek için bu fırsatı kullanabilirsiniz. Ayrıca ürün önerileri sağlayabilir ve ürününüzün belirli paketlerinde ek satış yapabilirsiniz.
  • Kullanıcı verilerinin kaynağı. Dijital ekonomide, kullanıcılar hakkında doğru verilere erişim sahibi olmak sizi rekabette önemli ölçüde öne çıkarabilir. Kullanıcılar size hatalardan veya diğer ürün sorunlarından bahsettiğinde, bu geri bildirim son derece değerlidir. Hizmetinizle nasıl etkileşim kurdukları hakkında daha fazla bilgi edinebilir ve bunu ürününüzü geliştirmek için kullanabilirsiniz.

Chatwoot Nedir?

Chatwoot, kullanıcılarınızla etkileşim kurmanın kişiselleştirilmiş bir yolunu sunan açık kaynaklı bir müşteri hizmetleri platformudur. Ayrıca, kullanıcıların sorgularına yanıt vermeniz ve gerçek zamanlı olarak birden çok kanalda geri bildirim sağlamanız için basitleştirilmiş bir platform sağlar.

Kullanıcı katılımını analiz etmek ve müşteri hizmetleri operasyonlarını kolay ve etkili bir şekilde yönetmek için otomasyonunu, analitiğini ve raporlama araçlarını kullanabilirsiniz.

Bu kılavuzu kullanarak Chatwoot'u uygulamanıza entegre edebilir ve canlı sohbet özelliğini bir React istemcisi ve bir müşteri destek panosu ile test edebilirsiniz.

Chatwoot Projesi Kurulumu

Chatwoot, uygulamanıza kolayca entegre edebileceğiniz, özelleştirilebilir bir canlı sohbet eklentisi sağlar. Müşteri hizmetleri ihtiyaçlarınıza uyacak şekilde mümkün olduğunca özelleştirebilirsiniz.

Eklenti kodunu uygulamanıza yerleştirdikten sonra, bir kullanıcı müşteri destek ekiplerinizle iletişim kurabilir ve bu görüşmeleri Chatwoot'un temsilcisinin panosundan yönetebilir.

  1. Başını aşmak Chatwoot'un web sitesi, bir hesap için kaydolun ve kullanıcı panosuna gidin.
  2. Kullanıcılarınızın görüşmelerini yönetmek için önce bir gelen kutusu oluşturmanız ve ihtiyacınıza göre onu özelleştirmeniz gerekir. Tıkla Yeni gelen kutusu başlatmak için düğmesine basın.
  3. Şimdi, Chatwoot'u entegre etmek istediğiniz kanalı seçin. Bu kılavuz için seçin İnternet sitesi çünkü onu bir React uygulamasına entegre ediyorsunuz.
  4. Ardından, web sitenizin ayrıntılarını doldurun. Yerel geliştirme için, özelliği yerel ana bilgisayar etki alanı URL'si ile test edebilirsiniz, ancak üretime dağıttıktan sonra etki alanını canlı URL ile güncellemeyi unutmayın.
  5. Son olarak, bu gelen kutusundaki konuşmaları yönetmek için bir aracı/temsilciler ekleyin. Bu, müşteri destek ekibinizin bir üyesi olabilir.

Web sitenizi bir iletişim kanalı olarak ayarlayarak Chatwoot'un canlı sohbetini başarıyla kurdunuz. Chatwoot, canlı sohbet özelliği widget'ını eklemek için uygulamanıza yerleştirmeniz gereken kodu oluşturacaktır. Bu kod, herhangi biriyle oluşturulmuş bir web istemcisine kolayca entegre ettiğiniz için çok esnektir. JavaScript ön uç çerçeveleri.

Kurulumu daha da özelleştirmek istiyorsanız, Daha fazla ayar düğme.

React Proje Kurulumu

Özelliği test etmek için bir React uygulaması oluşturun ve Chatwoot'un canlı sohbet eklentisini ekleyin. Bir React uygulaması oluşturun ve web sitenizin jetonunu tutmak için proje klasörünüzün kök dizininde bir ENV dosyası oluşturun.

REACT_APP_WEBSITE_TOKEN = belirteç

Sonraki, içinde kaynak dizini, yeni bir klasör oluşturun ve onu bileşenler olarak adlandırın. Bu klasörde yeni bir dosya oluşturun: Canlı sohbet.js.

Bu dosyaya aşağıdaki kodu ekleyin:

içe aktarmak Tepki ver, {useEffect} itibaren'tepki'
işlevCanlı sohbet () {
 useEffect(() => {
pencere.chatwootSettings = {
 hideMessageBubble: YANLIŞ,
 konum: "Sağ", 
 yerel ayar: "tr", 
tip: "standart"
 };

 (işlev(d, t) {
var BASE_URL = " https://app.chatwoot.com";
var g = d.createElement (t), s = d.getElementsByTagName (t)[0];
 g.src = BASE_URL + "/paketler/js/sdk.js";
 g.defer = doğru;
 g.async = doğru;
S.parentNode.insertÖnce(G, S);


 g.onload = işlev() {
pencere.chatwootSDK.koşmak({
web sitesiToken: işlem.env.REACT_APP_WEBSITE_TOKEN,
 temel URL: BASE_URL
 })
 }
 })(belge, "senaryo");
 }, []);


geri dönmekhükümsüz;
};
ihracatvarsayılan Canlı sohbet;

Bu kod, Chatwoot'un Canlı sohbet özelliğini React uygulamanıza entegre eder. UseEffect kancası, bileşen bağlandığında geri arama içindeki kodu bir kez çalıştırır. İlk olarak, özellik için Chatwoot'un ayarlarını başlatır. Ardından, sayfadaki canlı sohbet widget'ını kuran Chatwoot tarafından sağlanan eklenti işlevini çalıştırır.

WebsiteToken'ı, uygulamayı Chatwoot hesabınıza bağlayan chatwootSDK.run işlevine bir parametre olarak iletir. Son olarak, herhangi bir HTML öğesi oluşturmanız gerekmediğinden Canlı sohbet işlevi null değerini döndürür.

Canlı Sohbet Özelliğini Test Edin

  1. Bu bileşeni bilgisayarınıza aktarın uygulama.js Yapılan değişiklikleri güncellemek için geliştirme sunucusunu dosyalayın ve döndürün. React'inizde tarayıcıda çalışan canlı sohbet widget'ını görmelisiniz.
  2. Canlı sohbet özelliğini test etmek için, sohbet sohbet duvarını açmak için widget'a tıklayın ve bir mesaj yazın.
  3. Şimdi, Chatwoot kullanıcı panonuza gidin ve gelen kutunuza gidin, yeni bir mesaj görmelisiniz. Varsayılan olarak, Chatwoot bazı mesajlar oluşturacak ve aşağıda gördüğünüz gibi bir kullanıcı mesaj gönderdikten hemen sonra otomatik olarak yanıt verecektir. Mesaja bir yanıt yazın ve gönder'e tıklayın. Yanıtı görüntülemek için uygulamanızdaki widget sohbet duvarına geri dönün.

Canlı sohbet özelliğini uygulamanıza çok az kod satırıyla başarıyla entegre ettiniz.

Canlı Sohbet Özelliği Buna Değer mi?

Canlı sohbet özelliği, müşteri hizmetleri sağlamanın, müşteri memnuniyetini artırmanın ve kullanıcı deneyimini iyileştirmenin harika bir yoludur.

Etkileşimi artırma, yanıt süresini kısaltma ve müşteri desteğini kişiselleştirme potansiyeline sahip bir iletişim kanalı sağlar. Sonuç olarak, çok az çabayla müşteri hizmetleri operasyonlarını geliştirmenize yardımcı olacaktır.