Hızlı Başlangıç

Respondo sohbet widget’ını web sitenize 2 dakikadan kısa sürede ekleyin.

Betiği ekleyin

Widget’ı görüntülemek istediğiniz her sayfada bu kod parçasını </body> etiketinden önce yapıştırın:

HTMLhtml

<script>
  window.Respondo = window.Respondo || {};
  Respondo.init = Respondo.init || function(c) { window.RespondoAIConfig = c; };
  Respondo.q = Respondo.q || [];
  Respondo.identify = Respondo.identify || function(d) { Respondo.q.push(['identify', d]); };
  Respondo.init({
    agentId: 'YOUR_AGENT_ID',
    channelId: 'YOUR_CHANNEL_ID'
  });
</script>
<script src="https://api.respondo.ai/widget/widget.js" async></script>

YOUR_AGENT_ID ve YOUR_CHANNEL_ID değerlerini kanal ayarlarınızdaki Agent ID ve Channel ID ile değiştirin (ya da kanal sayfasındaki hazır doldurulmuş kod parçasını kopyalayın). Widget asenkron olarak yüklenir ve sayfa performansını etkilemez.

Bir framework mi kullanıyorsunuz?#

Aynı widget, kendi stack’inize bağlanmış — bir sekme seçin:

Bu bileşeni uygulamanızın köküne yakın bir yerde bir kez render edin:

Reacttsx

// respondo-widget.tsx — render once, near the root of your app
import { useEffect } from 'react';

export function RespondoWidget() {
  useEffect(() => {
    const w = window as any;
    w.Respondo = w.Respondo || {};
    w.Respondo.init = w.Respondo.init || function (c) { w.RespondoAIConfig = c; };
    w.Respondo.q = w.Respondo.q || [];
    w.Respondo.identify = w.Respondo.identify || function (d) { w.Respondo.q.push(['identify', d]); };
    if (!document.querySelector('script[data-respondo]')) {
      w.Respondo.init({
        agentId: 'YOUR_AGENT_ID',
        channelId: 'YOUR_CHANNEL_ID'
      });
      const s = document.createElement('script');
      s.src = 'https://api.respondo.ai/widget/widget.js';
      s.async = true;
      s.dataset.respondo = '1';
      document.body.appendChild(s);
    }
  }, []);

  return null;
}

YOUR_AGENT_ID / YOUR_CHANNEL_ID değerlerini kanal ayarlarınızdaki değerlerle değiştirin — ya da bunların hazır doldurulmuş olduğu kanal sayfasındaki kod parçasını kopyalayın.

Kullanıcıları tanımlayın (önerilir)

Kullanıcı giriş yaptıktan sonra, sohbet oturumlarını profiline bağlamak için identify() çağırın:

JavaScriptjavascript

Respondo.identify({
  email: 'user@example.com',
  name: 'John Doe',
  userId: 'usr_12345',       // dahili kullanıcı kimliğiniz
  metadata: {                // herhangi bir özel alan
    plan: 'premium',
    company: 'Acme Inc'
  },
  properties: {              // özel kişi özellikleri (Ajan Ayarları’nda tanımlanır)
    account_type: 'enterprise',
    region: 'eu-west'
  }
});

Tamam!

Widget sağ alt köşede görünecek. Tüm konuşmalar otomatik olarak panonuzdaki Konuşmalar bölümüne akar.