SSS ve Bize Ulaşın Sayfaları Ayarları

Web sitenizde yer almasını istediğiniz SSS (Sıkça Sorulan Sorular) ve Bize Yazın formunu bu sekmede detaylı şekilde tasarlayabilirsiniz. Sitenizde öncelikli çözüm adresi olarak göstereceğiniz SSS sayfalarını, tamamen web sitesinizin tasarımına uygun şekilde dizayn edebilirsiniz. SSS içerisinde uygun yanıtı bulamayan müşterilerinizi ise Bize Yazın sayfasına yönlendirerek, onlara size ulaşma imkanı sağlayabilirsiniz. Bu sayede müşterilerinize bütünleşik bir deneyim yaşatabilirsiniz.

Sayfaları düzenlemeye başlamak için SSS Sayfalarını Düzenle butonuna tıklayarak yönlendirildiğiniz düzenleme sayfasında, içeriklerinizin girişlerini üç aşamada tamamlayabilirsiniz.

1. General Settings

Bu başlık altında SSS ve Bize Yazın sayfalarının genel görünüm düzenlemelerini yapabilirsiniz. Alt başlıklarla ilgili detaylı açıklamalar aşağıda incelenebilir. Languages: SSS sayfanız için dil seçeneklerini buradan belirleyebilirsiniz. Hazırladığınız sayfa tarayıcı diline göre görüntülenir. Desk360 platformu toplamda 40 farklı dilde giriş yapabilme imkanı sunar. Eğer bu listede bulunmayan bir dil kullanıyorsanız, sayfanın varsayılan olarak görünmesini istediğiniz bir dili seçebilirsiniz. Bu seçimi Dil Seçimi > Varsayılan Dil Seçimi kısmından yapabilirsiniz. Diğer dil seçimlerini ise Diğer Diller bölümünden, arama butonu ile seçerek ekleyebilirsiniz. Seçtiğiniz dilleri çöp kutusu ikonuna tıklayarak silebilirsiniz.

Main: Bu başlık altında sayfanın genelinde yapılabilecek bazı düzenlemelerin alt başlıkları yer alır:

  1. Select Main Font: Metinlerin yazı tipini sekmelerden tek tek deneyebilir, sayfanız için uygun olan bir yazı tipi ile devam edebilirsiniz.

  2. Main Background Color: Sayfa arka plan rengini buradan belirleyebilirsiniz.

Titles: Sayfada yer alan başlıkların içerik, renklendirme, hizalama gibi işlemlerini bu alandan yapabilirsiniz. Title Alignment ile başlıkların hizalama seçeneklerinden (sol, orta ve sağ) birini seçebilirsiniz.

Her başlık için farklı metin giriş alanları ve Hazır Metinler butonu ile açılan sayfada desteklenen diller için hazır girilen metinler bulunur. Her metin kutusunun hemen altında yer alan renk paletinden renklendirme işlemleri yapabilir ve seçim kutusu içerisinden yazı tipi boyutunu belirleyebilirsiniz.

Search Bar: Sayfada yer alacak arama butonunu bu alanda düzenleyebilirsiniz. Titles kısmında çeviri metni ve yazı rengini belirledikten sonra Search Bar alanına gelerek butonun tipi, arka plan renklendirmesi gibi detayları netleştirebilirsiniz.

  1. Search Bar Border Color: Arama butonunun kenar rengi belirlenir.

  2. Search Bar Background Color: Butonun iç kısmına ait renklendirme yapılır.

  3. Search Bar Radius: Butonun kenarlarının oval olma durumu belirlenir.

  4. Search Bar Shadow: Buton arka planı için gölgelendirme işlemi yapılır.

  5. Search Bar Icon: Buton içerisinde arama ikonu görünürlüğü bu alandan ayarlanır. İkonun görünmesini isterseniz renklendirmesini hemen altta yer alan renk paleti üzerinden yapabilirsiniz.

