Tüm Entegrasyonlar
🌐

Web Widget

Aktif
Web

Yanıtly Web Widget, sitenize tek satır JavaScript kodu ekleyerek müşterilerinize canlı destek sunmanızı sağlar. Tamamen özelleştirilebilir tasarım, çoklu dil desteği, dosya paylaşımı ve AI destekli otomatik yanıtlar ile müşteri deneyimini en üst düzeye taşıyın.

Kurulum süresi: 5 dakika
4 adım

Resmi kaynakla doğrulanmış entegrasyon rehberi

Yanıtly dokümanı

Web widget akışı Yanıtly embed kodu ve public widget dokümantasyonu üzerinden doğrulanır.

Son doğrulama: 2026-09-18

Yanıtly widget kurulum dokümanı

Özellikler

Tek satır kodla kurulum
Tamamen özelleştirilebilir renk ve tema
Çoklu dil desteği (TR, EN)
Dosya ve resim paylaşımı
AI destekli otomatik yanıtlar
Ziyaretçi bilgisi toplama
Operatöre aktarım
Mobil uyumlu tasarım
Çerez ve KVKK uyumlu
Özel CSS desteği

Gereksinimler

  • Bir web sitesi (HTML, WordPress, Shopify vb.)
  • Yanıtly hesabı (herhangi bir plan)

Kurulum Rehberi

1

Widget kodunu alın

Yanıtly paneli → Kanallar → Web Widget bölümünden tenant ID'nizi içeren embed kodunu kopyalayın.

<!-- Yanıtly Web Widget -->
<script
  src="https://yanitly.com/widget/embed.js"
  data-tenant-id="YOUR_TENANT_ID"
  data-position="bottom-right"
  data-language="tr"
  async
></script>
2

HTML'e ekleyin

Kodu sitenizin </body> etiketinden hemen önce yapıştırın. WordPress kullanıyorsanız tema düzenleyicisinden footer.php dosyasına ekleyebilirsiniz.

WordPress için "Insert Headers and Footers" eklentisini de kullanabilirsiniz.
3

Widget'ı özelleştirin

Yanıtly paneli → Kanallar → Web Widget → Görünüm ayarlarından renk, logo, karşılama mesajı ve pozisyonu değiştirin.

4

Gelişmiş yapılandırma (opsiyonel)

JavaScript API'si ile kullanıcı bilgisi aktarımı, özel olaylar ve programatik kontrol.

<!-- Gelişmiş Widget Yapılandırması -->
<script>
  window.YanitlyConfig = {
    tenantId: 'YOUR_TENANT_ID',
    position: 'bottom-right',
    language: 'tr',
    theme: {
      primaryColor: '#6C3AED',
      headerTitle: 'Destek Ekibimiz',
      welcomeMessage: 'Merhaba! Size nasıl yardımcı olabiliriz?'
    },
    user: {
      name: 'Kullanıcı Adı',
      email: 'kullanici\u0040ornek.com',
      metadata: { plan: 'pro', company: 'Acme Inc.' }
    }
  };
</script>

Kod Örneği

Minimum Widget Kurulumuhtml
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>Siteniz</title>
</head>
<body>
  <!-- Site içeriğiniz -->

  <!-- Yanıtly Widget (</body> öncesine ekleyin) -->
  <script
    src="https://yanitly.com/widget/embed.js"
    data-tenant-id="YOUR_TENANT_ID"
    async
  ></script>
</body>
</html>

Sık Sorulan Sorular

Widget sitemin hızını etkiler mi?

Hayır. Widget async olarak yüklenir ve sitenizin ilk yüklenmesini etkilemez. Toplam boyut ~45KB (gzip).

WordPress'e nasıl eklerim?

Görünüm → Tema Düzenleyici → footer.php dosyasına veya "Insert Headers and Footers" eklentisi ile ekleyebilirsiniz.

Widget'ı programatik olarak açabilir miyim?

Evet, window.YanitlyWidget.open() ve window.YanitlyWidget.close() metodlarını kullanabilirsiniz.

İlgili Kaynaklar

Widget JavaScript APIWidget Özelleştirme RehberiKVKK Uyumluluk

Web Widget ile hemen başlayın

Ücretsiz deneme hesabı oluşturun ve entegrasyonu dakikalar içinde kurun.

Ücretsiz Başla Dokümantasyon