Mulai Cepat

Tambahkan widget chat Respondo ke situs web Anda dalam waktu kurang dari 2 menit.

Tambahkan skrip

Tempelkan cuplikan ini sebelum </body> di setiap halaman tempat Anda ingin menampilkan widget:

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>

Ganti YOUR_AGENT_ID dan YOUR_CHANNEL_ID dengan Agent ID dan Channel ID dari pengaturan channel Anda (atau salin cuplikan yang sudah terisi dari halaman channel). Widget dimuat secara asinkron dan tidak akan memengaruhi performa halaman.

Menggunakan framework?#

Widget yang sama, terhubung ke stack Anda — pilih sebuah tab:

Render komponen ini sekali saja, di dekat root aplikasi Anda:

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;
}

Ganti YOUR_AGENT_ID / YOUR_CHANNEL_ID dengan nilai dari pengaturan channel Anda — atau salin cuplikan siap pakai dari halaman channel, yang sudah terisi nilainya.

Identifikasi pengguna (disarankan)

Setelah pengguna login, panggil identify() untuk menautkan sesi chat ke profil mereka:

JavaScriptjavascript

Respondo.identify({
  email: 'user@example.com',
  name: 'John Doe',
  userId: 'usr_12345',       // ID pengguna internal Anda
  metadata: {                // bidang khusus apa pun
    plan: 'premium',
    company: 'Acme Inc'
  },
  properties: {              // properti kontak khusus (didefinisikan di Agent Settings)
    account_type: 'enterprise',
    region: 'eu-west'
  }
});

Selesai!

Widget akan muncul di pojok kanan bawah. Semua percakapan mengalir ke dashboard Conversations Anda secara otomatis.