Kişiselleştirilebilir Uygulama İçi Mesaj Kutusu
SDK entegrasyonunu tamamladıktan sonra çevrimdışı mesaj kutunuzu nasıl özelleştireceğinize bu sayfadan göz atabilirsiniz.
Destek talep mesajı göndermek isteyen müşterilerinizin göreceği mesaj kutusunun tasarımını ve içeriklerini bu başlık altında dilediğiniz gibi şekillendirebilirsiniz. 7 aşamalı olarak hazırlanan bu alanda yapabileceğiniz işlemleri detaylı olarak inceleyelim.
Genel Ayarlar
Mesaj kutusunu özelleştirirken ilk adımda karşılaşılacak düzenlemeler Genel Ayarlar başlığı altında toplanır.
1. Ayarlar: Bu kısımda mesaj kutunuzun arka plan renklendirmesine ve mesaj kutusunun varsayılan olarak hangi dilde görüneceğine dair uygun bir seçim yapabilirsiniz.
Varsayılan dil: Varsayılan olarak belirleyeceğiniz dil seçimi yapılır.
Ana Arka Plan Rengi: Sayfanın arka plan rengi belirlenir.
2. Başlık: Bu alanda sayfanın başında yer alacak Bize Ulaşın metni için arka plan rengi, yazı tipi, boyutu, buton rengi ve gölgelendirme özelliklerini belirleyebilirsiniz.
Başlık Arka Plan Rengi: Başlık kısmının arka plan rengi belirlenir.
Başlık Metin Rengi: Başlık metninin yazı rengi belirlenir.
Başlık Metni Yazı Tipi Boyutu: Başlık metninin yazı tipi boyutu belirlenir.
Başlık Metni Yazı Tipi Kalınlığı: Başlık metninin kalınlığı belirlenir.
Başlık İkon Rengi: Başlık kısmında yer alan geri dön ikonunun rengi belirlenir.
Başlık Gölgelendirme: Başlığın bulunduğu kutucuğun gölgelendirme durumu belirlenir.
3. Dipnot Biçimi: Sayfanın sonunda yer alacak bilgi notuna ait özelleştirmeleri bu kısımdan ayarlayabilirsiniz. Burada yer alacak metne ait renklendirme ve boyut kısıtlarını girebilirsiniz.
Dipnot Rengi: Bilgi notunun yazı rengi belirlenir.
Dipnot Yazı Tipi Boyutu: Bilgi notu yazı tipi boyutu belirlenir.
Dipnot Yazı Tipi Kalınlığı: Bilgi notu yazı kalınlığı belirlenir.
Tüm sayfa için yaptığınız düzenlemeleri sıfırlayarak varsayılan ayarlara dönmek isterseniz sayfanın sol alt köşesine konumlandırılmış Varsayılan ayarlara geri dön butonunu kullanabilirsiniz.
Karşılama Ekranı
Kullanıcılar uygulama içerisinde yer alan Bize Ulaşın butonuna tıkladığında karşılaşacakları ilk sayfaya ilişkin detaylar bu alanda belirlenir. Başlık olarak girilecek metin için dilerseniz 40 dilde profesyonel çevirilerinin de eklendiği Bize Yazın, Yardım Merkezi gibi hazır metinleri kullanabilirsiniz. Hazır metinlerin desteklendiği dilleri bu alanda görüntüleyebilirsiniz. Ayrıca desteklenen diller hakkında detaylı bilgi almak için 40 Dilde Profesyonel Destek sayfasını ziyaret ederek ulaşabilirsiniz. Çevirileri hazır gelen metinlerde güncelleme yapmak isterseniz Çevirileri Düzenle butonunu kullanabilirsiniz.
Başlık renklendirme ve yazı tipi belirleme işlemleri bir önceki adımda düzenlendiği için bu alanda yalnızca metin içerik seçimlerini yapabilirsiniz.
Alt başlık ve açıklama girmek istediğiniz alanlar için de hazır metinlerden faydalanabilir veya kendi metinlerinizin girişlerini yaparak sayfayı dilediğiniz şekilde dizayn edebilirsiniz.
Mesaj göndermeye karar veren kullanıcıları, kişisel bilgilerini ve mesajını paylaşabileceği sayfaya yönlendirmek için bu ekranda bir buton konumlandırmalısınız. Buton metni, buton tipi ve kenar rengi gibi düzenlemeleri uygulamanızın UI tasarımına uygun olarak düzenleyebilirsiniz. Sayfa sonundaki bilgi notunun görünürlüğünü Dipnot Metni alanından ayarlayabilirsiniz.
1.Başlık Metni: Başlıkta yer alacak metin burada belirlenir.
2. Alt Başlık Metni: Alt başlık içerik ve renklendirme seçimleri burada yapılır.
Alt Başlık Rengi: Alt başlık yazı rengi belirlenir.
Alt Başlık Yazı Tipi Boyutu: Alt başlık yazı tipi boyutu belirlenir.
Alt Başlık Yazı Tipi Kalınlığı: Alt başlık yazı kalınlığı belirlenir.
3. Açıklama Metni: Sayfada yer alacak açıklama metninin içerik ve renklendirme seçimleri burada yapılır.
Açıklama Metni Rengi: Açıklama metninin yazı rengi belirlenir.
Açıklama Metni Yazı Tipi Boyutu: Açıklama metninin yazı tipi boyutu belirlenir.
Açıklama Metni Yazı Tipi Kalınlığı: Açıklama metninin yazı kalınlığı belirlenir.
4. Buton: Butonda yer alacak metin içeriği ve görsel düzenlemeler burada yapılır.
Buton Metni: Butonda yer alacak metnin girişleri burada yapılır.
Buton Biçimi: Butonun hangi stilde görünmesini istiyorsanız, size uygun seçeneği burada belirleyebilirsiniz.
Buton Arka Plan Rengi: Butonun arka plan rengi belirlenir.
Buton Kenar Rengi: Butonun kenar rengi belirlenir.
Buton Metin Rengi: Butonda yer alan metnin yazı rengi belirlenir.
Buton Metni Yazı Tipi Boyutu: İlgili metnin yazı tipi boyutu belirlenir.
Buton Metni Yazı Tipi Kalınlığı: Metnin yazı kalınlığı belirlenir.
Buton İkonu: Butonda ikon görünmesini istiyorsanız bu başlık altından görünürlüğünü aktif hale getirebilirsiniz.
Buton Gölgelendirme: Butonun arka planında gölgelendirme istiyorsanız bu başlık altından görünürlüğünü belirleyebilirsiniz.
5. Dipnot Metni: Sayfanın en altında yer almasını istediğiniz bilgi notunun görünürlüğü buradaki butona tıklandığı takdirde aktif hale getirilebilir.
Form Ekranı
Destek talep mesajının ve kullanıcıya ait kişisel bilgilerin girilebileceği form sayfasının detayları bu ekranda düzenlenir. Karşılaşacağınız tüm başlıklar aşağıda detaylı şekilde açıklanmıştır.
1.Başlık Metni: Form sayfasının en üstünde yer alacak başlık içeriği bu alandan belirlenir. Çevirileri Desk360 tarafından otomatik doldurulan hazır metinler seçilebileceğiniz gibi, isteğe bağlı farklı metinlerin çeviri girişlerini de yapabilirsiniz. Hazır metinler hakkında daha fazla bilgi için bkz. 40 Dilde Profesyonel Destek
2. Konu Tipi: Gönderilecek mesajların konularına göre sınıflandırılabilmesi için bu alandan tanımlamalar yapılır.
Örneğin kullanıcı aboneliklere ilişkin bir talep iletmek istiyorsa Subscription başlığını, karşılaştığı bir hatayı iletmek için Report a problem başlığını seçebilir. Bu başlıkları panel üzerinde belirleyebilir, formda görünmesini istediklerinizi aktif statüye getirebilirsiniz.
3. Özel Form Alanı: Formda görünmesini istediğiniz veri giriş kutularının ekleme ve çıkarma işlemlerini bu alan üzerinden yapabilirsiniz. Seçim liste kutusu, metin girişi gibi farklı tipte alanların eklenebileceği seçenekleri bu başlık altında belirleyerek, müşterilerinize göstermek istediğiniz form tipini özelleştirebilirsiniz.
4. Form Alanı Biçimi: Bu alanda formda bulunan bilgi kutularının genel görünümünü esnek şekilde dizayn edebilirsiniz. Alt başlıkların hangi alanlarda değişiklik yapmaya izin verdiğini şu şekilde özetleyebiliriz:
Form Alanı Biçimi: Hazır olarak eklenen form tipi seçimi yapılır.
Form Öğesi Metin Rengi: Mesaj kutuları içerisinde hangi bilginin girilmesi isteniyorsa, bu başlıkların renkleri bu alanda belirlenir: e-posta, konu vb.
Form Öğesi Kenar Rengi: Öğe metin içeriklerinin mesaj kutusu kenar renklendirmesi için kullanılır.
Form Öğesi Metin Rengi (Odak): İlk mesaj kutusuna girilen bilgilerin renklendirmesi bu alanda ayarlanır.
Form Öğesi Kenar Rengi (Odak): İlk mesaj kutusu için kenar renklendirmesi bu alanda ayarlanır.
Form Öğesi Yazı Tipi Boyutu: Mesaj kutularında yer alan içeriklerin yazı tipi boyutları bu alanda belirlenir.
Form Öğesi Yazı Tipi Kalınlığı: Yazı kalınlıkları bu alanda verilen seçenekler ile belirlenebilir.
Form Öğesi Etiket Rengi: Eklenen dosya eki isminin renklendirmesi için kullanılır. (Dosya eki ismi örnek olarak şu şekilde görünebilir: image1.png)
Form Öğesi Etiket Yazı Tipi Boyutu: Dosya eki isminin yazı tipi boyutu bu alan üzerinden belirlenir.
Form Öğesi Etiket Yazı Tipi Kalınlığı: Dosya eki ismi için kalınlık bu alan üzerinden belirlenir.
Form Öğesi Hata Rengi: Yazılan içeriklerde hata olması durumunda, hatalı girilen alanın kullanıcı tarafından fark edilmesi için özel bir renklendirme yapılması gereklidir. Hata Rengi alanında hatalı alanın belirtilmesi için renk seçimi yapılabilir.
Dosya Ekle: Dosya eklenmesine izin verilmesi için Dosya Ekle butonunun aktif edilmesi gerekir. Bu alanda form üzerinde Dosya Ekle seçeneğinin görünürlük durumu belirlenir.
5. Button: Buton üzerinde görünmesini istediğiniz metin ve yazı tipi niteliklerini buradan belirleyebilirsiniz. Button alt başlıklarının hangi alanlarda düzenleme yapmaya imkan sunduğunu Karşılama Ekranı altında tekrar inceleyebilirsiniz.
6. Dipnot Metni: Sayfa sonunda yer alan bilgi notu bu alan üzerinden ayarlanır. İsteğe bağlı olarak bu metnin görünürlüğü kaydırmalı buton ile kapatılabilir.
7. Dipnot Onay Metni: Kişisel verilerin kullanılmasına dair sözleşmenin okunup onaylandığına dair bilgi notu ve onay kutucuğunun görünürlüğü ayarlanır.
Listeleme Ekranı
Kullanıcının gönderdiği tüm destek talep mesajlarının görüntülenebildiği sayfanın tasarımsal düzenlemeleri buradan yapılır. Sayfanın sağında yer alan + ikonuna tıklanarak yeni bir destek talebi oluşturulabilir.
1.Başlık Metni: Sayfanın başlığı bu alanda belirlenir.
2. Sekme: Kayıtlı mesajlar Mevcut ve Geçmiş mesajlar olarak iki grup altında görüntülenir. Bu başlıkların renklendirme ve boyut belirleme işlemleri Sekme başlığı altından yapılabilir.
Sekme Metni Rengi (Aktif): Kullanıcının karşısında aktif olarak görüntülenen sekmenin metin rengi bu alanda belirlenir.
Sekme Metni Rengi: Yan sekmenin metin rengi ise bu alanda belirlenir.
Sekme Kenar Rengi (Aktif): Aktif olarak görüntülenen sekmenin kenar renklendirmesi için bu alan kullanılır.
Sekme Yazı Tipi Boyutu: Sekme isimlerinin yazı tipi boyutu için kullanılır.
Sekme Yazı Tipi Kalınlığı: Sekme isimlerinin kalınlıkları bu alanda belirlenir.
3. Listeleme & Öğeler: Mesaj listesinin tasarımsal özellikleri bu alanda belirlenir.
Listeleme Biçimi: Liste görünüm tarzının belirlenmesi için kullanılır.
Listeleme Arka Plan Rengi: Liste arka plan renklendirmesi bu alanda seçilir.
Konu Rengi: Mesaj konusunun isim renklendirmesi bu alanda belirlenir.
Konu Yazı Tipi Boyutu: İlgili konunun yazı tipi boyutu bu alanda belirlenir.
Tarih Rengi: Mesajın gönderim tarihinin renkleri bu alanda belirlenir.
Tarih Yazı Tipi Boyutu: Tarihin yazı tipi boyutu bu alanda belirlenir.
Öğe Arka Plan Rengi: Mesajların bulunduğu kutuların arka plan renklendirmesi bu alanda belirlenir.
Öğe İkon Rengi: Mesaj kutularının sağında görülen zarf ikonu için renklendirme bu alanda belirlenir.
Öğe Gölgelendirme: Mesaj kutularının gölgelendirmesi bu alanda belirlenir.
Bize Ulaşın Ekranı
Müşterilere, isterlerse yeni bir destek talebi daha ekleyebileceklerini bildiren sayfa içeriklerinin düzenlemesi bu alanda yapılabilir.
1.Başlık Metni: Sayfa başlığı bu alanda belirlenir.
2. Alt Başlık Metni: Alt başlık bu alandan girilir.
3. Açıklama Metni: Yeni bir destek talebi oluşturmak isteyen kullanıcıları yönlendirmek amacıyla yazılacak açıklama metni için bu alan kullanılabilir.
4. Buton: Yeni bir destek talebi oluşturmak isteyen kullanıcıları yeni talep oluşturma sayfasına yönlendirmek için eklenen buton metni bu alanda belirlenir.
5. Dipnot Metni: Sayfanın en alt kısmına eklenecek kısa not buradan girilir.
Talep Detay Ekranı
Kullanıcı ile gerçekleştirilen konuşmanın detaylarının görüldüğü ekrana ait düzenlemeler bu alanda ayarlanır.
1.Başlık Metni: Görüşme ekranında başlık olarak görünmesini istediğiniz metin girişini bu alandan yapabilirsiniz.
2. Sohbet Biçimi: Görüşme sayfasına ilişkin dizayn ayarları bu alanda düzenlenir.
Sohbet Arka Plan Rengi: Görüşme ekranı arka plan rengi bu alanda verilir.
Sohbet Balonu Biçimi: Mesaj balonlarının dizaynı bu alanda belirlenir.
3. Gönderen: Müşteriden gelen mesajların renk ve yazı tipi ayarlamaları bu alanda yapılır.
Gönderen Arka Plan Rengi: Müşteriden gelen mesaj kutusunun arka plan rengi bu alanda belirlenir.
Gönderen Metin Rengi: Gelen mesaj için yazı rengi bu alanda belirlenir.
Gönderen Yazı Tipi Boyutu: Mesajın yazı tipi boyutu bu alanda belirlenir.
Gönderen Yazı Tipi Kalınlığı: Mesaj metninin kalınlığı bu alanda belirlenir.
Gönderen Tarih Metni Rengi: Mesajın geldiği tarih bilgisini içeren yazının rengi bu alanda belirlenir.
Gönderen Gölgelendirme: Mesaj kutusunun gölgelendirme ayarı bu alanda yapılır.
4. Alıcı: Müşteriye iletilen yanıta ilişkin düzenlemeler bu alanda yapılır.
Alıcı Arka Plan Rengi: Müşteriye gönderilen mesaj kutusunun arka plan rengi bu alanda belirlenir.
Alıcı Metin Rengi: Gelen mesaj için yazı rengi bu alanda belirlenir.
Alıcı Yazı Tipi Boyutu: Mesajın yazı tipi boyutu bu alanda belirlenir.
Alıcı Yazı Tipi Kalınlığı: Mesajın kalınlık seviyesi bu alanda belirlenir.
Alıcı Tarih Metni Rengi: Mesajın geldiği tarih bilgisi için yazı rengi bu alanda belirlenir.
Alıcı Gölgelendirme: Mesaj kutusunun gölgelendirme durumu bu alanda belirlenir.
5. Form Alanı Biçimi: Form görsel düzenlemeleri bu alanda yapılır.
Form Arka Plan Rengi: Sayfanın sonunda yeni mesaj iletmek için ayrılan kutunun arka plan rengi bu alanda belirlenir.
Form Kenar Rengi: Mesaj alanının alt kenar rengi bu alanda belirlenir.
Form Kenar Rengi (Odak): Mesaj alanı aktif olarak kullanılırken görünen alt kenarlık rengi burada belirlenir.
Form Yer Tutucu Rengi: Yeni mesaj metni girilmeden önce kullanıcıya gösterilecek “Write a message” uyarı metninin rengi bu alanda belirlenir.
Form Metin Rengi: Girilen yeni mesajın renklendirmesi için bu alan kullanılır.
Form Yazı Tipi Boyutu: Yeni mesajın yazı tipi boyutu bu alanda belirlenir.
Form Yazı Tipi Kalınlığı: Girilen mesajın kalınlık seviyesi bu alanda belirlenir.
Form Buton İkon Rengi: Girilen mesajı göndermek için kullanılacak olan Gönder butonunun rengi bu alanda belirlenir.
Form Buton İkon Rengi (Devredışı): Herhangi bir metin girmeden önce buton kullanılamaz durumda olacaktır. Bu durumdayken gösterilmesi istenen renk bu alandan girilebilir.
Başarı Ekranı
Mesajını başarıyla gönderen müşterinin göreceği son sayfadır. Sayfa dizaynı aşağıdaki alt başlıklarda düzenlenir.
1.Başlık Metni: Sayfa başlığı burada belirlenir.
2. Alt Başlık Metni: İkon altında yer alacak alt başlık bu alandan girilebilir. Renklendirme ve yazı tipi detayları alt başlıklardan düzenlenebilir.
3. Açıklama Metni: Kullanıcının ilettiği mesajın teslim alındığına ve belirli bir zaman diliminde dönüş yapılacağına dair açıklama metni girilmek istenirse bu alan kullanılabilir. Renklendirme ve yazı tipi detayları alt başlıklardan düzenlenebilir.
4. İkon: Mesajın gönderilme durumuyla ilgili ekranda gösterilecek ikona ait boyut ve renklendirme işlemleri burada yapılır.
5. Buton: Buton metni ve buton ile ilgili görsel düzenlemeler bu alanda yapılır. (Alt başlıklarda görülen alanlarla ilgili detayları Bize Ulaşın Ekranı > Buton sekmesinin altında tekrar inceleyebilirsiniz.)
6. Dipnot Metni: Sayfa sonunda yer almasını istediğiniz notu buradan düzenleyebilirsiniz.
Last updated