Sohbet düğmesi: şekil, boyut, simge, yazı ve konum
Ziyaretçilerin sohbeti açtığı düğme: şekil, masaüstü ve telefon boyutu, simge, ikinci satırlı yazı, gösterim, 20 şablon, konum ve çubuklarla çakışmayı önleme.
Sohbet düğmesi, ziyaretçilerin sohbeti açmak için kullandığı, alt köşedeki düğmedir. /app/projects/{id} altında Görünüm sekmesinin Marka bölümünde ayarlanır. Sohbet düğmeniz böyle görünecek canlı önizlemesi her değişikliği hemen gösterir. Kaydet ile kaydedersiniz; değişiklik bir dakika içinde ziyaretçilerinize ulaşır.
Sohbet düğmesinin rengi ana renginizdir; Renkler, yazı tipi ve tema bölümüne bakın.
Sohbet düğmesi şablonları
20 hazır kombinasyon bulunur; örneğin “Sanal asistan – 2 dk içinde yanıtlar”, “Sorunuz mu var?”, “Müşteri hizmetleri – Pzt–Cum 08.00–18.00” veya “Yapay zekâ asistanı – Saniyeler içinde yanıt”. Tek tıklamayla şekil, simge, yazı, ikinci satır, gösterim ve boyut doldurulur. Renkleriniz aynı kalır; Kaydet düğmesine basana kadar hiçbir şey kaydedilmez. Ardından metinleri düzenleyin.
Alanlar
- Şekil –
daire(varsayılan),yuvarlatılmış,kare,konuşma balonuveyayaprak. Konuşma balonunun sivri köşesi ekranın köşesine bakar. Yaprak biçiminde karşılıklı iki köşe küçüktür. - Boyut (px) – 44–72, varsayılan 56. 44, güvenilir şekilde dokunulabilecek en küçük alandır.
- Telefonlarda boyut (px) – 40–72. Boşsa: 48 px; yukarıdaki boyut daha küçükse o boyut.
- Simge –
konuşma balonu(varsayılan),soru işareti,kulaklık,parıltıveyasimge yok (yalnızca metin). Simge yoksa sohbet düğmesi için yazı ve her zaman gösterimi gerekir. Aksi hâlde widget konuşma balonunu gösterir. - Yazı – simgenin yanındaki görünür metin, en fazla 40 karakter. Boşsa yalnızca simge gösterilir.
- İkinci satır – yazının altındaki daha küçük ikinci satır, en fazla 60 karakter. Yazı yoksa görünmez.
- Gösterim – yazının ne zaman görüneceği:
- her zaman (varsayılan),
- sadece fare üzerine gelince – yalnızca simge; fare üzerine gelince veya klavyeyle odaklanınca yazı açılır. Dokunmatik cihazlarda yalnızca simge kalır.
- yalnızca büyük ekranlarda – yazı yalnızca 481 px ve üzeri genişlikte görünür; altında yalnızca simge gösterilir,
- Yalnızca kendi bağlantılarınızla (sohbet simgesi yok) – sohbet düğmesi hiç görünmez; aşağıya bakın.
Dile göre yazı
Formdaki yazı ve ikinci satır her dilde geçerlidir. Dile göre farklı olmalarını istiyorsanız Metinler ve formlar → Kendi ifadeleriniz altında launcher.text ve launcher.subtext anahtarlarıyla girin. Oradaki kayıt, buradaki alanlara göre önceliklidir. Ayrıntılar Metinler ve diller bölümündedir.
Sohbet düğmesi olmadan sohbet
Yalnızca kendi bağlantılarınızla (sohbet simgesi yok) gösteriminde sohbet düğmesi görünmez. Ziyaretçiler sohbeti kendi bağlantılarınız veya düğmelerinizle açar:
<a href="#rc-open">Help & support</a>
Sohbete erişilmesi gereken her sayfaya en az bir böyle bağlantı koyun. Ardından Kurulum altındaki yerleştirme kodunu tekrar kopyalayın: yeni kod artık marka renginizi içermez, böylece sayfa yüklenirken sohbet düğmesi kısa süreliğine görünmez.
Widget ayarınızı henüz sunucudan alamadıysa, örneğin bağlantı yoksa veya ilk ziyarette çerez onayından önce, güvenlik amacıyla sohbet düğmesi yine de görünür. Hiçbir zaman görünmemesi gerekiyorsa koda şunu da ekleyin:
<script src="https://cdn.reactive.chat/loader.js"
data-rc-site-key="SITE_KEY"
data-rc-hide-launcher="true"
async></script>
data-rc-hide-launcher, hesabınızdaki ayar ne olursa olsun her zaman geçerlidir. Sohbet düğmesi yoksa onun üzerinde ipucu balonları da olmaz. Kendi öğelerinizden, önceden doldurulmuş metinle ve sekme seçimiyle sohbeti açmanın tüm yolları Sohbeti kendi bağlantınızdan veya düğmenizden açma bölümünde açıklanır.
Bağlantı yerine sayfanızdaki mevcut bir öğeyi de tetikleyici yapabilirsiniz. data-rc-launcher-selector bir CSS seçicisi alır:
<script src="https://cdn.reactive.chat/loader.js"
data-rc-site-key="SITE_KEY"
data-rc-hide-launcher="true"
data-rc-launcher-selector="#hilfe-knopf"
async></script>
Konum ve boşluklar
Taraf, kenar boşlukları ve yığılma düzeyi kodda ayarlanır. Hesabınızda bunlar için alan yoktur.
data-rc-position–right(varsayılan) veyaleft.data-rc-offset– JSON olarak piksel cinsinden kenardan uzaklık; varsayılan{"x":20,"y":20}. Widget, iPhone çentiği gibi güvenli alanları ekler.data-rc-z-index– yığılma düzeyi; varsayılan2147483000. Kendi öğeniz sohbetin üzerinde yer alacaksa değeri azaltın.
<script src="https://cdn.reactive.chat/loader.js"
data-rc-site-key="SITE_KEY"
data-rc-position="left"
data-rc-offset='{"x":24,"y":96}'
async></script>
Aynı alanlar window.ReactiveChatSettings veya ReactiveChat('boot', …) üzerinden position, offset ve zIndex olarak da çalışır. Teknik entegrasyon bölümüne bakın.
Çubuklarla çakışmayı önleme
Sayfanızın alt kenarında çerez bildirimi, sepet çubuğu veya telefonlarda gezinme çubuğu gibi sabit bir çubuk varsa sohbet düğmesi otomatik olarak 12 px boşluk bırakarak bunun üzerine taşınır. Sayfa değiştiğinde yeniden ölçer. Pencere yüksekliğinin %40’ından fazlasını kaplayan öğeler kaplama sayılır; düğme bunlardan kaçınmaz.
Bunu kodda kapatabilirsiniz:
data-rc-avoid-overlap="false"
Kendi simgenizle sohbet düğmesi
Tamamen özel bir simge kod üzerinden marka ile kullanılabilir: launcher.icon, satır içi SVG veya data: adresi alır ve seçilen simgeye göre önceliklidir.
ReactiveChat('setBrand', {
launcher: { shape: 'bubble', label: 'Ask us', icon: 'data:image/svg+xml,…' }
});
Not: Kodda (data-rc-brand) bu tür alanlar içeren bir marka, hesabınızın bu sayfadaki ayarlarına göre önceliklidir. Renkler, yazı tipi ve tema bölümüne bakın.
Telefonlarda
481 px genişliğin altında (ve yatay tutulan telefonlarda 480 px yüksekliğe kadar) telefon boyutu geçerlidir. Yalnızca büyük ekranlarda gösteriminde sohbet düğmesi burada yalnızca simgeyi gösterir. Ziyaretçi sohbeti açtığında pencere tüm ekranı kaplar ve sohbet düğmesi geri çekilir.
Sohbet düğmesi beklediğiniz gibi görünmüyorsa
- Sohbet düğmesi görünmüyor: Gösterim Yalnızca kendi bağlantılarınızla olarak mı ayarlı, yoksa kodda
data-rc-hide-launcher="true"var mı? Proje duraklatılmış mı? - “Yalnızca kendi bağlantılarınızla” ayarına rağmen sohbet düğmesi görünüyor: Widget ayarı henüz sunucudan almadı (yedek davranış). Ayrıca
data-rc-hide-launcher="true"ekleyin. - Simge seçilmemesine rağmen konuşma balonu görünüyor: Simge olmadan yazı ve her zaman gösterimi gerekir.
- Değişiklikler ulaşmıyor: Kodda yazı, simge veya başka ek alanlar içeren
data-rc-brandvar mı? Öyleyse kod önceliklidir.
Utolsó frissítés: