Aracılığıyla paylaş


Özel canlı sohbet pencere öğesi geliştirme

Microsoft, Dynamics 365 Müşteri Hizmetleri hesabınıza ekleyebileceğiniz özel bir canlı sohbet pencere öğesi oluşturma seçeneği sunar. Özel canlı sohbet pencere öğesinin her bileşeni hem işlevsellik hem de kullanıcı arabirimi için özelleştirilebilir.

Gereksinimlerinize ve sonucunuza bağlı olarak, aşağıdaki seçeneklerden birini kullanarak sohbet pencere öğesini özelleştirebilirsiniz:

  • Özelleştirilebilir canlı sohbet pencere öğesi 2.0'ı kullanma
  • Kendi pencere öğesinizi geliştirme

Özelleştirilebilir canlı sohbet pencere öğesi 2.0'ı kullanma

Özelleştirilebilir canlı sohbet pencere öğesi 2.0, pencere öğesinin yazı tipi, renk ve stil gibi tüm öğelerini düzenlemenizi sağlar, böylece pencere öğesini marka resminizle eşleştirebilirsiniz. Özelleştirilmiş pencere öğesi güven ve güvenilirlik geliştirmenize, markanızı ayırt etmeye, olumlu duygusal bağlantıları teşvik etmeye ve müşterilerin ürününüzle ilişkilendirilen değeri artırmanıza yardımcı olur.

Yeni canlı sohbet pencere öğesi 2.0, Omnichannel Sohbet SDK'sı ve Canlı Sohbet Pencere Öğesi Kullanıcı Arabirimi Bileşen Kitaplığı üzerine kurulmuştur.

Portal Geliştiricisi - Kullanıma hazır betik tabanlı kullanıcı arabirimi özelleştirin

Portal geliştirici seçeneği, sohbet pencere öğesinin kullanıcı arabirimini kişiselleştirmenize olanak tanır, ancak Copilot Hizmeti yönetim merkezinde kullanıma alınan işlev ayarlarını değiştirmez. Özelleştirmek için, kullanıma hazır arabirim öğesini bir JavaScript işlevine bağlayan "data-customization-callback" betiğini kullanabilirsiniz. İşlev, Çok Kanallı Canlı Sohbet Pencere Öğesi Kullanıcı Arabirimi Bileşenleri kitaplığıyla aynı emsallere sahip sohbet bileşenlerinde CSS stil özelleştirmeleri içerebilir.

Canlı sohbet pencere öğesi 2.0'ı etkinleştirmek için canlı sohbet pencere öğesi betiğini düzenleme

Canlı sohbet pencere öğesi 2.0’ı ve betik tabanlı özelleştirmeyi kullanmak için, kullanıma hazır canlı sohbet pencere öğesi 2.0’ın kod parçacığını aşağıdaki gibi değiştirin.

  1. Copilot Hizmeti yönetim merkezinde sohbet çalışma akışını açın ve Kod parçacığını kopyalamak için Canlı Sohbet Pencere Öğesi 2.0 Betiğini Kopyala'yı seçin.
  2. Tüm bileşen stiliyle yeni bir JavaScript işlevi oluşturun. Daha fazla bilgi: Çok kanallı sohbet pencere öğesi
  3. Betik özniteliğinden sonra "v2" ekleyin.
  4. "data-customization-callback" ekleyin ve JavaScript işlevine referans verin.

Güncelleştirilmiş kod parçacığı aşağıdaki gibi görünür.

Özelleştirilmiş canlı sohbet pencere öğesi kodunun ekran görüntüsü.

Boyutunu artırmak için özelleştirilmiş sohbet pencere öğesi 2.0'ın örnek ekran görüntüsü aşağıdaki gibidir.

Canlı sohbet pencere öğesi 2.0'ın örnek ekran görüntüsü.

Canlı sohbet bileşeninin ayarlandığı kılavuz videosunu izleyin.

Widget'i özelleştirmek için web etkileşimi orkestrasyonunu kullanın.

Web etkileşimi düzenlemesi, yapılandırma geçersiz kılmalarınızı sayfanızın JavaScript'inden çıkararak yönetim merkezine taşımanızı sağlar. Tek bir etiket kullanarak web siteleri arasında sohbet pencere öğeleri dağıtma bölümünde daha fazla bilgi edinin.

Kendi pencere öğesinizi geliştirme

Kendi pencere öğesinizi oluşturmak için aşağıdaki bölümlerdeki bilgileri kullanın.

Çok Kanallı Canlı Sohbet Widget Kullanıcı Arayüzü Bileşen Kitaplığı

Çok Kanallı Canlı Sohbet Widget Kullanıcı Arabirimi Bileşenleri kitaplığı, yeniden kullanılabilir React bileşenlerinin bir çerçevesini sağlar. Bileşenler Fluent UI kitaplığı kullanılarak oluşturulur. Çok Kanallı Canlı Sohbet Pencere Öğesi Kullanıcı Arabirimi Bileşenleri kitaplığı hakkında daha fazla bilgi edinin.

Çok Kanallı Sohbet SDK'sı

Omnichannel Sohbet SDK'sı, canlı sohbet pencere öğesine işlevsellik eklemek için sohbet yöntemleri ve özellikleri sağlayan bir açık kaynak paketidir. Omnichannel Sohbet SDK'sı hakkında daha fazla bilgi edinin.

Canlı sohbet pencere öğesinizi özelleştirme

Omnichannel Sohbet SDK'sının en son sürümünü yükledikten sonra, Omnichannel Sohbet SDK'sı yöntemlerini kullanarak ve Omnichannel Canlı Sohbet Pencere Öğesi KULLANıCı Arabirimi Bileşenlerinin temel CSS stillerini düzenleyerek canlı sohbet pencere öğenizi özelleştirin.

Uyarı

Omnichannel Sohbet SDK'sı, Çok Kanallı Canlı Sohbet Pencere Öğesi Kullanıcı Arabirimi Bileşenleri kitaplığını yüklemek için bir önkoşuldur.

Mobil uygulamalar için canlı sohbet arabirim öğelerini özelleştirme
Sohbete başla
closeChat
lcw:closeChat
lcw:threadUpdate
lcw:chatRetrieved
lcw:chatQueued