Widget’ı özelleştirin
OneTwoAgent widget’ını CSS yazmadan ürününüzün bir parçası gibi görünecek ve davranacak şekilde ayarlayın: tema, renkler, 45 Google Fonts yazı tipi, baloncuk şekilleri, launcher simgeleri ve animasyonları, Home ekranı, Voice ve widget’ın görüneceği yerler.
Nerede özelleştirirsiniz
Channels -> Widget bölümünü açın. Her değişiklik, siz düzenlerken canlı önizlemede görünür.
- Home, Chat ve Talk ekranlarını masaüstünde ve mobilde önizleyin.
- CSS gerekmez: renkler, yazı tipleri, şekiller, launcher, Home ekranı ve Voice’un tamamı birer ayardır.
- Aynı ayarlar, widget’ın kurulu olduğu her yerde geçerlidir: web sitenizde ve uygulamanızda.
Ekranlar ve ilk açılan ekran
- Home: başlığınız, birincil düğmeniz ve bağlantılarınızla markanıza uygun bir başlangıç ekranı.
- Chat: yapay zekâ destek ajanı ve ekibinizle yapılan konuşma.
- Talk: ajanla Voice üzerinden sesli konuşma.
- Widget’ın bu üç ekrandan hangisiyle açılacağını seçin.
Tema ve renkler
- Açık veya koyu tema.
- Başlık, asistan ve müşteri baloncukları, sohbet arka planı, giriş alanı, gönder düğmesi, launcher, düğmeler ve kapat düğmesi için renkler.
- Kapat düğmesinin kendi arka planı ve kenarlığı olabilir.
Tipografi
- 45 Google Fonts yazı tipi: sans-serif, serif ve monospace.
- Yazı tipini başlık, asistan mesajları, müşteri mesajları, giriş alanı ve launcher için ayrı ayrı belirleyin.
- Her öğenin kendi yazı tipi boyutu vardır.
Mesajlar ve başlık
- Asistan mesajlarına veya her iki tarafa uygulanan 6 baloncuk şekli.
- Gönder simgesi seçimi.
- Başlık: asistan adı, durum satırı ve isteğe bağlı avatar veya logo.
Launcher
- 15 launcher simgesi ve size özel launcher rengi.
- İsteğe bağlı launcher metni; isterseniz mobilde yalnızca simge.
- Rahatsız etmeden dikkat çeken 13 launcher animasyonu.
Home ekranı
- Başlık, üstünde kısa bir satır ve birincil düğme etiketi.
- En fazla 3 bağlantı; örneğin belgelerinize, durum sayfanıza veya fiyatlandırmaya.
- Talk’ta da kullanabileceğiniz bir dokuya sahip animasyonlu bir küre (orb).
- 16 animasyonlu arka plan stili (mesh, halo, rays, glow, stars, dots, grain ve halftone dâhil) ya da düz bir arka plan.
- Arka planı widget renklerinizden biriyle veya hazır bir renkle tonlayın; yoğunluğu ve hareketi ayarlayın: durağan, sakin veya canlı.
Talk (Voice)
- Talk’u açın veya kapatın.
- Ses kataloğundan dile, aksana ve cinsiyete göre filtreleyerek bir ses seçin ve seçmeden önce dinleyin.
- Sesli karşılama mesajını yazın ve küre dokusunu seçin.
- Voice nasıl çalışır: Voice, dosyalar ve ekran görüntüleri.
Metinler ve davranış
- Karşılama mesajı, giriş alanı yer tutucusu ve launcher metni.
- Dosya yüklemeyi açma veya kapatma.
- Daha küçük bir widget için kompakt mod.
Widget’ın görüneceği yerler
- İzin verilen alan adları: widget yalnızca sizin alan adlarınızda yüklenir.
- Sayfa kısıtlamaları: /checkout veya /account gibi izin verilen ve hariç tutulan sayfalar.
- Kurulum adımları: Web sitesi widget’ı.
İlgili rehberler
Kanallar, rezervasyonlar, planlama veya otomasyon için sonraki kurulum adımlarına devam edin.
Widget’ı kurun ve markanıza uyarlayın; sohbet, Voice, dosyalar ve diller.
Widget’ta Voice, sesli notlar, ekran görüntüleri, dosyalar ve bağlantılar.
CLI + coding agent setup, live account data, support views and the manual integration architecture.
Sık sorulan sorular
Widget’ı markama uyarlamak için CSS’e veya bir geliştiriciye ihtiyacım var mı?
Hayır. Tüm tasarım ve davranış ayarları Channels -> Widget bölümündedir ve her değişiklik, siz düzenlerken canlı önizlemede görünür.
Widget marka yazı tipimi kullanabilir mi?
45 Google Fonts yazı tipi arasından seçim yapın (sans-serif, serif ve monospace); başlık, asistan mesajları, müşteri mesajları, giriş alanı ve launcher için ayrı ayrı ve her biri kendi boyutuyla ayarlanır.
Widget doğrudan Voice ile açılabilir mi?
Evet. Widget’ın açılacağı ekran olarak Home, Chat veya Talk’u seçin.
Widget’ı bazı sayfalarda gizleyebilir miyim?
Evet. Sayfa kısıtlamalarını açın ve izin verilen veya hariç tutulan sayfaları listeleyin, örneğin /checkout. İzin verilen alan adları, widget kodunun başka sitelerde yeniden kullanılmasını engeller.