Edit Category Style: Müşterilerin bilgi almak isteyeceği konuları birkaç ana başlık halinde bu alanda paylaşabilirsiniz. İçerik olarak hangi konuları sunacağınızı uygulamanıza özel olarak belirleyebilirsiniz. Kategorilere ait görsel düzenleme süreçlerini bu başlık altından yapabilir, metin içeriklerini ise FAQ adımında düzenleyebilirsiniz.

  1. Category Background Color: Kategori kutucuklarının arka plan rengi bu alanda belirlenir.

  2. Category Border Color: Kutucukların kenar renkleri bu alanda belirlenir.

  3. Category Shadow: Kutucukların gölgelendirme durumu bu alanda belirlenir.

  4. Category Radius: Kenarların oval olma durumu bu alanda belirlenir.

  5. Show Icon: Her kategoriye özel olarak başlıkların yanında bir ikon gösterilebilir. Bu durum Show Icon butonundan belirlenir. Kategoriye özel ikon seçimi ise FAQ adımında yapılır.

  6. Icon Color: Seçilen ikonun renklendirmesi bu alanda yapılır.

  7. Title Color: Kategori başlıklarının rengi bu alanda belirlenir.

  8. Description Color: Her kategori için girilecek açıklama metinlerinin yazı rengi bu alanda belirlenir.

  9. Title Text Font Size: Başlık için yazı tipi boyutu bu alanda belirlenir.

  10. Description Text Font Size: Açıklama kısmının yazı tipi boyutu bu alanda belirlenir.

  11. Category Show: Kategorilerin görünürlük durumunu belirlemek için bu buton kullanılır.

Edit Question Style: Sıkça sorulan sorular kısmı için görsel düzenlemeleri bu başlık altında yapılır.

  1. Background Color: Soru butonlarının arka plan rengi bu alanda belirlenir.

  2. Border Color: Soru butonlarının kenar rengi bu alanda belirlenir.

  3. Question Color: Diğer sorular için yazı rengi seçimi bu alanda yapılır.

  4. Question Color (Active, Hover): Üzerine tıklanarak detayları aktif olarak okunan veya fareyle üzerinde durulan soru için yazı rengi bu alanda belirlenir.

  5. Question Font Size: Soruların yazı tipi boyutu bu alanda belirlenir.

  6. Answer Color: Cevap metinlerinin yazı rengi bu alanda belirlenir.

  7. Answer Font Size: Cevap metinlerinin yazı tipi boyutu bu alanda belirlenir.

  8. List Layout: Listelenen soru ve cevapların görünüm tipi için 3 farklı seçenek verilmiştir.

    • Accordion: Ekran ilk açıldığında yalnızca sorular görülür. Yanıtları görmek için ilgili soru butonuna tıklamak gerekir. Bu seçenek aktifken List Icon sekmesi açılır. Bu alanda soru butonlarının kenarında gözükmesini istediğiniz ikon tipini belirleyebilirsiniz. Icon kullanılma nedeni kullanıcıların butonlara tıklayarak cevapları detayda görüntüleyebileceklerinin belirtilmek istenmesidir.

    • List: Liste durumda iken tüm soru ve cevaplar ekranda detaylı şekilde tek seferde görüntülenebilir.

    • Multi column: Bu seçenek aktifken tüm soru ve cevaplar kutucuklar halinde ekranda iki kolon oluşturacak şekilde sıralanır.

  9. List Icon: Listede yer alan sorulara ait cevap metinlerini görebilmek için soruların bulunduğu butona tıklamalısınız. Bu butonlarda yer alacak ikonlar List Icon sekmesinde belirlenir. Aşağıdaki üç farklı seçenekten dilediğinizi kullanabilirsiniz.

    • Chevron

    • Arrow

    • Plus

  10. Radius: Soru kutucuklarının kenarlarının oval olma durumu bu alanda belirlenir.

  11. Hover Effect: Hover Effect aktifken fare ile soruların üzerinde gezilmesi durumunda soru renkleri yukarıda belirlediğimiz Question Color (Active, Hover) renginde görülecektir.

