Web sitenizde yer alan chat penceresini ve widget’ı Jetlink Paneli üzerinden kolayca özelleştirebilirsiniz. Sitenize uygun bir chat UI’ı oluşturmak için aşağıdaki adımları takip edebilirsiniz.

Sitenize uygun renkler kullanmak ve ikonları özelleştirmek için öncelikle panelinize giriş yapın.

Panel girişi yaptıktan sonra sol dikeyin sonunda yer alan Ayarlar simgesine tıklayın.




Ayarlar sayfasında bulunan Web Messenger kategorisine tıklayın.




Web Messenger sayfası üzerinden dilediğiniz özelleştirmeyi yapabilirsiniz. 


Web Messenger özelleştirmelerini tamamlamak için aşağıdaki adımları takip edebilirsiniz.

Web messenger'ın temel rengini seçin” alanı sitenizde bulunan chat penceresinin üst bölme rengini belirleyeceğiniz alanı ifade etmektedir. Renk kodu kısmına tıklayarak dilediğiniz rengi renk çubuğundan seçebilir veya kodu yazılı olarak girebilirsiniz. Bu işlemi gerçekleştirirken aynı zamanda ekranın sağ kısmında yer alan örnek chat penceresi üzerinden görünümü takip edebilirsiniz.




Webmessenger içerik rengini seçin” alanı üzerinden kullanıcının yollayacağı mesaj kutucuğu temel rengini belirleyebilirsiniz.



Sohbet penceresi yüksekliği (Maks: 800)” alanı üzerinden rakamı değiştirerek chat penceresi yüksekliğini ayarlayabilirsiniz. (burada önerilen yükseklik 800 olmasıdır.)





Bildirim arkaplan rengini seçin” alanı üzeri tıklayarak dilediğiniz renk seçeneğini kullanabilirsiniz. Bu alandaki renk seçimi web sayfanızda chat penceresi kapalıyken chatbot’un kullanıcıya mesaj iletmesi durumda widget üzerinde çıkacak olan bildirimin rengini belirler.






Web Messenger başlığındaki arkaplan görselini kaldırın” butonu üzerinden chat penceresinin üst kısmında bulunan başlığa ait arka plan görselini kapatabilirsiniz.







Web Messenger için bir başlık yazın” ve “Web Messenger karşılaması için bilgi mesajı yazın” alanı üzerinden gireceğiniz metinleri düzenleyerek chat penceresine yansıtabilirsiniz.




Messenger arkaplan görseli seçiniz” alanı üzerinden chat pencerenizin sohbet arka plan görselini özelleştirebilirsiniz. Görsellerin altında bulunan seçim kutucuğunu işaretleyerek mevcuttaki görselleri kullanabileceğiniz gibi dilerseniz Özel Arkaplan alanına tıklayarak özelleştirdiğiniz görseli ekleyebilirsiniz. (Önerilen görsel ölçüleri 200x200 max: 1 mb )

 



Sohbet Başlatma Görseli” alanı üzerinden sitenizde görünecek olan widget görselini ekleyebileceğiniz gibi burada dilerseniz gif de ekleyebilirsiniz. (200x200 max:1 mb)





Messenger Şirket Logosu” alanından şirket logonuzu ekleyerek chat penceresinde görünmesini sağlayabilirsiniz. (200x200 max:1 mb)






 “Temsilci İkonu” alanı üzerinden chat pencerenizin konuşma başlangıcında ve konuşma temsilciye aktarıldığında görünecek olan temsilci görselini özelleştirebilirsiniz. Burada “Temsilci İkonunu Özelleştir” butonunu açarak tüm temsilcileriniz için konuşma başlatıldığında bu görsel görünecek şekilde düzenleyebilirsiniz.  (200x200 max:1 mb)



 

Chatbot Avatarı” alanı üzerinden avatar resminizi ekleyerek chat penceresinde görünmesini sağlayabilirsiniz. (200x200 max:1 mb)




Tüm ayarlamalarınız tamamladıktan sonra Görünümü Kaydet butonuna tıklayın.





NOT: Eğer chatbot’unuz Login ve autologin senaryolarına göre kanal bazlı yanıtlara ayrılıyor ise Web Messenger sayfasının sağında bulunan alandan diğer kanala geçiş yaparak aynı şekilde düzenlemenizi yapabileceğiniz gibi Ayarları Tümüne Aktar butonuna tıklayarak düzenlemelerinizi diğer kanala da yansıtabilirsiniz.