Sohbet penceresi: stil, boyut, yan panel ve mobil görünüm

Renkler karakteri belirler, şekil gerisini tamamlar. /app/projects/{id} altında Görünüm sekmesinin Marka bölümünde iki ayar grubu bulursunuz: Stil (renkten ziyade şekil) ve Pencere (açık pencerenin görünümü). Hiçbir seçim yapmazsanız her şey varsayılan kalır. Kaydet ile kaydedersiniz; Widget ana ekranı altındaki önizleme gerçek widget’ı gösterir.

Tasarım sihirbazının şablonları bu ayarları da aynı anda yapar.

Stil

• Üst bölüm – renk geçişi (varsayılan), düz veya cam. Ana ekranın üst bölümüne ve başlık çubuğuna uygulanır.
• Yoğunluk – normal (varsayılan), kompakt veya ferah. Ana ekrandaki ve sohbetteki boşluklar.
• Balonlar – yumuşak (varsayılan; köşe yarıçapınızı izler), yuvarlak (18 px) veya köşeli (4 px).
• Gölge – yumuşak (varsayılan), sert veya yok. Sohbet düğmesine değil, pencereye uygulanır.
• Avatar – yuvarlak (varsayılan) veya köşeli.
• Giriş alanı – düz (varsayılan) veya hap (çok yuvarlatılmış, yuvarlak düğmelerle).
• Kartlar – çerçeveli (varsayılan) veya düz. Ana ekran kutucuklarına, yardım satırlarına ve sohbetteki kartlara uygulanır.

Pencere

• Pencere boyutu – normal (varsayılan, 380 px genişlik), geniş (440 px), dar (340 px) veya uzun (neredeyse tam ekran yüksekliği; en fazla 960 px). Normal yükseklik 620 px’tir; küçük ekranlarda daha azdır.
• Düzen – yüzen pencere (varsayılan) veya yan panel. Yan panel, sohbet düğmesinin bulunduğu kenarda tam yükseklikte yer alır ve oradan kayarak açılır. Açıkken sohbet düğmesi geri çekilir. Üst bölümdeki düğmeyle kapatılır.
• Arka plan – mesaj alanının zemini: sade (varsayılan), noktalar, ızgara veya renk geçişi (marka renginizin hafif bir tonu).
• Yazı boyutu – normal (varsayılan, 14 px), büyük (15,5 px) veya küçük (13 px). Sohbet düğmesine değil, balonlara ve giriş alanına uygulanır.
• Açılış animasyonu – kayma (varsayılan), yakınlaşma, belirme veya yok. Ziyaretçi sisteminde “hareketi azalt” seçeneğini ayarladıysa animasyon her durumda kaldırılır.
• Ziyaretçi balonu – ziyaretçilerinizin balon rengi: ana renk (varsayılan, marka renginizin açık bir karışımı), vurgu rengi veya nötr (gri). Widget burada da metni okunabilir olana kadar yeniden hesaplar.

Pencere boyutu ve düzen yalnızca 481 px ve üzeri ekran genişliğinde etkili olur. Bunun altında sohbet her zaman tam ekran açılır (aşağıya bakın).

Kodda

Tüm ayarlar markanın stil alanındadır. Değerler iç adlardır:

• kopf: verlauf, flach, glas
• dichte: normal, kompakt, luftig
• blase: weich, rund, eckig
• schatten: weich, hart, keiner
• avatar: rund, eckig
• eingabe: flach, pille
• karten: rahmen, flach
• fenster: normal, breit, schmal, hoch
• ansicht: schwebend, seite
• hintergrund: schlicht, punkte, raster, verlauf
• schrift: normal, gross, klein
• animation: gleiten, zoom, blenden, keine
• besucher: marke, akzent, neutral

Bilinmeyen değer için varsayılan kullanılır.

ReactiveChat('setBrand', { stil: { ansicht: 'seite', hintergrund: 'punkte', schrift: 'gross' } });

Kodda data-rc-brand='{"stil":{"ansicht":"seite"}}' olarak tanımlanırsa marka, bu sayfanın kendi markası sayılır ve hesabınızın ayarlarına göre önceliklidir; Renkler, yazı tipi ve tema bölümüne bakın.

Hareket

Koddaki data-rc-motion ile animasyonları kontrol edersiniz: auto (varsayılan, ziyaretçinin sistem ayarını izler), reduced (hareket yok) veya full.

data-rc-motion="reduced"

Üst bölüm

Üst bölüm kimin yanıt verdiğini gösterir:

• Ekibinizden biri yazıyorsa onun görünen adı gösterilir. Her ekip üyesi bunu kişisel ayarlarında yönetir; Ekip, temsilci paneli ve bildirimler bölümüne bakın.
• Yapay zekâ asistanı yanıtlıyorsa YZ ve bilgi → Asistan altındaki adı gösterilir (varsayılan “Ada”); Yapay zekâ asistanı bölümüne bakın.
• Diğer durumlarda “Sohbet” başlığı gösterilir. Bunu ve ikinci satırı (“Buradayız”, “Yapay zekâ asistanı”) Metinler ve diller altında header.title, header.subtitle_online ve header.subtitle_bot anahtarlarıyla değiştirirsiniz.

Avatarlar adın ilk harfini, asistan içinse ✦ işaretini gösterir. Ekip üyeleri için kendi fotoğraflarınızı şu anda kaydedemezsiniz.

Üst bölümde, ziyaretçilerin sohbet dökümünü kendilerine e-postayla göndermesini sağlayan bir zarf simgesi de vardır. Kurallar ve hizmet → Sohbetin e-postayla gönderimi altında kapatabilirsiniz; Müsaitlik, formlar ve hizmet bölümüne bakın.

“Powered by reactive.chat” notu

Ücretsiz planda pencerenin alt kısmında “Powered by reactive.chat” notu görünür. Ücretli planlardan itibaren Görünüm → Sohbet içinde reactive.chat altında “Powered by reactive.chat” notunu gizle ayarıyla buna kendiniz karar verirsiniz. Bu durumda varsayılan gizlidir. Notun metni değiştirilemez.

Telefonlarda

480 px genişliğe kadar ve yatay tutulan cihazlarda 480 px yüksekliğe kadar sohbet tam ekran açılır: köşesiz, ekran klavyesi açıldığında bile görünen alanın tam yüksekliğinde. Telefonun yakınlaştırma yapmaması için giriş alanında 16 px yazı kullanılır; düğmeler en az 44 px boyutundadır. Sohbet açıkken sohbet düğmesi geri çekilir.

Pencere boyutu ve yan panel telefonlarda geçerli değildir. Diğer stil ayarları, renkler ve yazı boyutu geçerlidir. Telefonlardaki sohbet düğmesi boyutunu Sohbet düğmesi altında ayarlarsınız.