Button: Button başlığı altında iki adet metin giriş alanı bulunmaktadır. Biri kategori kutucukları, diğeri ise sayfa sonunda müşterinin destek talebi gönderebileceği sayfaya yönlendiren buton olarak kullanılır.

Kategorilerin açıklamalarını kısaca yaptıktan sonra detaylı bilgilerin verildiği farklı bir sayfaya yönlendirme yapılması gerekebilir. Bu durumda kategori kutucukları içerisinde açıklama metninin altında görülecek şekilde örn. More Details yazılı bir buton eklemek faydalı olacaktır. More Details butonu ile kullanıcıları ilgili kategorinin detay sayfasına yönlendirebilirsiniz. Bahsi geçen bu iki tip butonun metin ve görsel düzenlemelerini Button başlığı altında yapabilirsiniz. Burada yer alan alt başlıkları tekrar kısaca özetlememiz gerekirse:

  • Text: İki buton içerisinde yer alacak metinlerin girişleri buradan yapılır. Hazır Metin alanından hazır metinler de seçilebilir.

  • Button Background Color: Butonun arka plan rengi bu alanda verilir.

  • Button Border Color: Butonun kenar rengi bu alanda verilir.

  • Button Text Color: Buton üzerinde yer alacak metnin yazı rengi bu alanda verilir.

  • Title Text Font Size: Buton metninin yazı tipi boyutu bu alanda belirlenir.

Contact Us: Sıkça sorulan sorularda aradığı cevaba ulaşamayan müşteriye, dilerse bildirmek istediği konu hakkında size mesaj gönderebileceği bir alan hazırlanmıştır. Burada yer alacak metinlerden başlığın ne olacağı daha önce Titles alanında belirlenmişti. Başlık altında görünmesini istediğiniz kısa açıklama metnini ise Bize Yazın kısmındaki metin giriş alanından tanımlayabilir, görsel düzenlemelerini yine bu alanda yer alan renk paleti ve yazı tipi boyutu giriş sekmesinden yapabilirsiniz. Ayrıca Bize Yazın butonunun üzerinde destek ekibinize ait temsili profiller ekleyebilir, sayfanıza görsel destek sağlayabilirsiniz. Şimdi de alt kırılımların hangi amaçla kullanıldığına detaylı bakalım:

  1. Background Color: Contact Us alanına ait arka plan renklendirmesi bu alanda yapılır.

  2. Profile Text Color: Profil isimlerinin yazı rengi bu alanda belirlenir.

  3. Profile Font Size: Profil isimlerinin yazı tipi boyutu bu alanda belirlenir.

  4. Show Profile: Görsellik katması amacıyla eklenen profiller bu buton ile aktif/pasif duruma getirilebilir. Sayfaya profil eklemek istenmediği durumlarda pasif duruma çekilebilir.

  5. Radius: Bize Yazın kısmına ait kutunun kenarlarının oval olma durumu burada belirlenir.

  6. Profile 1: Profillerin sayfada görüntülenmesinin istendiği durumlarda, profile ait görsel ve isim girişleri bu alandan yapılabilir. Görsel eklemek için indirme işlemine ihtiyaç duymaksızın, fotoğraf URL'si doğrudan buraya yapıştırılarak işlem tamamlanabilir. Add People ile birden çok profil eklenebilir, profiller çöp kutusu ikonu ile kaldırılabilir.

Select Contact Icons: Soru metinlerinin sonunda, “Verilen yanıt yeterli değilse bize ulaşabilirsiniz” şeklinde bir metin girişi yapabilirsiniz. Görünmesini istediğiniz metnin girişlerini de bu başlık altındaki hazır metinlerden seçebilir veya kendi metninizi yazabilirsiniz. Select Contact Icons kısmından müşterilerin size ulaşabileceği kanalların ikonlarını ekleyebilirsiniz.

WhatsApp seçeneği eklemeniz halinde WhatsApp numarası bilgilerini de sayfaya girmeniz gerekir.

İçerik girişlerini tamamladıktan sonra kaydederek bir sonraki adım olan içerikleri düzenleyeceğiniz SSS ayarları ekranına geçebilirsiniz.

Last updated